/* =====================================================================
   FITAKO — wygląd E „Ara klasyczna jasna” (29.10, prośba klientki):
   układ i kroje A (Newsreader + Hanken), paleta jasna z D (biel, jasny chaber),
   zdjęcie w banerze w pełni wyraźne (bez nakładki), pod banerem granatowy pas
   jak stopka, bez kursywy, bez łuków i bez żółtych kółek, jeden mały promień.
   Ładowany po fitako.css.
   ===================================================================== */
:root {
	--fx-granat-2: #1A2552;
	--fx-granat-3: #0E1736;
	--fx-kreska: #E3E8F4;
	--fx-szary: #525B75;
	--fx-promien: 6px;
	--fx-cien: 0 24px 50px -30px rgba(16, 27, 63, .32);
	--fx-pas-h: 72px;
	/* tekst na zdjęciach (baner, nagłówki podstron) — nadpisywane z ekranu „Wygląd i ustawienia” */
	--fx-baner-tekst: #FFFFFF;
	--fx-baner-cien: 0 2px 18px rgba(8, 14, 32, .55), 0 1px 3px rgba(8, 14, 32, .35);
	--fx-baner-nakladka: linear-gradient(90deg, rgba(10, 18, 41, .42) 0%, rgba(10, 18, 41, .16) 55%, rgba(10, 18, 41, 0) 100%);
}

/* bez kursywy — nigdzie (akcent = kolor) */
*, *::before, *::after { font-style: normal !important; }
h1 em, h2 em, h3 em, h4 em { color: var(--fx-chaber); font-weight: inherit; }
:where(p, li, td, figcaption) :where(em, i) { color: var(--fx-chaber-ciemny); }
h1, h2, h3, h4, h5, h6 { font-variation-settings: "opsz" 48; }
::selection { background: var(--fx-chaber-jasny); color: var(--fx-granat); }
:where(a, button, summary, input, [tabindex]):focus-visible { outline-color: var(--fx-chaber); }

/* przyciski: chabrowe, mały promień */
.wp-block-button__link:hover { box-shadow: 0 14px 28px -16px rgba(39, 71, 208, .75); }
.wp-block-button.is-style-outline > .wp-block-button__link { border-radius: var(--fx-promien); }

