/*
Theme Name: Podniebnik Child
Template: blocksy
Description: Motyw potomny Blocksy dla Podniebnika (wlasnosc drony). Tokeny w :root sa 1:1 z sekcja wyglad teczki wlasnosci/drony — zmiana wartosci wymaga zmiany w teczce, nie odwrotnie.
Version: 0.2.6
Text Domain: podniebnik-child
*/

/* ============================================================
   TOKENY — jedyne zrodlo: teczka wlasnosci/drony, sekcja wyglad.
   Wlasciciel stylu: ARKUSZ dla tokenow, typografii bazowej,
   komponentow (plakietka, daty, wiersz, kafelek, karta, liczba,
   slot-foto) i rytmu sekcji (responsywny padding — poza zasiegiem
   blokow). Bloki wladaja: tozsamoscia sekcji (tag+id), tlem sekcji,
   szerokoscia tresci (layout.contentSize) i kolorami CTA.
   ============================================================ */
:root{
  /* kolor.role — wariant jasny */
  --tlo-j:#F7F6F3; --pow-j:#FFFFFF; --tekst-j:#14181F; --akcent-j:#12508C; --obw-j:#C4BDB0;
  /* kolor.role — wariant ciemny */
  --tlo-c:#0E141B; --pow-c:#172230; --tekst-c:#E8EDF2; --akcent-c:#7CB8F2; --obw-c:#33445A;
  /* kolor.cta — DWA OSOBNE TOKENY, zaden nie jest przenoszalny */
  --cta-j-fill:#12508C; --cta-j-label:#FFFFFF;
  --cta-c-fill:#E8EDF2; --cta-c-label:#0E2A47;
  /* typografia */
  --font-h:'IBM Plex Sans','Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
  --font-t:'IBM Plex Serif',Charter,'Bitstream Charter',Cambria,Georgia,'Times New Roman',serif;
  /* siatka */
  --tresc:680px; --tresc-szeroka:1100px; --margines:24px;
}

/* --- Baza: tlo strony, typografia (wlasciciel: arkusz) --- */
/* Tlo i kolor tekstu body naleza do BUILDERA (paleta Blocksy = tokeny teczki:
   color7 -> --tlo-j, color3 -> --tekst-j). Arkusz ich nie ustawia. */
body{
  font-family:var(--font-t);
  font-size:18px;
  line-height:1.6;
}
h1,h2,h3,h4,h5,h6{font-family:var(--font-h); line-height:1.15; font-weight:600; letter-spacing:-0.01em; color:inherit;}
h1{font-size:44px;} h2{font-size:35px;} h3{font-size:28px;}
a{color:var(--akcent-j);}
.pn-ciemna a{color:var(--akcent-c);}

/* --- Rytm sekcji: responsywny, wiec poza zasiegiem blokow --- */
.pn-sekcja{padding-top:64px; padding-bottom:64px; padding-left:var(--margines); padding-right:var(--margines);}
.pn-pasek{padding-top:32px; padding-bottom:32px; padding-left:var(--margines); padding-right:var(--margines);
  background:var(--pow-j); border-top:1px solid var(--obw-j); border-bottom:1px solid var(--obw-j);}

/* --- Domyslny tytul strony glownej: ukryty (strona buduje wlasne hero) --- */
body.home .entry-header, body.home .page-title, body.home .hero-section[data-type]{display:none;}

/* --- Strona glowna: sekcje pelnej szerokosci stykaja sie (zmiana tablicy, nie karta) --- */
.home .site-main, .home #main-container > .ct-container{padding-top:0; padding-bottom:0; margin-top:0; margin-bottom:0;}
.home article{margin:0;}
.home .entry-content{margin-top:0; margin-bottom:0;}
.home .entry-content > .alignfull{margin-top:0; margin-bottom:0;}

/* --- Lead --- */
.pn-lead{font-size:22px; max-width:56ch;}
.pn-meta{font-family:var(--font-h); font-size:14px; line-height:1.3; font-variant-numeric:tabular-nums;}
.pn-stonowany{opacity:.7;}
.pn-bez-gory{padding-top:0;}

.pn-tytul-karty{font-family:var(--font-h); font-size:28px; font-weight:600; line-height:1.15; margin:0;}

/* --- Pasek liczb wlasnych --- */
.pn-liczba{font-family:var(--font-h); font-variant-numeric:tabular-nums;}
.pn-liczba-wartosc{font-size:35px; font-weight:600; line-height:1.15; margin:0;}
.pn-liczba-etykieta{font-size:14px; line-height:1.3; opacity:.78; margin:4px 0 0;}

/* --- Kafelki kategorii --- */
.pn-kafelek{background:var(--pow-j); border:1px solid var(--obw-j); border-radius:4px; padding:24px;}
.pn-pytanie{font-family:var(--font-h); font-size:22px; font-weight:600; line-height:1.15; margin:0;}
.pn-pytanie a{color:inherit; text-decoration:none;}
.pn-kafelek:hover .pn-pytanie a{color:var(--akcent-j);}
.pn-kategoria{font-family:var(--font-h); font-size:14px; line-height:1.3; letter-spacing:.06em;
  text-transform:uppercase; color:var(--akcent-j); margin:12px 0 0;}

/* --- Karty wpisow --- */
.pn-karta{background:var(--pow-j); border:1px solid var(--obw-j); border-radius:4px; padding:32px;}
.pn-karta > * + *{margin-top:16px;}

/* --- Guziki: typografia wspolna; KOLORY naleza do bloku (token per tlo sekcji) --- */
.wp-element-button, .wp-block-button__link{
  font-family:var(--font-h); font-size:18px; font-weight:600; line-height:1.3;
  padding:12px 24px; text-decoration:none;
}

/* --- Pas fotograficzny: maks. 1/3 wysokosci ekranu, zawsze z podpisem --- */
.pn-pas-foto img{width:100%; max-height:33vh; object-fit:cover; border-radius:4px;
  border:1px solid var(--obw-j); display:block;}
.pn-pas-foto figcaption{font-family:var(--font-h); font-size:14px; line-height:1.4;
  margin-top:12px; opacity:.78; text-align:left;}

/* --- Szlif: reveal (wlasciciel ruchu: szlif.js; tu tylko stany) --- */
.pn-przed-odslona{opacity:0; transform:translateY(14px);
  transition:opacity .55s ease, transform .55s ease;}
.pn-odsloniete{opacity:1; transform:none;}
.pn-bez-ruchu .pn-przed-odslona{opacity:1; transform:none; transition:none;}

/* --- Szlif: hovery w duchu dokumentu (obwodka, bez cieni) --- */
.pn-kafelek, .pn-karta{transition:border-color .2s ease, transform .2s ease;}
.pn-kafelek:hover, .pn-karta:hover{border-color:var(--akcent-j); transform:translateY(-2px);}
.pn-bez-ruchu .pn-kafelek, .pn-bez-ruchu .pn-karta{transition:none; transform:none;}
.wp-block-button__link{transition:filter .15s ease;}
.wp-block-button__link:hover{filter:brightness(1.12);}

