/* R73 (30.10.2026) – spokojniejszy nagłówek („mniej sztuczny, jak AI”). Właściciel pliku: pomocnik B.
   Ładowany przez r73.php na wp_head 1080, po r72/naglowek.css (1075). Siła jak tam: "html:root body.ljk-r73:not(#r73a#r73b)".
   Co zmieniamy względem R72 (badania: runda73/B-badania.md, punkt „Nagłówek”):
   - pasek promocji: jeden pełny ciemny kolor zamiast gradientu śliwki z kolorową linią; „Zobacz” jako biała pigułka;
     „gratis” jako spokojna zielona etykieta zamiast jaskrawej pigułki;
   - menu: lżejsza waga pisma (600), bez kolorowej kreski gradientu pod pozycją, strzałka w fiolecie zamiast różu;
   - rozwijane listy: zwykła biała karta, bez paska gradientu u góry;
   - koszyk z produktami: pełny ciemny (atrament) zamiast gradientu i bez podskoku – gradient zostaje tylko na przycisku kupna.
   Logo, ikony marek, wysokości i układ bez zmian (CLS 0). Ozdoby świąteczne (kapelusz, nietoperze) są w ozdoby-sezonowe.php –
   tu ich nie ruszamy. Fokus z klawiatury i „ogranicz ruch” jak w R72. */

