/* ============ azdziebko.pl — LAYOUT (header, menu, stopka) ============ */

/* --- Fix integracji z WordPress ---
   wp-block-library wstrzykuje `:where([style*="border-color"]){border-style:solid}`.
   Nasze elementy z inline `transition:border-color` łapią się na to i dostają box.
   Selektor atrybutowy (0,1,0) bije :where (0,0,0); inline `border(-bottom):...solid`
   nadpisuje per stronę, więc zamierzone bordery zostają. */
[style*="border-color"] { border-style: none; }

/* --- Header: hovery (przepisane ze style-hover).
   Bazowy `color` jest inline (wygrywa z regułą :hover) → stąd !important.
   Nav-link scoped pod #site-header, by pobić też regułę koloru po scrollu. --- */
#site-header .nav-item > a.az-navlink:hover { color: #FF6400 !important; }
.az-subitem:hover { background: rgba(255,100,0,.14); color: #FF6400 !important; }
.az-cta-nav:hover { transform: translateY(-2px); box-shadow: 0 8px 22px rgba(255,100,0,.4); }

/* Współdzielone CTA "pomarańczowy lift" (hero, problemy, kolejne bloki) */
.az-cta-lift:hover { transform: translateY(-3px); box-shadow: 0 14px 34px rgba(255,100,0,.42); }

/* Współdzielony wiersz listingu (oferta, tabele, kroki) — hover tło + przesunięcie.
   padding-left inline (18px 4px) → !important. */
.az-listrow:hover { background: rgba(255,100,0,.09); padding-left: 14px !important; }
.az-offer-hub:hover { color: #FF6400 !important; }

/* Karty procesu — hover lift (animacja ramki SVG + kolor numeru są w global.css) */
.pcard:hover { transform: translateY(-4px); box-shadow: 0 18px 40px rgba(10,10,10,.1); }

/* Współdzielone CTA-podkreślenie (bazowy border-bottom-color inline → !important) */
.az-underline:hover { border-bottom-color: #FF6400 !important; }
.az-rail-link:hover { color: #FF6400 !important; }

/* Karta bloga — hover lift + cień + pomarańczowa ramka (border-color inline → !important) */
.az-blogcard:hover { transform: translateY(-6px); box-shadow: 0 20px 44px rgba(10,10,10,.12); border-color: #FF6400 !important; }

/* Przycisk submit (formularze) — hover lift */
.az-btn-lift:hover { transform: translateY(-2px); box-shadow: 0 12px 30px rgba(255,100,0,.4); }

/* Przycisk outline (np. „Wszystkie wpisy") — hover pomarańczowy (border+color inline → !important) */
.az-btn-outline:hover { border-color: #FF6400 !important; color: #FF6400 !important; }

/* Linki w wizytówce kontaktu — hover pomarańczowy (color inline → !important) */
.az-contact-link:hover { color: #FF6400 !important; }

/* Blog — chip filtra kategorii + kafel tematu (bazowe wartości inline → !important) */
.catchip:hover { border-color: #FF6400 !important; color: #FF6400 !important; }
.az-topicchip:hover { background: rgba(255,100,0,.09) !important; transform: translateY(-2px); }

/* O autorze — link LinkedIn (color inline → !important) */
.az-author-link:hover { color: #FF6400 !important; }

/* --- Stopka: hovery (bazowy color inline → !important) --- */
.foot-link:hover { color: #FF6400 !important; }
.foot-head:hover { color: #F3F2EF !important; }
.foot-link-muted:hover { color: #FF6400 !important; }

/* --- Menu mobilne: hovery --- */
.az-m-link:hover, .az-m-sublink:hover { color: #FF6400 !important; }

/* --- Header po scrollu (>40px): czarne tło + jasny tekst ---
   Inline ustawia transparent/ciemny tekst na stan poczatkowy; !important
   przelacza na scrollu. Przejscie robi inline `transition:background .35s`. */
#site-header[data-scrolled="true"] {
	background: #0A0A0A !important;
	box-shadow: 0 1px 0 rgba(243,242,239,.1);
}
#site-header[data-scrolled="true"] .az-logo,
#site-header[data-scrolled="true"] .az-navlink { color: #F3F2EF !important; }
#site-header[data-scrolled="true"] .burger span { background: #F3F2EF !important; }

/* --- Przełącznik desktop / mobile na progu 1200px --- */
@media (max-width: 1200px) {
	.az-nav-desktop { display: none !important; }
	#az-burger { display: flex !important; }
	.az-sticky-cta { display: block !important; }
	body { padding-bottom: 64px; }
}

/* --- Menu mobilne: stany otwarcia (JS) --- */
.az-mobile-menu.open { display: flex !important; }
.az-m-sub.open { display: flex !important; }

/* --- Offset paska admina WP (zalogowany podglad) ---
   Fixed header top:0 chowalby sie pod paskiem admina (32/46px). */
.admin-bar #site-header { top: 32px; }
.admin-bar .az-mobile-menu { top: 104px; } /* 72px header + 32px pasek */
@media screen and (max-width: 782px) {
	.admin-bar #site-header { top: 46px; }
	.admin-bar .az-mobile-menu { top: 118px; } /* 72 + 46 */
}