/* --- Naglowek: ciemny, styk z hero bez szczeliny (profil ukladu: naprzemiennosc).
   Selektory celowo w ksztalcie Blocksy ([data-header] ...): rowna specyficznosc
   z jego inline CSS, a arkusz potomny stoi pozniej w kaskadzie - wygrywa
   kolejnoscia, bez !important. --- */
/* ID w selektorze: na wpisach Blocksy emituje biale tlo wiersza pozniej w kaskadzie
   i remisuje specyficznoscia z sama klasa - #header rozstrzyga bez !important. */
body #header [data-row*="middle"]{background-color:var(--tlo-c); --height:96px;}
body #header .ct-header, body #header{border-bottom:1px solid var(--obw-c);}
body #header [data-id="logo"] .site-title{display:none;} /* wordmark jest w logo SVG */
/* Linki menu: biale na ciemnym naglowku (Blocksy dawal kolor tekstu jasnego motywu) */
body #header .ct-menu-link{color:var(--tekst-c);}
body #header .ct-menu-link:hover{color:var(--akcent-c);}
body .ct-header [data-id="logo"] .custom-logo-link{color:var(--tekst-c);}
/* Logo SVG w <img> nie dziedziczy currentColor - na ciemnym naglowku
   rozjasniamy filtrem do ~#EBEBEB (najblizej --tekst-c #E8EDF2).
   Blocksy daje obrazkowi klase .default-logo (nie .custom-logo) - selektor
   przez kontener lapie kazdy wariant (default/sticky/mobile). */
body .ct-header .site-logo-container img{filter:brightness(0) invert(0.92);}
body .ct-header [data-id="menu"] > ul > li > a{
  --theme-link-initial-color:var(--tekst-c); --theme-link-hover-color:var(--akcent-c);
  font-family:var(--font-h);}

/* --- Hero z wideo w tle (home, wzorzec Doba AI): naglowek przezroczysty,
   pozycjonowany PONAD coverem. Specyficznosc body.home wygrywa
   z regula ciemnego tla nizej w kaskadzie o klase. --- */
