/* nl-hover.css — reguły wygenerowane z atrybutów style-hover.
   W kanwie Claude Design ten atrybut nie działał: nie obsługiwał go ani CSS,
   ani support.js, więc 965 stanów hover było martwych. Tu są realne.
   Tła podświetleń tylko ze zmiennych motywu (2026-09-27): kolory wpisane na sztywno (#E9DDE1, #FAF6F7) zostawały
   jasne w trybie ciemnym, a tekst wiersza jest tam jasny, więc „Cennik popularnych zabiegów” znikał pod kursorem.
   --nl-roz-tlo-2 i --nl-roz-karta mają w trybie jasnym te same wartości, w ciemnym #241A20 i #1F1620. */
@media (hover:hover){
  .nl-h1:hover{ color:var(--nl-pasek-tekst); }
  .nl-h2:hover{ border-color:var(--nl-zloto-orn); transform:translateY(-2px); }
  .nl-h3:hover{ background:var(--nl-roz-karta); }
  .nl-h4:hover{ color:var(--nl-stopka-cta); border-bottom-color:var(--nl-zloto-orn); }
  .nl-h5:hover{ background:var(--nl-tlo); }
  .nl-h6:hover{ transform:scaleY(1.4); }
  .nl-h7:hover{ border-color:var(--nl-zloto-orn); }
}

/* homepage hover (klon 1do1) — prefiks nlhg, dopisane do nl-hover.css */
@media (hover:hover){
  .nlhg1:hover{ color:var(--nl-stopka-cta); }
  .nlhg2:hover{ border-color:var(--nl-zloto-orn); box-shadow:inset 0 0 0 3px rgba(176,141,87,.16); }
  .nlhg3:hover{ color:var(--nl-pasek-tekst); }
  .nlhg4:hover{ background:var(--nl-stopka-cta); }
  .nlhg5:hover{ background:var(--nl-roz-tlo-2); }
  .nlhg6:hover{ border-color:var(--nl-zloto-orn); transform:translateY(-2px); }
  .nlhg7:hover{ border-color:var(--nl-stopka-cta); }
  .nlhg8:hover{ background:var(--nl-roz-karta); }
  .nlhg9:hover{ color:var(--nl-stopka-tekst); }
  .nlhg10:hover{ color:var(--nl-stopka-akcent); }
  .nlhg11:hover{ background:var(--nl-stopka-cta-hover); }
  .nlhg12:hover{ border-color:var(--nl-stopka-ikona); color:var(--nl-stopka-akcent); }
  .nlhg13:hover{ border-color:var(--nl-stopka-ikona); }
}

/* === stopka NL rollout hover START === */
@media (hover:hover){
  .nlft1:hover{ color:var(--nl-stopka-tekst); }
  .nlft2:hover{ color:var(--nl-stopka-akcent); }
  .nlft3:hover{ background:var(--nl-stopka-cta-hover); }
  .nlft4:hover{ border-color:var(--nl-stopka-ikona); color:var(--nl-stopka-akcent); }
  .nlft5:hover{ border-color:var(--nl-stopka-ikona); }
}
/* === stopka NL rollout hover END === */

/* Karta zabiegu: odnośnikiem jest tytuł (anchor = nazwa strony), a klikalna jest cała karta
   przez pseudoelement rozciągnięty na kontener z position:relative. Reguła hover .nl-h2 działa dalej. */
.nl-karta-zab{position:relative;}
.nl-karta-zab .nl-karta-zab-tytul::after{content:""; position:absolute; inset:0;}
.nl-karta-zab .nl-karta-zab-tytul:focus-visible{outline:2px solid var(--nl-zloto-orn); outline-offset:2px;}