/* ============================================================
   KORVA SENTINEL — Logo Override for GORGO Command Center
   ============================================================
   DROP-IN ONLY. Add ONE line to index.html after gorgo.css:

     <link rel="stylesheet" href="./styles/korva-sentinel-logo-override.css" />

   File location: /styles/korva-sentinel-logo-override.css
   Brain image:   /images/korva-brain.png  (already in repo)

   ZERO source files modified. ZERO gorgo.css rules changed.
   Only the .logo-mark in #top-bar is affected.
   Every other pixel of the GORGO Command Center is untouched.
   ============================================================ */


/* ── 1. Hide the GORGO hex SVG and wordmark ──────────────────
   We hide the children — not the container — so the .logo-mark
   anchor tag keeps its flex layout role in the top bar. */

.logo-mark .logo-hex {
  display: none !important;
}

.logo-mark .logo-text-block {
  display: none !important;
}


/* ── 2. KORVA brain icon injected via ::before ───────────────
   Relative path works because this CSS lives in /styles/
   and the brain lives in /images/ — same as gorgo.css refs.
   Filter chain: teal-tints the gold brain to blend with HUD. */

.logo-mark {
  display:     flex !important;
  align-items: center !important;
  gap:         11px !important;
}

.logo-mark::before {
  content:             '';
  display:             block;
  width:               36px;
  height:              36px;
  flex-shrink:         0;
  background-image:    url('../images/korva-brain.png');
  background-size:     contain;
  background-repeat:   no-repeat;
  background-position: center;
  filter:  brightness(0.85) sepia(0.55) hue-rotate(152deg) saturate(2.4);
  opacity: 0.90;
  transition: filter 0.15s ease, opacity 0.15s ease;
}

.logo-mark:hover::before {
  filter:  brightness(1.05) sepia(0.45) hue-rotate(152deg) saturate(3.0);
  opacity: 1.0;
}


/* ── 3. KORVA SENTINEL wordmark injected via ::after ─────────
   Inline SVG data URI — no external font dependency.
   K in Command Gold #C9A24D · ORVA + SENTINEL in HUD teal #00c8a8 */

.logo-mark::after {
  content:             '';
  display:             block;
  width:               152px;
  height:              34px;
  flex-shrink:         0;
  background-image:    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 152 34'%3E%3Ctext x='0' y='15' font-family='Exo 2%2C Segoe UI%2C sans-serif' font-size='15' font-weight='900' letter-spacing='3'%3E%3Ctspan fill='%23C9A24D'%3EK%3C/tspan%3E%3Ctspan fill='%2300c8a8'%3EORVA%3C/tspan%3E%3C/text%3E%3Ctext x='0' y='29' font-family='Exo 2%2C Segoe UI%2C sans-serif' font-size='9' font-weight='400' letter-spacing='4.5' fill='%2300c8a8' opacity='0.65'%3ESENTINEL%3C/text%3E%3C/svg%3E");
  background-size:     contain;
  background-repeat:   no-repeat;
  background-position: left center;
}


/* ── 4. Optional: "A GORGO Company" sub-tagline ──────────────
   Uncomment the block below to show parent company attribution.
   Comment out block 3 above first if you enable this. */

/*
.logo-mark::after {
  width:  152px;
  height: 42px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 152 42'%3E%3Ctext x='0' y='15' font-family='Exo 2%2C Segoe UI%2C sans-serif' font-size='15' font-weight='900' letter-spacing='3'%3E%3Ctspan fill='%23C9A24D'%3EK%3C/tspan%3E%3Ctspan fill='%2300c8a8'%3EORVA%3C/tspan%3E%3C/text%3E%3Ctext x='0' y='27' font-family='Exo 2%2C Segoe UI%2C sans-serif' font-size='9' font-weight='400' letter-spacing='4.5' fill='%2300c8a8' opacity='0.65'%3ESENTINEL%3C/text%3E%3Ctext x='0' y='40' font-family='Exo 2%2C Segoe UI%2C sans-serif' font-size='7.5' font-weight='300' letter-spacing='1.5' fill='%233a6a85' opacity='0.7'%3EA GORGO COMPANY%3C/text%3E%3C/svg%3E");
}
*/