body.home #header{position:absolute; top:0; left:0; right:0; z-index:20;}
body.home #header [data-row*="middle"]{background-color:transparent;}
body.home #header{border-bottom:none;}
.pn-hero{color:#E8EDF2;}
.pn-hero .wp-block-cover__inner-container{padding:150px var(--margines) 72px;}
.pn-hero h1{font-size:clamp(2.1rem,5.5vw,4.4rem); line-height:1.06; margin:16px 0 0;}
.pn-hero .pn-nadtytul{margin:0;}
.pn-hero .pn-lead{max-width:640px; margin-top:20px; color:#E8EDF2;
  text-shadow:0 1px 12px rgba(14,20,27,.5);}
.pn-hero .pn-nadtytul{color:var(--tekst-c); text-shadow:0 1px 8px rgba(14,20,27,.6);}
.pn-hero h1{text-shadow:0 2px 18px rgba(14,20,27,.45);}
/* Ikony naglowka (hamburger, lupa) widoczne na ciemnym tle */
body .ct-header .ct-icon{fill:var(--tekst-c); color:var(--tekst-c);}
body .ct-header [data-id*="trigger"] .ct-label{color:var(--tekst-c);}
.pn-hero .wp-block-buttons{margin-top:32px;}
/* Specyficznosc (0,4,0): Blocksy celuje w outline przez
   .wp-block-buttons .wp-block-button .wp-block-button__link.is-style-* */
.wp-block-buttons .wp-block-button.pn-guzik-kontur .wp-block-button__link{
  color:#E8EDF2; border:2px solid #E8EDF2;
  border-radius:4px; background:rgba(14,20,27,.42);}
.wp-block-buttons .wp-block-button.pn-guzik-kontur .wp-block-button__link:hover{
  color:#0E141B; background:#E8EDF2;}

/* --- Naglowki sekcji portalu: nadtytul + opis pod naglowkiem --- */
.pn-nadtytul{font-family:var(--font-h); font-size:13px; font-weight:600;
  letter-spacing:0.14em; text-transform:uppercase; color:var(--akcent-j); margin:0;}
.pn-ciemna .pn-nadtytul{color:var(--akcent-c);}
.pn-opis-sekcji{max-width:640px; opacity:0.78; margin-top:4px;}
body .ct-header [data-id="trigger"], body .ct-header .ct-header-trigger,
body .ct-header [data-id="search"] .ct-icon{color:var(--tekst-c);}
body.home{--theme-content-vertical-spacing:0px;} /* zero szczeliny naglowek<->hero i tresc<->stopka */

/* --- Stopka: ciemna, klauzule. Kolory takze przez zmienne Blocksy,
   bo jego inline CSS zasila menu stopki wlasnymi var-ami --- */
body[data-footer] .ct-footer{background-color:var(--tlo-c); color:var(--tekst-c); border-top:1px solid var(--obw-c);
  --theme-text-color:var(--tekst-c); --theme-link-initial-color:var(--akcent-c);
  --theme-link-hover-color:var(--tekst-c); --theme-palette-color-8:var(--tlo-c);}
body[data-footer] .ct-footer a{color:var(--akcent-c);}
body[data-footer] .ct-footer [data-id="menu"] > ul > li > a{
  --theme-link-initial-color:var(--tekst-c); --theme-link-hover-color:var(--akcent-c);
  font-family:var(--font-h);}
body[data-footer] .ct-footer [data-id="copyright"], body[data-footer] .ct-footer p{
  font-family:var(--font-h); font-size:14px; line-height:1.5; opacity:.82;}

/* Kolumny stopki: logo+opis | Dzialy | Serwis */
body[data-footer] .ct-footer .pn-stopka-logo{filter:brightness(0) invert(0.92);
  height:40px; width:auto; margin-bottom:16px;}
body[data-footer] .ct-footer .pn-stopka-opis{max-width:36ch;}
body[data-footer] .ct-footer .widget-title{font-family:var(--font-h); font-size:13px;
  font-weight:600; letter-spacing:0.14em; text-transform:uppercase;
  color:var(--akcent-c); margin:0 0 14px;}
body[data-footer] .ct-footer .widget_nav_menu ul{list-style:none; padding:0; margin:0;}
body[data-footer] .ct-footer .widget_nav_menu li{padding:5px 0;}
body[data-footer] .ct-footer .widget_nav_menu a{color:var(--tekst-c); text-decoration:none;
  font-family:var(--font-h); font-size:15px;}
body[data-footer] .ct-footer .widget_nav_menu a:hover{color:var(--akcent-c);}
body[data-footer] .ct-footer [data-row="middle"]{padding-top:56px; padding-bottom:24px; --height:auto;}
body[data-footer] .ct-footer [data-row="bottom"]{--height:auto; padding-top:20px; padding-bottom:28px;}

/* --- Podstrony tresci: kolumna czytania 680 (siatka.tresc), tytul w tonie --- */
body.page:not(.home) .entry-content > :not(.alignfull){max-width:680px; margin-left:auto; margin-right:auto;}
body.page:not(.home) article{padding-left:var(--margines); padding-right:var(--margines);}
/* Pas tytulowy podstrony i wpisu: ciemny, pelna szerokosc (wyjscie z paddingu
   article trikiem 50vw), tytul w kolumnie czytania, akcentowa kreska nad tytulem */
body.page:not(.home) .entry-header{max-width:none;
  margin:0 calc(50% - 50vw) 16px; padding:56px calc(50vw - 50%) 44px;
  background-color:var(--tlo-c); color:var(--tekst-c);}
/* Wpis ma sidebar - pas tytulowy trzyma sie kolumny tresci, nie 50vw
   (full-bleed nachodzilby na sidebar) */
body.single .entry-header{max-width:none; margin:0 0 24px;
  padding:48px 44px 40px; background-color:var(--tlo-c); color:var(--tekst-c);}
body.single .ct-sidebar{padding-top:48px;}
body{overflow-x:clip;} /* trik 50vw liczy szerokosc z paskiem przewijania */
body.page:not(.home) .hero-section .page-title, body.single .hero-section .page-title{
  font-family:var(--font-h); color:var(--tekst-c);
  font-size:clamp(1.8rem,3.2vw,2.6rem); line-height:1.12;}
body.page:not(.home) .hero-section .page-title::before,
body.single .hero-section .page-title::before{content:""; display:block;
  width:44px; height:3px; background:var(--akcent-c); margin-bottom:20px;}
body.page:not(.home) .hero-section .ct-container, body.single .hero-section .ct-container{max-width:728px;} /* tytul w kolumnie tresci (680+2x24) */
body.single .entry-header .entry-meta{color:var(--tekst-c); opacity:.75;}
body.single .entry-header .entry-meta a{color:var(--akcent-c);}
body.single .entry-header .entry-meta a:hover{color:var(--tekst-c); text-decoration:underline;}
body.single .entry-content > :not(.alignfull){max-width:680px; margin-left:auto; margin-right:auto;}
body.single article{padding-left:var(--margines); padding-right:var(--margines);}

/* Tytuly wierszy tablicy i kart sa linkami do rejestrow - kolor dziedziczony,
   podkreslenie dopiero na hover (sygnal, nie krzyk) */
.pn-tytul-karty a{color:inherit; text-decoration:none;}
.pn-tytul-karty a:hover{text-decoration:underline;}

/* --- Pasek graficzny kategorii: obraz z term mety (_pn_banner -> --pn-banner
   z mu-pluginu), przyciemniony gradientem marki; tytul i opis na obrazie --- */
body.category .hero-section[data-type]{
  background-image:linear-gradient(rgba(14,20,27,.66), rgba(14,20,27,.66)), var(--pn-banner, none);
  background-size:cover; background-position:center;
  margin:0 0 28px; padding:72px 48px 56px;}
body.category .hero-section .page-title{color:#E8EDF2; font-family:var(--font-h);
  font-size:clamp(1.8rem,3.2vw,2.6rem); line-height:1.12;}
body.category .hero-section .page-title::before{content:""; display:block;
  width:44px; height:3px; background:var(--akcent-c); margin:0 auto 20px;}
body.category .hero-section .entry-meta, body.category .hero-section .page-description,
body.category .hero-section .ct-page-description{color:#E8EDF2; opacity:.85; max-width:640px;}

/* --- Sidebar (wpis, blog, kategoria): spokojny, lepki na desktopie --- */
.ct-sidebar .widget-title, .ct-sidebar .wp-block-heading{font-family:var(--font-h);
  font-size:13px; font-weight:600; letter-spacing:0.14em; text-transform:uppercase;
  color:var(--akcent-j); margin:0 0 14px;}
.ct-sidebar .widget, .ct-sidebar > *{margin-bottom:36px;}
.ct-sidebar ul{list-style:none; padding:0; margin:0;}
.ct-sidebar li{padding:6px 0; border-bottom:1px solid var(--obw-j);}
.ct-sidebar li:last-child{border-bottom:none;}
.ct-sidebar a{text-decoration:none;}
.ct-sidebar a:hover{text-decoration:underline;}
.ct-sidebar .pn-sidebar-nota{font-size:14px; opacity:.88;}
.ct-sidebar .post-date{display:block; font-family:var(--font-h); font-size:12px;
  text-transform:uppercase; letter-spacing:0.06em; opacity:.65;}
@media (min-width:1000px){
  .ct-sidebar{position:sticky; top:32px; align-self:start;}
}

/* --- Listing dziennika (core/query) --- */
.pn-dziennik-lista .pn-karta{margin-bottom:16px;}
.pn-dziennik-lista .wp-block-post-title{font-size:22px; margin:8px 0 10px; line-height:1.2;}
.pn-dziennik-lista .wp-block-post-title a{text-decoration:none;}
.pn-dziennik-lista .wp-block-post-title a:hover{text-decoration:underline;}
.pn-dziennik-lista .wp-block-post-date{font-family:var(--font-h); font-size:13px;
  font-weight:600; text-transform:uppercase; letter-spacing:0.08em; color:var(--akcent-j);}
.pn-dziennik-lista .wp-block-post-excerpt{font-size:17px;}
.pn-dziennik-lista .pn-karta-foto{margin:-24px -24px 16px;} /* foto do krawedzi karty */
.pn-dziennik-lista .pn-karta-foto img{display:block; width:100%; height:240px; object-fit:cover;}
body.page:not(.home) .entry-content h2{margin-top:48px;}
body.page:not(.home) .entry-content h3{margin-top:32px;}

/* --- Spis tresci wpisu (pn-spis, generuje konwerter przy spis_tresci: true) --- */
.entry-content .pn-spis{background:var(--pow-j); color:var(--tekst-j); border:1px solid var(--obw-j);
  border-left:3px solid var(--akcent-j); border-radius:8px; padding:20px 24px; margin:28px 0 8px;}
.pn-spis .pn-spis-tytul{font-family:var(--font-h); font-size:13px; font-weight:700;
  text-transform:uppercase; letter-spacing:0.08em; margin:0 0 10px; opacity:.75;}
.entry-content ul.pn-spis-lista{list-style:none; padding-left:0; margin:0; columns:2; column-gap:36px;}
.pn-spis-lista li{break-inside:avoid; padding:5px 0; margin:0;}
.pn-spis-lista a{color:var(--akcent-j); text-decoration:none; font-weight:600; font-family:var(--font-h); font-size:15px;}
.pn-spis-lista a:hover{text-decoration:underline;}
@media (max-width:720px){ .entry-content ul.pn-spis-lista{columns:1;} }
html{scroll-behavior:smooth;}

/* --- Czytaj w rejestrze: nawigacja po rejestrach zamiast listy z kropkami --- */
.entry-content ul.pn-czytaj{list-style:none; padding-left:0; columns:2; column-gap:40px;}
.pn-czytaj li{break-inside:avoid; padding:10px 0; margin:0; border-bottom:1px solid var(--obw-j);}
.pn-czytaj a{text-decoration:none; font-family:var(--font-h); font-weight:600;}
.pn-czytaj a:hover{text-decoration:underline;}
@media (max-width:720px){ .entry-content ul.pn-czytaj{columns:1;} }

/* --- Karty wpisow w archiwach (Blocksy .entry-card): porzadek redakcyjny ---
   Foto pelna szerokoscia na gorze, kicker kategorii, tytul, zajawka 3 linie,
   data dobita do dolu — rowne karty zamiast rozjechanej mozaiki. */
.entry-card.card-content{display:flex; flex-direction:column; height:100%;}
.entry-card .ct-media-container{order:-2; width:100%;
  margin:calc(-1 * var(--card-inner-spacing,24px)) calc(-1 * var(--card-inner-spacing,24px)) 16px;
  width:calc(100% + 2 * var(--card-inner-spacing,24px));}
.entry-card .ct-media-container img{width:100%; height:auto; aspect-ratio:16/10; object-fit:cover;}
.entry-card .entry-meta{font-family:var(--font-h);}
.entry-card .meta-categories{order:-1; font-size:12px; font-weight:700;
  text-transform:uppercase; letter-spacing:0.08em; margin-bottom:6px;}
.entry-card .meta-categories a{color:var(--akcent-j); text-decoration:none;}
.entry-card .meta-categories a:hover{text-decoration:underline;}
.entry-card .entry-title{font-size:21px; line-height:1.3; margin:0 0 10px;
  word-break:normal; overflow-wrap:normal; hyphens:none;}
.entry-card .entry-title a{color:inherit; text-decoration:none;}
.entry-card .entry-title a:hover{color:var(--akcent-j);}
.entry-card .entry-excerpt{font-size:15px; line-height:1.55; display:-webkit-box;
  -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;}
.entry-card .entry-meta:last-child{margin-top:auto; padding-top:14px;
  font-size:12px; text-transform:uppercase; letter-spacing:0.06em; opacity:.65;}

/* --- Pasek stanu: jedna linia tickera zamiast wyliczanki liczb --- */
.pn-pasek-tresc{display:flex; align-items:center; gap:20px; flex-wrap:wrap;}
.pn-pasek-zdanie{font-family:var(--font-h); font-size:17px; margin:0; color:var(--tekst-c);}
.pn-pasek-zdanie a{color:var(--akcent-c); text-decoration:none; font-weight:600;}
.pn-pasek-zdanie a:hover{text-decoration:underline;}
.pn-pasek-plakietka{margin:0;}

@media (max-width:720px){
  .pn-sekcja{padding-top:48px; padding-bottom:48px;}
  h1{font-size:35px;} h2{font-size:28px;}
}
@media (max-width:480px){ :root{--margines:16px;} }

/* === Scalone z narzedzia/css-watek-a.css (przebudowa home 31.08.2026) === */
.pn-dokument{font-family:var(--font-h); font-size:13px; line-height:1.3;
  font-variant-numeric:tabular-nums; white-space:nowrap; opacity:.65; margin:0;
  justify-self:end; text-align:right;}
@media (max-width:720px){
  .pn-dokument{justify-self:start; text-align:left; white-space:normal;}
}

/* === Scalone z narzedzia/css-watek-b.css (przebudowa home 31.08.2026) === */
/* ===== WATEK B: wydanie-glowne + dziennik-zmian (nowe klasy) ===== */

/* --- Wydanie glowne: wpis wiodacy dominuje, boczne jako lista wierszy --- */
.pn-wydanie-wiodacy .pn-wiodacy-foto img{width:100%; aspect-ratio:16/9; object-fit:cover;
  border-radius:4px; display:block;}
.pn-wydanie-wiodacy .wp-block-post-date{font-family:var(--font-h); font-size:13px;
  font-weight:600; text-transform:uppercase; letter-spacing:0.08em;
  color:var(--akcent-j); margin:14px 0 0; font-variant-numeric:tabular-nums;}
.pn-wydanie-wiodacy .wp-block-post-title{font-size:32px; line-height:1.15; margin:8px 0 12px;}
.pn-wydanie-wiodacy .wp-block-post-excerpt{font-size:17px;}
.pn-wydanie .wp-block-post-title a{color:inherit; text-decoration:none;}
.pn-wydanie .wp-block-post-title a:hover{text-decoration:underline;}

.pn-boczne-etykieta{margin-bottom:4px;}
.pn-wydanie-boczne .wp-block-post{padding:14px 0; margin:0; border-bottom:1px solid var(--obw-j);}
.pn-wydanie-boczne .wp-block-post:first-child{padding-top:6px;}
.pn-wydanie-boczne .pn-boczne-foto img{width:104px; height:70px; object-fit:cover;
  border-radius:4px; display:block;}
.pn-wydanie-boczne .wp-block-post-date{font-family:var(--font-h); font-size:12px;
  font-weight:600; text-transform:uppercase; letter-spacing:0.06em;
  color:var(--akcent-j); margin:0 0 4px; font-variant-numeric:tabular-nums;}
.pn-wydanie-boczne .wp-block-post-title{font-size:17px; line-height:1.3; margin:0;}

/* --- Dziennik zmian na home: wiersze data | tytul na ciemnym coverze --- */
.pn-dziennik-cover{color:var(--tekst-c);}
.pn-dziennik-cover .wp-block-cover__inner-container{padding:72px var(--margines);}
.pn-dziennik-wiersze{margin-top:24px;}
.pn-dziennik-wiersze .wp-block-post{display:grid; grid-template-columns:130px 1fr;
  align-items:baseline; gap:16px; padding:14px 0; margin:0;
  border-bottom:1px solid rgba(232,237,242,.18);}
.pn-dziennik-wiersze .pn-dziennik-data{font-family:var(--font-h); font-size:14px;
  font-weight:600; color:var(--akcent-c); margin:0; font-variant-numeric:tabular-nums;}
.pn-dziennik-wiersze .wp-block-post-title{font-size:18px; line-height:1.35; margin:0;
  font-weight:600;}
.pn-dziennik-wiersze .wp-block-post-title a{color:inherit; text-decoration:none;}
.pn-dziennik-wiersze .wp-block-post-title a:hover{text-decoration:underline;}
.pn-sekcja-dziennik .wp-block-buttons{margin-top:28px;}

@media (max-width:720px){
  .pn-wydanie-wiodacy .wp-block-post-title{font-size:26px;}
  .pn-dziennik-wiersze .wp-block-post{grid-template-columns:1fr; gap:2px;}
  .pn-dziennik-cover .wp-block-cover__inner-container{padding:48px var(--margines);}
}

/* === Scalone z narzedzia/css-watek-c.css (przebudowa home 31.08.2026) === */
/* ==== WĄTEK C: huby-kategorii + rejestry-serwisu (scala dyrygent) ==== */

/* --- Karty działów (sekcja biała — karta trzyma się na obwódce, nie tle) --- */
.pn-hub-karta{border:1px solid var(--obw-j); border-radius:4px; padding:24px; height:100%;
  transition:border-color .2s ease, transform .2s ease;}
.pn-hub-karta:hover{border-color:var(--akcent-j); transform:translateY(-2px);}
.pn-bez-ruchu .pn-hub-karta{transition:none; transform:none;}
.pn-huby-rzad .wp-block-column{display:flex;}
.pn-huby-rzad .wp-block-column > .pn-hub-karta{width:100%;}
.pn-hub-foto{margin:-24px -24px 18px; width:calc(100% + 48px);}
.pn-hub-foto img{display:block; width:100%; aspect-ratio:16/9; object-fit:cover;
  border-radius:4px 4px 0 0;}
.pn-hub-nazwa{font-size:24px; margin:0 0 6px;}
.pn-hub-nazwa a{color:inherit; text-decoration:none;}
.pn-hub-nazwa a:hover{color:var(--akcent-j);}
.pn-hub-pytanie{font-family:var(--font-h); font-size:15px; line-height:1.5;
  opacity:.8; margin:0 0 14px;}
.entry-content ul.pn-hub-linki{list-style:none; padding-left:0; margin:0 0 16px;}
.pn-hub-linki li{padding:8px 0; margin:0; border-bottom:1px solid var(--obw-j);}
.pn-hub-linki li:first-child{border-top:1px solid var(--obw-j);}
.pn-hub-linki a{text-decoration:none; font-size:16px;}
.pn-hub-linki a:hover{text-decoration:underline;}
.pn-hub-wiecej{font-family:var(--font-h); margin:0;}
.pn-hub-wiecej a{text-decoration:none;}
.pn-hub-wiecej a:hover{text-decoration:underline;}
.pn-huby-rzad + .pn-huby-rzad{margin-top:24px;}

/* --- Pełen rejestr: gęsty spis w trzech kolumnach --- */
.entry-content ul.pn-rejestr-lista{list-style:none; padding-left:0; margin:0;}
.pn-rejestr-lista li{padding:10px 0; margin:0; border-bottom:1px solid var(--obw-j);}
.pn-rejestr-lista a{text-decoration:none; font-family:var(--font-h); font-weight:600;
  font-size:16px;}
.pn-rejestr-lista a:hover{text-decoration:underline;}
.pn-typ{font-family:var(--font-h); font-size:11px; font-weight:600; text-transform:uppercase;
  letter-spacing:0.08em; opacity:.55; margin-left:8px;}

@media (max-width:900px){
  .pn-rejestry-kolumny{flex-wrap:wrap;}
  .pn-rejestry-kolumny .wp-block-column{flex-basis:100% !important;}
  .pn-rejestr-lista li:last-child{border-bottom:1px solid var(--obw-j);}
}

/* === Scalone z narzedzia/css-watek-d.css (przebudowa home 31.08.2026) === */
/* === Wątek D: hero-odnośnik + sekcja metoda-i-dokumentacja === */

/* Odnośnik podrzędny w hero (zastąpił drugi guzik) — czytelny na wideo */
.pn-hero .pn-hero-odnosnik{margin:16px 0 0;}
.pn-hero .pn-hero-odnosnik a{color:#E8EDF2; font-family:var(--font-h); font-weight:600;
  text-decoration:none; text-shadow:0 1px 12px rgba(14,20,27,.5);}
.pn-hero .pn-hero-odnosnik a:hover{text-decoration:underline;}

/* Metoda: foto 3:2 z obwódką, bez limitu 33vh (to nie pas fotograficzny) */
.pn-metoda-foto img{width:100%; aspect-ratio:3/2; object-fit:cover;
  border-radius:4px; border:1px solid var(--obw-j); display:block;}
.pn-metoda-foto figcaption{font-family:var(--font-h); font-size:14px; line-height:1.4;
  margin-top:12px; opacity:.78; text-align:left;}

/* Metoda: numeracja redakcyjna — cyfra w font-h, akcentowa */
.pn-metoda .pn-metoda-punkty{list-style:none; counter-reset:pn-punkt; padding-left:0; margin:24px 0 0;}
.pn-metoda .pn-metoda-punkty li{counter-increment:pn-punkt; position:relative;
  padding-left:44px; margin:0 0 14px; font-size:17px; line-height:1.55;}
.pn-metoda .pn-metoda-punkty li::before{content:counter(pn-punkt);
  position:absolute; left:0; top:2px; width:28px; height:28px;
  display:flex; align-items:center; justify-content:center;
  font-family:var(--font-h); font-weight:600; font-size:14px;
  color:var(--akcent-j); border:1px solid var(--akcent-j); border-radius:50%;}
.pn-metoda .wp-block-buttons{margin-top:28px;}

/* Kolumny metody łamią się wcześnie: foto nad tekstem */
@media (max-width:900px){
  .pn-metoda .wp-block-columns{flex-wrap:wrap !important;}
  .pn-metoda .wp-block-column{flex-basis:100% !important;}
}

/* === Watek E: wpis-foto + banery sidebar === */
/* D13 (2026-10-12): obraz wyrozniajacy artykulu - wpis i strona-poradnik identycznie.
   Kontrakt: szkielet.kontrakty_szablonow.wpis/strona_poradnik.sloty.obraz_wyrozniajacy.
   Miejsce wstawia motyw (functions.php, filtr the_content) - arkusz tylko styluje. */
/* szerokosc i marginesy boczne dziedziczy po rodzenstwie w kolumnie tresci (ta sama regula co akapit) */
.pn-wpis-foto{margin-top:24px; margin-bottom:32px; padding:0;}
.pn-wpis-foto img{display:block; width:100%; height:auto; aspect-ratio:16/9;
  object-fit:cover; object-position:50% 50%; border-radius:4px;
  border:1px solid var(--obw-j); box-shadow:none;}
@media (min-width:720px){ .pn-wpis-foto img{aspect-ratio:21/9;} }
.ct-sidebar .pn-baner{display:block; position:relative; border-radius:4px; overflow:hidden;
  border:1px solid var(--obw-j);}
.ct-sidebar .pn-baner img{width:100%; height:auto; aspect-ratio:16/10; object-fit:cover;
  display:block; transition:transform .25s ease;}
.ct-sidebar .pn-baner:hover img{transform:scale(1.03);}
.ct-sidebar .pn-baner::after{content:""; position:absolute; inset:0;
  background:linear-gradient(to top, rgba(14,20,27,.85) 0%, rgba(14,20,27,.35) 45%, transparent 70%);}
.ct-sidebar .pn-baner-tekst{position:absolute; left:0; right:0; bottom:0; z-index:1;
  color:#E8EDF2; font-family:var(--font-h); font-weight:600; font-size:16px;
  line-height:1.35; padding:14px 16px;}

/* === Runda pivotu 2026-09-01: siatka 8 hubow (watek A) === */
/* ==== PIVOT A: huby 8 kart (2 rzędy × 4) — hero bez zmian stylu ==== */

/* Eyebrow działu nad pytaniem-tytułem karty */
.pn-hub-dzial{margin:0 0 6px;}

/* Pytanie jako tytuł karty: dłuższe od nazw działów, więc w kontekście hubów
   schodzi z bazowych 24px (właściciel bazy: style.css .pn-hub-nazwa) do 21px —
   nadpisanie celowe i tylko tutaj. */
.pn-huby .pn-hub-nazwa{font-size:21px; line-height:1.35;}

/* Karta jako kolumna: stopka „Wszystko w dziale →" siada równo na dole
   niezależnie od długości pytania i opisu. */
.pn-hub-karta{display:flex; flex-direction:column;}
.pn-huby .pn-hub-wiecej{margin-top:auto; padding-top:14px;}

/* 782–1100 px: cztery karty w rzędzie robią się za wąskie — łamiemy w 2×2.
   body podbija specyficzność ponad regułę core (0,2,0) bez !important. */
@media (max-width:1100px) and (min-width:782px){
  body .wp-block-columns.pn-huby-rzad{flex-wrap:wrap; gap:24px;}
  body .pn-huby-rzad > .wp-block-column{flex-basis:calc(50% - 12px); flex-grow:0;}
}

/* === Runda pivotu 2026-09-01: kicker-link dzialu (watek B) === */
/* Watek B (pivot): kicker sekcji jako link do dzialu Przepisy.
   Dziedziczy kolor kickera (kontrast juz rozstrzygniety per sekcja), hover = podkreslenie. */
.pn-nadtytul a { color: inherit; text-decoration: none; }
.pn-nadtytul a:hover { text-decoration: underline; }

/* === Akordeon FAQ 2026-09-01 (fork CSS) === */
/* === FAQ jako akordeon (pivot 2026-09-01): stany i animacja ===
   Wlasciciel markupu: szlif.js (buduje .pn-akordeon w runtime z par h3+p).
   Kontrakt klas: .pn-akordeon > h3 > button.pn-akordeon-pytanie
   + .pn-akordeon-tresc > .pn-akordeon-wnetrze; stan otwarty: .pn-otwarte.
   Prefiks .entry-content: bazowe style formularzy Blocksy celuja w button
   z ta sama sila co goly selektor — kontener rozstrzyga bez !important. */

.entry-content .pn-akordeon{border-top:1px solid var(--obw-j);}
.entry-content .pn-akordeon:last-of-type{border-bottom:1px solid var(--obw-j);}
.entry-content .pn-akordeon h3{margin:0; font-size:inherit; line-height:inherit;}

.entry-content .pn-akordeon-pytanie{
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  width:100%; padding:18px 2px; margin:0;
  background:none; border:none; border-radius:0; box-shadow:none;
  text-align:left; cursor:pointer;
  font-family:var(--font-h); font-size:19px; font-weight:600; line-height:1.35;
  letter-spacing:-0.01em; color:var(--tekst-j);
  transition:color .2s ease;
}
.entry-content .pn-akordeon-pytanie:hover,
.entry-content .pn-akordeon-pytanie:focus-visible{color:var(--akcent-j); background:none;}
.entry-content .pn-akordeon-pytanie:focus-visible{
  outline:2px solid var(--akcent-j); outline-offset:2px;}

/* Chevron: czysty CSS — kwadrat 9px z borderem prawym i dolnym, obrocony 45deg;
   otwarcie odwraca go w gore (-135deg). currentColor = wedruje za hoverem. */
.entry-content .pn-akordeon-pytanie::after{
  content:""; flex:none; width:9px; height:9px; margin-right:6px;
  border-right:2px solid currentColor; border-bottom:2px solid currentColor;
  transform:rotate(45deg) translateY(-2px);
  transition:transform .3s ease;
}
.entry-content .pn-otwarte .pn-akordeon-pytanie::after{
  transform:rotate(-135deg) translateY(-2px);}

/* Rozwijanie: grid 0fr -> 1fr (plynna wysokosc bez magicznych max-height) */
.entry-content .pn-akordeon-tresc{
  display:grid; grid-template-rows:0fr; opacity:0;
  transition:grid-template-rows .35s ease, opacity .3s ease;
}
.entry-content .pn-otwarte .pn-akordeon-tresc{grid-template-rows:1fr; opacity:1;}
.entry-content .pn-akordeon-wnetrze{overflow:hidden; min-height:0;}
.entry-content .pn-akordeon-wnetrze > :first-child{margin-top:0;}
.entry-content .pn-akordeon-wnetrze > :last-child{margin-bottom:18px;}
.entry-content .pn-akordeon-wnetrze p{font-size:17px;}

@media (prefers-reduced-motion: reduce){
  .entry-content .pn-akordeon-pytanie,
  .entry-content .pn-akordeon-pytanie::after,
  .entry-content .pn-akordeon-tresc{transition:none;}
}

/* === O serwisie 2026-09-01 (fork D) === */
/* Strona O serwisie (fork D) — wlasciciel stylu: arkusz; markup tylko klasy. */
.entry-content .pn-onas-lead{font-size:20px; line-height:1.6; max-width:720px;}
.entry-content .pn-onas-dlaczego{margin-top:40px;}
.entry-content .pn-onas-foto img{border-radius:6px;}
.entry-content .pn-onas-band{padding:36px 32px; border-radius:6px; margin:48px 0;}
.entry-content .pn-onas-band h2{margin-top:0;}
.entry-content .pn-onas-granice li{margin-bottom:14px;}
@media (max-width:781px){
  .entry-content .pn-onas-band{padding:24px 20px;}
  .entry-content .pn-onas-lead{font-size:18px;}
}

/* === Przelacznik jezykow: same flagi, zwijany (2026-09-01) ===
   Prawy dolny rog (lewy zarezerwowany na cookie banner). Zwijanie steruje JS
   klasami pn-zwijane/pn-rozwiniete/pn-flaga-aktywna; bez JS widac pelny rzad. */
.pn-tlumacz{position:fixed; right:18px; bottom:18px; z-index:60; display:flex; flex-direction:row-reverse; align-items:center;}
.pn-tlumacz a{display:inline-flex; line-height:0; opacity:.55; overflow:hidden; max-width:30px; margin-left:6px;
  transition:opacity .25s ease, transform .25s ease, max-width .3s ease, margin .3s ease;}
.pn-tlumacz a:hover, .pn-tlumacz a:focus-visible{opacity:1; transform:translateY(-2px);}
.pn-tlumacz a.pn-flaga-aktywna{opacity:1; cursor:pointer; margin-left:0;}
.pn-tlumacz.pn-rozwiniete a.pn-flaga-aktywna{outline:2px solid var(--akcent-c); outline-offset:1px; border-radius:2px;}
/* zwiniete: zostaje tylko aktualna flaga */
.pn-tlumacz.pn-zwijane:not(.pn-rozwiniete) a:not(.pn-flaga-aktywna){max-width:0; margin-left:0; opacity:0; pointer-events:none;}
/* wachlarz: lekki poslizg kolejnych flag przy rozwijaniu (w lewo od aktywnej) */
.pn-tlumacz.pn-rozwiniete a:nth-child(2){transition-delay:.03s;}
.pn-tlumacz.pn-rozwiniete a:nth-child(3){transition-delay:.06s;}
.pn-tlumacz.pn-rozwiniete a:nth-child(4){transition-delay:.09s;}
.pn-tlumacz.pn-rozwiniete a:nth-child(5){transition-delay:.12s;}
.pn-tlumacz.pn-rozwiniete a:nth-child(6){transition-delay:.15s;}
.pn-tlumacz img{width:22px; height:auto; border-radius:2px; display:block;}
html.pn-bez-ruchu .pn-tlumacz a{transition:none;}
@media (max-width:781px){.pn-tlumacz{right:12px; bottom:12px;} .pn-tlumacz img{width:20px;}}

/* === Przejscie hero->wydanie: karta na wideo 2026-09-01 (fork F) === */
/* === Przejscie hero -> wydanie: "karta na wideo" (fork F, 2026-09-01) ===
   Zastepuje caly blok pn-wjazd* forka E.
   Warstwa STATYCZNA (body.home, bez JS): karta z ujemnym marginesem,
   zaokraglonym grzbietem i gradientowa krawedzia — strona kompletna bez
   animacji (takze przy prefers-reduced-motion).
   Warstwa RUCHU: klasy pn-karta-wjazd / pn-hero-scroll (timeline) albo
   pn-karta-io + pn-wjechalo (fallback IO) nadaje wylacznie szlif.js. */

/* -- kurtyna: hero PRZYPIETE, strona nasuwa sie na nie 1:1 (ruch = scroll,
   zadnego doganiania) -- */
body.home #hero-wideo{
  position:sticky;
  top:0;
  z-index:0;
}
/* wszystko po hero plynie NAD przypietym wideo (sekcje maja wlasne tla) */
body.home .entry-content > *:not(#hero-wideo){
  position:relative;
  z-index:1;
}

/* -- statyka karty: zawsze na home -- */
body.home #wydanie-glowne{
  position:relative;
  z-index:1;               /* nad wideo hero; .pn-tlumacz (60) i header zostaja wyzej */
  margin-top:-64px;
  border-radius:26px 26px 0 0;
}
body.home #wydanie-glowne::before{
  content:'';
  position:absolute;
  top:0; left:0; right:0;
  height:5px;
  border-radius:26px 26px 0 0;
  background:linear-gradient(90deg, var(--akcent-j), var(--akcent-c) 55%, var(--akcent-j));
  box-shadow:0 0 26px rgba(124,184,242,.5), 0 2px 12px rgba(18,80,140,.35);
}

