/* ============================================================ IJS-THEME-FIXES.CSS — poprawki MOTYWU (nie modułów) ============================================================ TWÓJ plik. Claude go NIE nadpisuje przy patchach. Tu trzymasz wszystko, co poprawia motyw programisty: stopkę, header, menu, typografię globalną — żeby nie szukać takich ustawień po panelu WordPressa i po stronach. Celowanie w konkretną podstronę: plugin dokłada do klasę wg slugu strony, np. /over-ons/ → body.ijs-page-over-ons /duurzaamheid/ → body.ijs-page-duurzaamheid /contact/ → body.ijs-page-contact Dzięki temu nie musisz znać ID strony i nic się nie rozjedzie przy przenoszeniu witryny. Kolejność ładowania: ijs-custom.css → ijs-vars.css → TEN PLIK. Cache odświeża się sam po każdym zapisie (wersja z daty pliku). ============================================================ */ /* ------------------------------------------------------------ STOPKA ------------------------------------------------------------ */ /* Nasze podstrony — ukryta pozioma linia nad widgetami stopki. (Motyw: #footer .footer-widgets.container .row:first-child { border-top: 2px solid var(--g2) }) Reguła łapie KAŻDĄ stronę zbudowaną na naszych modułach, niezależnie od języka i ID: warunkiem jest obecność elementu z klasą ijs-* wewnątrz treści Beavera. Dzięki temu działa też na /en/sustainability/ i /en/about-us/ (i na każdym kolejnym tłumaczeniu), bez dopisywania ID. Badge ECO w menu też ma klasę ijs-*, ale siedzi w

, nie w .fl-builder-content — dlatego strona główna się tu nie łapie. (Poprzednio było to spięte na sztywno z ID stron 3263 i 3190 — wersje EN mają własne ID: 3277 i 3279, więc linia tam została.) */ body:has(.fl-builder-content [class*="ijs-"]) #footer .footer-widgets.container .row:first-child { border-top: none !important; } /* Przykład: ukrycie linii na WSZYSTKICH podstronach (nie na stronie głównej) body:not(.home) #footer .footer-widgets.container .row:first-child { border-top: none !important; } */ /* ------------------------------------------------------------ HEADER / MENU ------------------------------------------------------------ */ /* LOGO — powiększenie. Uwaga: motyw NIE skaluje nagłówka zwykłym font-size/height. Sprawdzone na żywo (ijsbergen.nl): img.site-logo → height: 120px, transform: translateY(15px) nav → zoom: 0.88 .site-branding → zoom: 0.8 (razem ≈ 0.70) #header → position: absolute, wysokość 120px Przez ten zoom podawanie wysokości w px daje różny efekt na różnych szerokościach, a zwiększenie height rozpycha wiersz nagłówka i podnosi menu + przycisk z numerem (~14px przy 165px). Dlatego skalujemy sam link z logo: mnoży się z zoomem motywu na każdym breakpoincie i NIE zmienia układu (transform nie zajmuje miejsca) — menu, numer i badge ECO zostają dokładnie na miejscu. Rozmiar zmieniasz TYLKO liczbą niżej: 1 = bez zmian (stan obecny), 1.25 lekko, 1.4 wyraźnie, 1.5 mocno. */ :root { --ijs-logo-scale: 1; /* desktop — 1 = oryginalny rozmiar logo */ --ijs-logo-scale-sm: 1; /* telefon */ } #header .site-branding > a { display: block !important; transform: scale(var(--ijs-logo-scale)) !important; transform-origin: left center !important; } @media (max-width: 900px) { :root { --ijs-logo-scale: var(--ijs-logo-scale-sm); } } /* MENU MOBILNE — logo nachodziło na pozycję „Home". To błąd MOTYWU, nie naszych modułów: sprawdzone z wyłączonymi plikami ijs-* — nachodzi tak samo. Motyw daje logo overlayu (a.mobile-menu-site-logo) sztywne 120px wysokości i pozycjonuje je absolutnie, a listę menu centruje w pionie — na niższych ekranach lista wjeżdża pod logo (przy 389x696 stykały się co do piksela). Zmniejszamy samo logo overlayu transformem (nie zmienia układu). Zmierzone po zmianie: ~33px odstępu do „Home". */ @media (max-width: 1100px) { #header .menu.mobile a.mobile-menu-site-logo { transform: scale(var(--ijs-mobile-logo-scale, 0.7)) !important; transform-origin: top center !important; } } /* ------------------------------------------------------------ FORMULARZE (WPForms) ------------------------------------------------------------ */ /* Gwiazdka pola wymaganego przyklejona do etykiety. Motyw ustawia etykiecie display:flex + flex-direction:row-reverse, przez co (w kodzie PO tekście) ląduje przed nim, bez żadnego odstępu. Zamiast walczyć z kolejnością dokładamy gap — działa niezależnie od tego, po której stronie gwiazdka wyląduje. */ .wpforms-field-label { gap: var(--ijs-req-gap, 4px) !important; } /* ------------------------------------------------------------ INNE ------------------------------------------------------------ */ /* (miejsce na resztę) */