/*
 * LGN10 BRAND-CHROME-01 · ground-logo-mark.css
 * Ground-only overlay: pin logo mark + LGN10 wordmark upper left.
 * Favor cyan rim / cyan wordmark (site blue). Gold may stay secondary on mark only.
 * Do NOT restyle dock, mode pills layout, gold-icons row, race, or other chrome
 * beyond what's needed so the mark fits without moving the frozen dock.
 *
 * Overlay-only. Preview first. Load AFTER open-map-top / upper-tabs / upper-chrome-opacity.
 * Suggested: /assets/ground-logo-mark.css?v=20260917brand1c
 */

/* --- Asset path (Dev may mirror to /assets/brand/) --- */
html body{
  --lgn-brand-mark-url:url("/assets/brand/lgn10-mark.svg");
  --lgn-brand-cyan:#6ee7ff;
  --lgn-brand-cyan-deep:#3dd6f5;
  --lgn-brand-paper:#EDE6D6;
  --lgn-brand-gold:#C5A15A; /* secondary — mark only if needed */
}

/* Brand cluster — upper left only; do not change topbar geometry/height */
html body .topbar .brand,
html body header.topbar .brand{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  flex-shrink:0!important;
  min-width:0!important;
  max-width:42vw!important;
  margin:0!important;
  padding:0!important;
  position:relative!important;
  z-index:2!important;
  opacity:1!important;
  pointer-events:auto!important;
  filter:none!important;
  -webkit-filter:none!important;
}

/* Wordmark — crisp LGN10 in cyan (site blue we use throughout) */
html body .topbar .brand .word,
html body header.topbar .brand .word,
html body .topbar .brand > strong.word{
  opacity:1!important;
  color:var(--lgn-brand-cyan)!important;
  font-weight:800!important;
  letter-spacing:.28em!important;
  font-size:18px!important;
  line-height:1!important;
  filter:none!important;
  text-shadow:0 0 16px rgba(110,231,255,.35)!important;
}

/* Explicit mark child (preferred HTML — see DEV ticket snippet) — cyan rim + glow */
html body .topbar .brand .mark,
html body header.topbar .brand .mark,
html body .topbar .brand > img.mark,
html body .topbar .brand > span.mark{
  width:26px!important;
  height:26px!important;
  min-width:26px!important;
  max-width:26px!important;
  display:block!important;
  flex-shrink:0!important;
  border-radius:8px!important;
  object-fit:cover!important;
  opacity:1!important;
  filter:none!important;
  border:1px solid rgba(110,231,255,.55)!important;
  box-shadow:0 0 12px rgba(110,231,255,.28)!important;
  background:#0a0a0a!important;
}

/* CSS-only mark when HTML still has word-only brand (no .mark child) */
html body .topbar .brand:not(:has(.mark))::before,
html body header.topbar .brand:not(:has(.mark))::before{
  content:""!important;
  display:block!important;
  width:26px!important;
  height:26px!important;
  flex-shrink:0!important;
  border-radius:8px!important;
  background-color:#0a0a0a!important;
  background-image:var(--lgn-brand-mark-url)!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  border:1px solid rgba(110,231,255,.55)!important;
  box-shadow:0 0 12px rgba(110,231,255,.28)!important;
  box-sizing:border-box!important;
}

/* Work Mode: keep brand readable over ghost plaques; do not touch mode / icons / dock */
html body.on-work .topbar .brand,
html body.on-work .topbar .brand .word,
html body.on-work .topbar .brand .mark{
  opacity:1!important;
  color:var(--lgn-brand-cyan)!important;
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

/*
 * HARD EXCLUSIONS — never target bottom dock or frozen chrome.
 * Intentionally no selectors for:
 *   #lgn10-gold-dock, .uber-dock, .tabbar, .ig-dock,
 *   #lgn10-gold-icons, .topbar .mode, #mode-*, #lgn10-gold-circuit,
 *   race / challenge / series hosts.
 */