/* -- ruch sprzezony ze scrollem (Chromium/Edge); karta sama NIE animuje --
   jedzie 1:1 ze scrollem po przypietym hero -- */
@supports (animation-timeline: view()){
  .pn-karta-wjazd::before{
    transform:scaleX(0);
    transform-origin:left;
    animation:pn-grzbiet linear both;
    animation-timeline:view();
    animation-range:entry 0% entry 45%;   /* grzbiet rozswietla sie PRZED trescia */
  }
  /* przypiete hero lagodnie gasnie, gdy kurtyna je przykrywa — to jedyny
     ruch poza samym scrollem, wiec czyta sie jak cien kartki, nie efekt */
  .pn-hero-scroll .wp-block-cover__inner-container{
    animation:pn-hero-tresc linear both;
    animation-timeline:scroll(root);
    animation-range:20vh 90vh;
  }
  .pn-hero-scroll .wp-block-cover__background{
    animation:pn-hero-tint linear both;
    animation-timeline:scroll(root);
    animation-range:15vh 100vh;
  }
}

@keyframes pn-grzbiet{
  from{ transform:scaleX(0); }
  to  { transform:scaleX(1); }
}
@keyframes pn-hero-tresc{
  to{ opacity:.15; }
}
@keyframes pn-hero-tint{
  /* plytki granat blisko cieni samego wideo — tonuje, nie neguje */
  to{ background-color:#101C2C; opacity:.55; }
}

/* -- fallback bez scroll-driven animations: karta i tak jedzie ze scrollem
   po sticky hero; jedynie grzbiet rozswietla sie raz przy wejsciu -- */
.pn-karta-io::before{
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .9s ease .15s;
}
.pn-karta-io.pn-wjechalo::before{ transform:scaleX(1); }

/* -- pas bezpieczenstwa: przy redukcji ruchu wszystko stoi gotowe -- */
@media (prefers-reduced-motion: reduce){
  .pn-karta-wjazd::before,
  .pn-hero-scroll .wp-block-cover__inner-container,
  .pn-hero-scroll .wp-block-cover__background{ animation:none; }
  .pn-karta-io::before{ transform:none; transition:none; }
}

/* -- telefon: BEZ kurtyny. Hero na mobile wypelnia tekstem caly ekran, wiec
   nasuwana karta zjada tresc w trakcie czytania, a 100vh skacze przy chowaniu
   paska adresu. Zostaje zwykly flow + gradientowa krawedz na styku. -- */
@media (max-width:781px){
  body.home #hero-wideo{
    position:relative;
    /* svh: stabilna wysokosc niezalezna od paska adresu; !important, bo cover
       niesie min-height inline z buildera (trzeci uzasadniony wyjatek). */
    min-height:100svh !important;
  }
  body.home #wydanie-glowne{ margin-top:0; border-radius:0; }
  body.home #wydanie-glowne::before{
    border-radius:0; height:4px;
    box-shadow:0 0 14px rgba(124,184,242,.4);
    transform:none; animation:none;
  }
  .pn-hero-scroll .wp-block-cover__inner-container,
  .pn-hero-scroll .wp-block-cover__background{ animation:none; }
}