/* ---------- 1. Pasek promocji ---------- */
/* także stan „zarezerwowany” przed wczytaniem skryptu (html.ljk-pd-r, naturalny.css), żeby kolor nie mignął fioletem */
html:root body.ljk-r73:not(#r73a#r73b) :is(.lh-top.has-pd,.ljk-pd-solo),
html.ljk-pd-r:root body.ljk-r73:not(#r73a#r73b) .lh-top{background:#1d1530!important;background-image:none!important;box-shadow:none!important;border-bottom:0!important;color:#fff!important}
html.ljk-pd-r:root body.ljk-r73:not(#r73a#r73b) .lh-top:not(.has-pd) .lh-top-in :is(li,a,span,strong){color:#e8e2f4!important}
html.ljk-pd-r:root body.ljk-r73:not(#r73a#r73b) .lh-top:not(.has-pd) .lh-top-in svg{stroke:#e8e2f4!important}
html:root body.ljk-r73:not(#r73a#r73b) :is(.lh-top.has-pd,.ljk-pd-solo) .ljk-pd-bar :is(.sep,.sj){background:rgba(255,255,255,.2)!important}
/* „+30% sztuk gratis”: zieleń = gratis, ale stonowana – jasnozielony tekst na lekko zielonym tle (14:1) */
html:root body.ljk-r73:not(#r73a#r73b) .ljk-pd-bar .ljk-pd-a b{background:rgba(74,222,128,.16)!important;color:#bbf7d0!important;box-shadow:inset 0 0 0 1px rgba(134,239,172,.38)!important;font-weight:700!important}
/* „Zobacz”: biała pigułka z ciemnym tekstem (17:1) – widać, że to przycisk, ale nie konkuruje z kupnem */
html:root body.ljk-r73:not(#r73a#r73b) .ljk-pd-bar:not(.f-go) .ljk-pd-a .go{background:#fff!important;background-image:none!important;border:0!important;color:#1d1530!important;font-weight:700!important}
html:root body.ljk-r73:not(#r73a#r73b) .ljk-pd-bar:not(.f-go) .ljk-pd-a:hover .go{background:#f3edff!important;background-image:none!important;color:#1d1530!important}
html:root body.ljk-r73:not(#r73a#r73b) .ljk-pd-bar:not(.f-go) .ljk-pd-a:hover .go::after{transform:none!important}

/* ---------- 2. Menu platform (komputer) ---------- */
@media (min-width:922px){
  html:root body.ljk-r73:not(#r73a#r73b) #lh .lh-list>.lh-cat>.lh-btn{font-weight:600!important}
  /* bez kolorowej kreski pod pozycją – zostaje samo spokojne tło przy najechaniu (jak w R72) */
  html:root body.ljk-r73:not(#r73a#r73b) #lh .lh-list>.lh-cat>.lh-btn::after{content:none!important;display:none!important}
  html:root body.ljk-r73:not(#r73a#r73b) #lh .lh-list>.lh-cat:is(:hover,:focus-within,.lh-hov)>.lh-btn .lh-arr{color:#6d28d9!important}
  /* bieżąca platforma: ciemny tekst + cienkie podkreślenie w atramencie (stałe, bez animacji) */
  html:root body.ljk-r73:not(#r73a#r73b) #lh .lh-list>.lh-cat.is-current>.lh-btn{text-decoration:underline!important;text-decoration-thickness:2px!important;text-underline-offset:6px!important;text-decoration-color:#1d1530!important}

  /* rozwijana lista i „Więcej platform”: zwykła biała karta z cienką ramką i miękkim cieniem */
  html:root body.ljk-r73:not(#r73a#r73b) #lh .lh-list>.lh-cat:not(.lh-more)>.lh-sub,
  html:root body.ljk-r73:not(#r73a#r73b) #lh .lh-mega{background:#fff!important;background-image:none!important;border:1px solid #e6e0f0!important;
    box-shadow:0 1px 2px rgba(29,21,48,.06),0 12px 28px -14px rgba(29,21,48,.26)!important}
  html:root body.ljk-r73:not(#r73a#r73b) #lh .lh-list>.lh-cat:not(.lh-more)>.lh-sub{padding-top:8px!important}
  html:root body.ljk-r73:not(#r73a#r73b) #lh .lh-list>.lh-cat:not(.lh-more)>.lh-sub li:not(.lh-sub-all) a::after{color:#8b84a0!important;font-weight:600}
  html:root body.ljk-r73:not(#r73a#r73b) #lh .lh-list>.lh-cat:not(.lh-more)>.lh-sub li:not(.lh-sub-all) a:is(:hover,:focus-visible)::after{color:#6d28d9!important}
}

/* ---------- 3. Koszyk ---------- */
/* z produktami: pełny atrament (biały tekst 17:1) – wyraźny, ale bez gradientu kupna i bez podskoku */
html:root body.ljk-r73:not(#r73a#r73b) #lh .lh-cart:has(.lh-count:not(.lh-zero)){background:#1d1530!important;background-image:none!important;border-color:#1d1530!important;color:#fff!important}
html:root body.ljk-r73:not(#r73a#r73b) #lh .lh-cart:has(.lh-count:not(.lh-zero)):hover{background:#342a4d!important;background-image:none!important;border-color:#342a4d!important;transform:none!important}
html:root body.ljk-r73:not(#r73a#r73b) #lh .lh-cart:hover{transform:none!important}
/* licznik na komputerze: biała pigułka z ciemnym różem (6:1) – bez zmian; do 1199 px: róż marki z białą obwódką,
   widoczny i na białym, i na ciemnym koszyku (biały na #c0135f 6:1) */
@media (max-width:1199px){
  html:root body.ljk-r73:not(#r73a#r73b) #lh .lh-count{background:#c0135f!important;color:#fff!important;border:2px solid #fff!important}
}

/* ---------- 4. Telefon: wysuwane menu – obramowanie otwartej grupy w fiolecie zamiast różu ---------- */
@media (max-width:921px){
  html:root body.ljk-r73:not(#r73a#r73b) #lh .lh-pop-in a:hover,
  html:root body.ljk-r73:not(#r73a#r73b) #lh .lh-cat.open{border-color:#d9c8fb!important}
}

/* ---------- 5. Ograniczony ruch ---------- */
@media (prefers-reduced-motion:reduce){
  html:root body.ljk-r73:not(#r73a#r73b) :is(.lh-top,.ljk-pd-solo) .ljk-pd-a .go{transition:none!important}
}