/* ============================================================
   odNOVA — WSPÓLNY SYSTEM LOGO  (jedyne źródło prawdy na stronie)
   Wdrożenie finalnego, zamrożonego znaku od·NOVA (17.07.2026).
   Znak = gotowe, obrysowane SVG z biblioteki logo (assets/logo/).
   NIE odtwarzać znaku tekstem/fontem/CSS. Kolory zamrożone w SVG:
     ciemne tło: litery #F2EEE6 · kropka #C09A63
     jasne tło:  litery #191C22 · kropka #8C7150
   Aby zmienić wariant globalnie — podmień plik SVG lub regułę tutaj.
   ============================================================ */

.odn-logo{
  display:inline-block;
  height:var(--odn-h,38px);
  width:auto;
  background-repeat:no-repeat;
  background-position:left center;
  background-size:contain;
  flex:none;
  /* pole ochronne = 2× średnica kropki ≈ 0.30em wg znaku */
  vertical-align:middle;
  -webkit-user-select:none;user-select:none;
}
a.odn-logo{cursor:pointer;}

/* — proporcje z viewBox każdego wariantu (szerokość liczona z wysokości) — */
.odn-logo[data-variant="primary-on-dark"],
.odn-logo[data-variant="primary-on-light"],
.odn-logo[data-variant="watermark-wordmark"]{ aspect-ratio:348.655 / 142.165; }
.odn-logo[data-variant="compact-od-on-dark"],
.odn-logo[data-variant="compact-od-on-light"],
.odn-logo[data-variant="watermark-od"]{ aspect-ratio:183.355 / 142.165; }
.odn-logo[data-variant="brighton-below-on-dark"]{ aspect-ratio:348.655 / 186.165; }
.odn-logo[data-variant="byline-on-dark"]{ aspect-ratio:348.655 / 184.165; }

/* — mapowanie wariant → plik SVG — */
.odn-logo[data-variant="primary-on-dark"]{ background-image:url(../assets/logo/primary-on-dark.svg); }
.odn-logo[data-variant="primary-on-light"]{ background-image:url(../assets/logo/primary-on-light.svg); }
.odn-logo[data-variant="compact-od-on-dark"]{ background-image:url(../assets/logo/compact-od-on-dark.svg); }
.odn-logo[data-variant="compact-od-on-light"]{ background-image:url(../assets/logo/compact-od-on-light.svg); }
.odn-logo[data-variant="brighton-below-on-dark"]{ background-image:url(../assets/logo/brighton-below-on-dark.svg); }
.odn-logo[data-variant="byline-on-dark"]{ background-image:url(../assets/logo/byline-on-dark.svg); }
.odn-logo[data-variant="watermark-wordmark"]{ background-image:url(../assets/logo/watermark-wordmark-6pct.svg); }
.odn-logo[data-variant="watermark-od"]{ background-image:url(../assets/logo/watermark-od-6pct.svg); }

/* — rozmiary wg miejsca użycia (zasady wdrożenia) — */
.odn-logo.hero-mark{ --odn-h:38px; }            /* header desktop: pełny wordmark 38px */
.odn-logo.footer-mark{ --odn-h:30px; }          /* stopka: dokładnie 30px */
.odn-logo.menu-mark{ --odn-h:24px; }            /* menu mobilne: kompakt od· 24px */
.odn-logo.sign-logo{ --odn-h:17px; }            /* dyskretny sign-off na ciemnym */
.odn-logo.sign-logo--light{ --odn-h:18px; }     /* sign-off na kremowym */
.odn-logo.pf-colophon-mark{ --odn-h:32px; }     /* kolofon profilu (meet-piotr) */

/* — HERO (index): wordmark na jednolitym granacie #0A1018 — */
.hero-logo-img{ display:block; width:100%; height:auto; }
.ci-logo-img{ display:block; width:min(56vw,380px); height:auto; margin:0 auto; }

/* — WATERMARKI: ostry wektor, niska przezroczystość wbudowana w SVG (4–6%), bez blur — */
.odn-ghost{ position:absolute; pointer-events:none; }
.odn-ghost .odn-logo{ width:auto; }

/* poniżej 30px pełny wordmark jest zakazany — automatyczny fallback na kompakt */
@media (max-width:600px){
  .odn-logo.hero-mark{ --odn-h:30px; }          /* nadal ≥30px, pełny wordmark dozwolony */
}