/* === Nawrot 4 (2026-10-12, D12): metryczka artykulu i sekcja pytania-i-dokumenty === */

/* Cicha metryczka: wyglad.profil_ukladu.metryczka_artykulu. Linia nad blokiem to
   istniejacy separator is-style-wide tuz przed nia (tresc Piszarza) - arkusz nadaje mu
   1 px w kolorze obwodki. Bez tla, bez ramki, bez koloru statusu. */
.entry-content hr.wp-block-separator:has(+ .pn-metryczka){border:0; border-top:1px solid var(--obw-j);
  height:0; background:none; opacity:1; width:100%; max-width:var(--tresc);}
.pn-metryczka{font-size:14px; line-height:1.5; background:none; border:0; padding:0;}
.pn-metryczka > * + *{margin-top:12px;}
.pn-metryczka-etykieta{font-family:var(--font-h); font-size:14px; font-weight:600; margin:0;}
.pn-metryczka-lista{font-size:14px; margin:0; padding-left:1.2em;}
.pn-metryczka-lista li + li{margin-top:12px;}
.pn-metryczka-lista a{color:var(--akcent-j);}
.pn-metryczka-data{font-family:var(--font-h); font-size:14px; font-variant-numeric:tabular-nums; margin:0;}

/* Pytania i dokumenty (strona glowna, zastepuje tablice terminow): wiersz = wp:columns
   (uklad: builder), wyglad wiersza = arkusz. pytanie 22 px | strona 14 px | dokument 14 px. */