/* pasek i nagłówek — jasne */
.fx-pasek { background: var(--fx-chaber-jasny); color: var(--fx-granat); }
.fx-pasek a { color: var(--fx-granat); }
.fx-pasek a:hover { color: var(--fx-chaber); }
.fx-pasek .fx-ikona, .fx-pasek .fx-social .fx-ikona { color: var(--fx-chaber); }
.fx-naglowek { background: rgba(255, 255, 255, .94); border-bottom: 1px solid var(--fx-kreska); }
.fx-przewiniete .fx-naglowek { background: rgba(255, 255, 255, .97); box-shadow: 0 10px 30px -20px rgba(16, 27, 63, .3); }
.fx-naglowek:has(.is-menu-open) { background: #fff; }
.fx-menu .wp-block-navigation-item__content::after { background: var(--fx-chaber); }
.fx-menu .wp-block-navigation__submenu-container { border-radius: var(--fx-promien); }
.fx-menu .wp-block-navigation__responsive-container.is-menu-open { background: #fff !important; color: var(--fx-granat) !important; }
.fx-menu .is-menu-open .wp-block-navigation__responsive-container-close { color: var(--fx-granat); }
.fx-menu .is-menu-open .wp-block-navigation-item__content { color: var(--fx-granat) !important; }
.fx-menu .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content { color: var(--fx-szary) !important; }
.fx-menu .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover { color: var(--fx-chaber) !important; }
.fx-naglowek__telefon a { border-radius: var(--fx-promien); background: var(--fx-granat); }
.fx-naglowek__telefon a:hover { background: var(--fx-chaber); }
.fx-naglowek__telefon .fx-ikona { color: #fff; }

/* ---------- baner: zdjęcie na całą szerokość ekranu (jak na fitako.pl, 29.10), tekst na zdjęciu, granatowy pas ----------
   Kolor tekstu i czytelność: zmienne --fx-baner-tekst / --fx-baner-cien / --fx-baner-nakladka (ekran „Wygląd i ustawienia”). */
.fx-hero { min-height: min(86vh, 820px) !important; background: var(--fx-granat-3); align-items: center !important;
	padding-block: clamp(5rem, 10vw, 8rem) calc(clamp(4rem, 8vw, 6rem) + var(--fx-pas-h)) !important; }
.fx-hero .wp-block-cover__image-background { animation: none; inset: 0 0 var(--fx-pas-h) 0 !important; width: 100% !important; height: calc(100% - var(--fx-pas-h)) !important; object-fit: cover; object-position: 50% 50%; }
.fx-hero .wp-block-cover__background { display: block !important; opacity: 1 !important; inset: 0 0 var(--fx-pas-h) 0 !important; height: auto !important; background: var(--fx-baner-nakladka) !important; }
.fx-hero .wp-block-cover__inner-container { position: static !important; }
.fx-hero .wp-block-cover__inner-container > * { position: relative; z-index: 2; max-width: 780px !important; }
.fx-hero .fx-hero__marka { color: var(--fx-baner-tekst); text-shadow: var(--fx-baner-cien); }
.fx-hero .fx-hero__tytul { color: var(--fx-baner-tekst) !important; text-shadow: var(--fx-baner-cien); font-weight: 500 !important; font-size: clamp(2.3rem, 1.2rem + 3.6vw, 4.6rem) !important; line-height: 1.04 !important; }
.fx-hero .is-style-outline > .wp-block-button__link { color: var(--fx-baner-tekst); border-color: currentColor; }
.fx-hero .fx-hero__atuty { position: absolute !important; z-index: 3; left: 0; right: 0; bottom: 0; max-width: none !important; margin: 0 !important; min-height: var(--fx-pas-h);
	display: flex; align-items: center; padding: .9rem max(clamp(1rem, 4vw, 2.5rem), calc((100% - 1240px) / 2)) .9rem; border: 0;
	background: var(--fx-granat-3); color: #E3E9FB; font-weight: 500; letter-spacing: .02em; text-shadow: none; }
.fx-hero .fx-hero__atuty::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 4px; background: linear-gradient(90deg, var(--fx-chaber) 0 60%, var(--fx-zloto) 60% 92%, var(--fx-czerwien) 92%); }
@media (max-width: 781px) {
	.fx-hero { min-height: 0 !important; align-items: flex-end !important; padding: 0 !important; }
	.fx-hero .wp-block-cover__image-background, .fx-hero .wp-block-cover__background { inset: 0 !important; height: 100% !important; object-position: 60% 50%; }
	.fx-hero .wp-block-cover__inner-container { display: flex; flex-direction: column; align-items: flex-start; min-height: min(78vh, 640px); justify-content: flex-end; padding: 5rem clamp(1rem, 4vw, 2.5rem) 0 !important; }
	.fx-hero .wp-block-cover__inner-container > * { max-width: 100% !important; }
	.fx-hero .fx-hero__tytul { font-size: clamp(2.1rem, 1.3rem + 4vw, 2.8rem) !important; }
	.fx-hero .wp-block-buttons { align-self: stretch; margin-bottom: 2rem; }
	.fx-hero .fx-hero__atuty { position: relative !important; order: 10; align-self: stretch; margin: 0 calc(-1 * clamp(1rem, 4vw, 2.5rem)) !important; padding: 1.2rem clamp(1rem, 4vw, 2.5rem); line-height: 1.6; }
	.fx-hero .wp-block-cover__inner-container > .fx-hero__atuty { max-width: none !important; width: auto; font-size: .95rem !important; }
}

/* usługi: bez nachodzenia na baner */
.fx-uslugi { background: var(--fx-piasek); }
.fx-hero + .fx-uslugi { padding-top: var(--fx-sekcja-y) !important; }
.fx-hero + .fx-uslugi .fx-karty { margin-top: 0 !important; }
.fx-karta { border-color: var(--fx-kreska); }
.fx-karta::before { background: var(--fx-chaber); }
.fx-karta__ikona { border-radius: var(--fx-promien); }


/* zdjęcia: mały promień, bez łuków, bez żółtych kółek */
.fx-split__zdjecie::before { border-color: rgba(39, 71, 208, .35); }
.fx-luk img, .fx-osoba__zdjecie img, .fx-media__zdjecie img, .fx-karta-kontakt__zdjecie img { border-radius: var(--fx-promien) !important; }
.fx-kolaz__2 img { border-color: #fff; }
.fx-kolaz::after { border-color: var(--fx-chaber); }
.fx-lista-ptaszki li::before { border-radius: var(--fx-promien); background-color: var(--fx-chaber-jasny); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 12.5 4 4 8-9' fill='none' stroke='%232747D0' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.fx-karta-kontakt__zdjecie img { border-width: 0; }

/* korzyści: jasny chaber zamiast granatu */
.fx-sekcja--granat { background: var(--fx-chaber-jasny); color: var(--fx-granat); }
.fx-sekcja--granat :where(h1, h2, h3, h4, strong) { color: var(--fx-granat); }
.fx-sekcja--granat h2 em { color: var(--fx-chaber); }
.fx-sekcja--granat .fx-kicker { color: var(--fx-chaber); }
.fx-sekcja--granat a:not(.wp-block-button__link) { color: var(--fx-chaber); }
.fx-sekcja--granat .fx-luk::after { border-radius: 10px; border-color: rgba(39, 71, 208, .3); }
.fx-sekcja--granat .fx-lista-korzysci li { border-color: rgba(16, 27, 63, .1); }
.fx-lista-korzysci li::before { color: var(--fx-chaber) !important; font-weight: 400; }
.fx-korzysci .wp-block-quote { color: var(--fx-granat); border-color: var(--fx-chaber); }

/* opinie, karty, liczniki */
.fx-opinie { background: #fff; }
.fx-opinia::before { color: var(--fx-chaber-jasny); }
.fx-opinia__autor::before { background: var(--fx-chaber); }
.fx-etap::before { border-radius: var(--fx-promien); background: var(--fx-chaber-jasny); color: var(--fx-chaber); font-weight: 500; box-shadow: 0 0 0 8px var(--fx-kremowy); }
.fx-sekcja--piasek .fx-etap::before { box-shadow: 0 0 0 8px var(--fx-piasek); }
.fx-etap::after { background: repeating-linear-gradient(90deg, rgba(39, 71, 208, .45) 0 8px, transparent 8px 14px); }
@media (max-width: 700px) { .fx-etap::after { background: repeating-linear-gradient(180deg, rgba(39, 71, 208, .45) 0 8px, transparent 8px 14px); } }
.fx-faq summary::after { border-radius: var(--fx-promien); }
.fx-faq details[open] > summary::after { background-color: var(--fx-chaber-jasny); border-color: var(--fx-chaber-jasny); }
.fx-ramka { border-left-color: var(--fx-chaber); }
.fx-cytat::before, .fx-tresc .wp-block-quote::before { color: var(--fx-chaber); }
.fx-tresc .wp-block-quote { border-left-color: var(--fx-chaber) !important; }
.fx-podpis { color: var(--fx-chaber); }
.fx-realizacja__tytul::before { color: var(--fx-chaber); }
.fx-czynnik, .fx-ramka, .fx-wpis-karta, .fx-karta-kontakt, .fx-opinia, .fx-karta, .wp-block-gallery.fx-galeria .wp-block-image { border-radius: var(--fx-promien); }

/* kontakt: bez żółtych kółek */
.fx-sekcja--chaber { background: var(--fx-chaber); }
.fx-sekcja--chaber::before { display: none; }
.fx-sekcja--chaber h2 em, .fx-sekcja--chaber .fx-kicker { color: #fff; }
.fx-sekcja--chaber .fx-kicker::before { background: #fff; }
.fx-sekcja--chaber .wp-block-button__link { background: #fff; color: var(--fx-granat); }
.fx-sekcja--chaber .wp-block-button__link:hover { background: var(--fx-chaber-jasny); color: var(--fx-granat); }
.fx-cta__zdjecie::before { border-color: rgba(255, 255, 255, .4); }
.fx-dane--duzy a, .fx-dane--duzy > .fx-dane__kolo { border-radius: var(--fx-promien); }
.fx-dane__kolo { border-radius: var(--fx-promien); background: var(--fx-chaber-jasny); color: var(--fx-chaber); }
.fx-sekcja--chaber .fx-dane__kolo { background: #fff; }
.fx-dane--duzy a:hover { border-color: #fff; }
.fx-social a { border-radius: var(--fx-promien); }
.fx-social a:hover { background: var(--fx-chaber); color: #fff !important; }
.fx-social a:hover .fx-ikona { color: #fff !important; }

/* nagłówek podstrony i wpisu: zdjęcie na całą szerokość, tekst na zdjęciu (kolor z ustawień), 6 px granatu na dole;
   bez zdjęcia — jasne tło jak dotąd */
.fx-tytul-strony { background: var(--fx-piasek); align-items: center !important; padding-block: clamp(4rem, 8vw, 6.5rem) !important; border-bottom: 6px solid var(--fx-granat-3); }
.fx-tytul-strony:has(.wp-block-cover__image-background) { background: var(--fx-granat-3); }
.fx-tytul-strony .wp-block-cover__image-background { inset: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover; }
.fx-tytul-strony .wp-block-cover__background { display: none !important; }
.fx-tytul-strony:has(.wp-block-cover__image-background) .wp-block-cover__background { display: block !important; opacity: 1 !important; background: var(--fx-baner-nakladka) !important; }
.fx-tytul-strony .fx-tytul-strony__tytul { color: var(--fx-granat) !important; }
.fx-tytul-strony .fx-okruszki li { color: var(--fx-szary); }
.fx-tytul-strony .fx-okruszki a { color: var(--fx-chaber); }
.fx-tytul-strony .fx-wpis__meta { color: var(--fx-szary); }
.fx-tytul-strony:has(.wp-block-cover__image-background) :is(.fx-tytul-strony__tytul, .fx-okruszki li, .fx-okruszki a, .fx-wpis__meta, .fx-wpis__meta *) { color: var(--fx-baner-tekst) !important; text-shadow: var(--fx-baner-cien); }
.fx-okruszki li + li::before { background: var(--fx-chaber); }
.fx-tytul-strony:has(.wp-block-cover__image-background) .fx-okruszki li + li::before { background: var(--fx-baner-tekst); }
.fx-wpis__meta .fx-czas::before { color: var(--fx-chaber); }
.fx-wpis__kategorie a { border-radius: var(--fx-promien); background: #fff; color: var(--fx-chaber); box-shadow: 0 0 0 1px var(--fx-kreska); text-shadow: none; }
@media (max-width: 781px) {
	.fx-tytul-strony { padding-block: 3.25rem 2.5rem !important; }
}
/* blog (lista, kategorie): paleta D */
.fx-tytul-strony--prosty { background: radial-gradient(70% 120% at 100% 0%, var(--fx-chaber-jasny) 0%, #fff 70%); color: var(--fx-granat); }
.fx-tytul-strony--prosty .wp-block-term-description { color: var(--fx-szary); }
.fx-sekcja--wpisy { background: var(--fx-piasek); }
.fx-wpis-karta { border-color: var(--fx-kreska); }
.fx-wpis-karta__kat .wp-block-post-terms__separator { color: var(--fx-chaber); }
.fx-wpis-karta__tytul a { background-image: linear-gradient(var(--fx-chaber), var(--fx-chaber)); }
.wp-block-query-pagination a, .wp-block-query-pagination .page-numbers { border-radius: var(--fx-promien); }
.fx-tresc ul:not([class*="fx-lista"]) > li::marker { color: var(--fx-chaber); }
.fx-tresc .wp-block-table th { background: var(--fx-chaber); }
.fx-tresc .wp-block-table tr:nth-child(even) td { background: var(--fx-piasek); }

/* stopka: granat jak dotąd (wzór dla pasa pod banerem) */
.fx-stopka { background: var(--fx-granat-3); }
.wp-block-search__input { border-radius: var(--fx-promien); border-color: var(--fx-kreska); }

/* edytor: ten sam układ, bez animacji */
.editor-styles-wrapper .fx-hero .wp-block-cover__image-background { animation: none; }

/* 02.11.2026: wysokość banera liczona od STAŁEJ wysokości ekranu (svh). Przy vh część przeglądarek (np. DuckDuckGo)
   zmienia wysokość przy chowaniu/pokazywaniu paska adresu w trakcie przewijania, więc granatowy pas z atutami „skakał”. */
@supports (height: 100svh) {
	.fx-hero { min-height: min(86svh, 820px) !important; }
	@media (max-width: 781px) {
		.fx-hero { min-height: 0 !important; }
		.fx-hero .wp-block-cover__inner-container { min-height: min(78svh, 640px); }
	}
}

/* 02.11.2026 (2): svh nie wystarczył. DuckDuckGo (i inne przeglądarki na silniku WebView/WKWebView) chowa swój pasek adresu,
   ZMIENIAJĄC rozmiar całego okna strony — wtedy zmieniają się wszystkie jednostki ekranu (vh, svh, dvh), a z nimi wysokość
   banera i położenie granatowego pasa. Na urządzeniach dotykowych wysokość banera liczymy więc od SZEROKOŚCI ekranu (vw),
   która przy przewijaniu się nie zmienia. Komputery bez zmian. */
@media (hover: none) and (pointer: coarse) {
	.fx-hero { min-height: min(max(560px, 70vw), 820px) !important; }
}
@media (max-width: 781px) {
	.fx-hero { min-height: 0 !important; }
	.fx-hero .wp-block-cover__inner-container { min-height: min(max(460px, 135vw), 640px) !important; }
}
@media (max-width: 781px) and (orientation: landscape) {
	.fx-hero .wp-block-cover__inner-container { min-height: 0 !important; }
}