/*
Theme Name: WiemWiecej Child
Theme URI: https://wiemwiecej.pl/
Description: Child theme dla motywu Bimber. Zawiera niestandardowy layout stron kategorii (HERO, OPIS, TAGI, siatka wpisów z paginacją, FAQ, NEWSLETTER). Zastępuje plugin wiem-category-pages.
Author: wiemwiecej.pl
Version: 1.0.0
Template: bimber
Text Domain: wiemwiecej-child
*/

/* Ten plik jest intencjonalnie minimalny. Właściwe style dla kategorii
   znajdują się w /assets/category.css i ładowane są warunkowo przez
   inc/enqueue.php — tylko na stronach kategorii z włączonym layoutem.
   Taki setup oszczędza 12–15 KB transferu na każdej stronie która
   nie potrzebuje category layout. */

/* ===== Menu mobilne (off-canvas panel) — luźniejsze odstępy pozycji =====
   Było zbyt ściśnięte. Celujemy tylko w mobilne menu (#g1-canvas-primary-nav-menu,
   klasa g1-menu-v), więc desktopowe menu poziome pozostaje bez zmian. */
#g1-canvas-primary-nav-menu .menu-item > a {
	display: block;
	padding-top: 15px !important;
	padding-bottom: 15px !important;
	line-height: 1.5 !important;
}
#g1-canvas-primary-nav-menu .menu-item + .menu-item {
	border-top: 1px solid rgba(0, 0, 0, 0.06);
}
#g1-canvas-primary-nav-menu {
	padding-top: 8px;
	padding-bottom: 8px;
}

/* ===== Ukryj tagline (opis witryny „Tarot, ezoteryka i rozwój duchowy") pod logo =====
   Na wszystkich stronach (header desktop i mobile). Opcja WP `blogdescription`
   pozostaje nietknięta — Yoast/SEO może jej używać w meta. */
.site-description {
	display: none !important;
}

/* Blokada poziomego przewijania strony (2026-08-05).
   Full-bleedy (hero 100vw, sekcja #newsletter, wyłamana siatka FAQ) i offcanvas
   Bimbera wystają poza viewport i na mobile rozjeżdżały stronę w bok.
   Wewnętrzne karuzele mają własne overflow-x:auto — nie dotyka ich to. */
html, body { overflow-x: hidden; overflow-x: clip; }

/* ===== Header mobilny: precz z wierszem wyszukiwarki (2026-08-17) =====
   Trzeci wiersz headera mobilnego zawierał WYŁĄCZNIE lupkę „Szukaj" (pozostałe
   dwa sloty puste), a ikona i napis były białe na białym tle — czyli 50 px
   martwego, pustego paska pod logo. Wyszukiwarka zostaje dostępna w panelu
   menu (offcanvas ma własne pole „Szukaj…"), więc nic nie tracimy.
   Dwie klasy w selektorze, żeby pewnie wygrać z .g1-hb-row-mobile motywu. */
.g1-hb-row-mobile.g1-hb-row-c {
	display: none;
}

/* ===== Bez wcięcia nad treścią stron WPBakery (2026-08-17) =====
   Bimber daje .page-body klasę .g1-row-padding-m (padding-top: 30px), przez co
   między headerem a pierwszą sekcją był biały pasek — najbardziej widoczny na
   home, gdzie odklejał ciemne hero od nagłówka. Klasa występuje na stronach
   492 (home), 1431, 1464, 88, 86; wpisy, kategorie i landingi rozkładów jej
   nie używają, więc zmiana ich nie dotyka. */
.g1-row-padding-m {
	padding-top: 0;
}

/* ===== Ikona menu (hamburger) — cienkie kreski (2026-08-17) =====
   Bimber rysuje ikonę glifem \e018 z fontu ikonowego (grube trzy belki).
   Zastępujemy ją trzema cienkimi kreskami 2 px w granacie marki (#001470 —
   header mobilny i desktopowy są jasne). `font-size: 0` gasi glif, więc nie
   zależymy już od tego, czy font ikonowy się załaduje.
   Selektory dwuczłonowe, żeby wygrać z .g1-hamburger-icon z all-light.min.css. */
.g1-hamburger .g1-hamburger-icon {
	width: 26px;
	height: 18px;
	font-size: 0;
	line-height: 0;
	color: #001470;
}
.g1-hamburger .g1-hamburger-icon:before {
	content: "";
	display: block;
	width: 26px;
	height: 18px;
	background:
		linear-gradient(currentColor, currentColor) 0 0 / 26px 2px no-repeat,
		linear-gradient(currentColor, currentColor) 0 8px / 26px 2px no-repeat,
		linear-gradient(currentColor, currentColor) 0 16px / 26px 2px no-repeat;
}
/* Pole dotyku 44×44 px bez przesuwania ikony (ujemny margines kompensuje
   padding, żeby kreski zostały tam, gdzie były przy prawej krawędzi). */
.g1-hb-row .g1-bin-3 .g1-hamburger {
	padding: 13px 9px;
	margin-right: -9px;
}

/* ===== Menu w nagłówku: podświetlenie pozycji na złoto (2026-08-19) =====
   Motyw kolorował pozycję pod kursorem i pozycję bieżącą dwoma kolorami:
   granatem #001470 na poziomie kategorii (zmienna --g1-hbb-atxt-color) i
   czerwienią #ff0036 w rozwijanym podmenu (--g1-submenu-atxt-color). Obie
   zamieniamy na złoto serwisu (--wiem-gold-500 z category.css).
   Celujemy w te same selektory co dynamic-style Bimbera, a nie w zmienne,
   bo --g1-hbb-atxt-color barwi też tytuł strony i ikony społecznościowe
   w tym samym wierszu nagłówka. Arkusz child ładuje się PO dynamic-style
   (handle `bimber-style`), więc przy równej wadze wygrywa. */
.g1-hb-row-b .menu-item:hover > a,
.g1-hb-row-b .current-menu-item > a,
.g1-hb-row-b .current-menu-ancestor > a,
.g1-hb-row .sub-menu .menu-item:hover > a,
.g1-hb-row .sub-menu .current-menu-item > a,
.g1-hb-row .sub-menu .current-menu-ancestor > a {
	color: #c9a14a;
}