.pn-pytania-lista{display:flex; flex-direction:column; gap:16px;}
.pn-pytanie.wp-block-columns{background:var(--pow-c); border:1px solid var(--obw-c); border-radius:4px;
  padding:20px 24px; margin:0; color:var(--tekst-c); transition:border-color .2s ease;}
.pn-pytanie.wp-block-columns:hover{border-color:var(--akcent-c);}
.pn-bez-ruchu .pn-pytanie.wp-block-columns{transition:none;}
.pn-pytanie-tresc{font-family:var(--font-h); font-size:22px; font-weight:600; line-height:1.2; margin:0;}
.pn-pytanie-tresc a{color:inherit; text-decoration:none;}
.pn-pytanie-tresc a:hover{text-decoration:underline;}
.pn-pytanie-strona{font-family:var(--font-h); font-size:14px; line-height:1.35; opacity:.78; margin:0;}
.pn-pytanie .pn-dokument{font-size:14px; opacity:.78; text-align:right;}
@media (max-width:781px){
  .pn-pytanie.wp-block-columns{gap:8px;}
  .pn-pytanie .pn-dokument{text-align:left;}
}

/* Menu: wyróżniona pozycja „Drony” — katalog modeli (28.10.2026). Klasa nadana pozycji menu w panelu. */
.ct-header .menu-item.pn-menu-wyroznione { display: flex; align-items: center; }
.ct-header .menu-item.pn-menu-wyroznione > .ct-menu-link {
	height: auto; margin: 0 -4px; padding: 5px 10px 5px 29px !important;
	border: 1.5px solid #7CB8F2; border-radius: 999px; color: #E8EDF2 !important;
	background: rgba(124, 184, 242, .14) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='%237CB8F2' stroke-width='3.4' stroke-linecap='round'%3E%3Cpath d='M20.6 20.6 15 15M27.4 20.6 33 15M20.6 27.4 15 33M27.4 27.4 33 33'/%3E%3Ccircle cx='10.5' cy='10.5' r='6.2'/%3E%3Ccircle cx='37.5' cy='10.5' r='6.2'/%3E%3Ccircle cx='10.5' cy='37.5' r='6.2'/%3E%3Ccircle cx='37.5' cy='37.5' r='6.2'/%3E%3C/g%3E%3Crect x='19.5' y='19.5' width='9' height='9' rx='2.4' fill='%237CB8F2'/%3E%3C/svg%3E") 8px 50% / 11px no-repeat;
	transition: background-color .25s, color .25s, box-shadow .25s;
}
.ct-header .menu-item.pn-menu-wyroznione > .ct-menu-link::before,
.ct-header .menu-item.pn-menu-wyroznione > .ct-menu-link::after { display: none; }
.ct-header .menu-item.pn-menu-wyroznione > .ct-menu-link:hover,
.ct-header .menu-item.pn-menu-wyroznione.current-menu-item > .ct-menu-link {
	background-color: rgba(124, 184, 242, .3); box-shadow: 0 0 0 4px rgba(124, 184, 242, .12);
}
#offcanvas .pn-menu-wyroznione > .ct-menu-link { color: #7CB8F2 !important; }

/* Przelacznik jezykow w menu (28.10.2026): zamiast fixed w prawym dolnym rogu (nachodzil na "do gory").
   Desktop: aktualna flaga w menu, rozwiniecie wysuwa pozostale w lewo NAD menu (bez przeplywu pozycji).
   Mobile (offcanvas): rzad wszystkich flag. */
.pn-menu-jezyk { display: flex; align-items: center; margin-left: 8px; }
.pn-tlumacz.pn-tlumacz-menu, .pn-tlumacz.pn-tlumacz-mobile { position: static; right: auto; bottom: auto; }
.pn-tlumacz-menu { position: relative !important; width: 24px; height: 18px; }
.pn-tlumacz-menu .gtranslate_wrapper { position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: flex; flex-direction: row-reverse; align-items: center; white-space: nowrap; padding: 4px; border-radius: 6px; transition: background .25s; }
.pn-tlumacz-menu.pn-rozwiniete .gtranslate_wrapper { background: rgba(14, 20, 27, .96); box-shadow: 0 8px 24px rgba(0, 0, 0, .35); }
.pn-tlumacz-mobile { padding: 22px 0 6px; }
.pn-tlumacz-mobile a { max-width: none !important; opacity: .85 !important; margin: 0 12px 0 0 !important; pointer-events: auto !important; }
.pn-tlumacz-mobile img { width: 26px !important; }
/* Menu glowne: ciasniejsze odstepy, zeby 10 pozycji + flaga jezyka miescily sie w jednym rzedzie (bez "Wiecej") */
.ct-header [data-id="menu"] { --menu-items-spacing: 18px; }
.pn-tlumacz-menu img { width: 22px !important; max-width: none !important; height: auto !important; }
.pn-tlumacz-mobile .gtranslate_wrapper { display: flex; flex-wrap: nowrap; gap: 14px; }
.pn-tlumacz-mobile a { margin: 0 !important; }
.pn-tlumacz-mobile a { display: inline-flex; line-height: 0; opacity: .85; }
.pn-tlumacz-mobile img { width: 26px !important; max-width: none !important; height: auto !important; border-radius: 2px; display: block; }