/* Geomanist (licencja) — woff2 z /static/fonts.
   Motyw Blocksy odwoluje sie do rodziny "ct_font_geomanist", ktorej nawet oryginalny WordPress nie definiowal
   (menu, przyciski i teksty motywu szly fontem zastepczym). "Geomanist" nadpisuje ciezkie pliki TTF z Elementora. */
@font-face{font-family:"ct_font_geomanist";src:url("/static/fonts/Geomanist-Light.woff2") format("woff2");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"ct_font_geomanist";src:url("/static/fonts/Geomanist-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"ct_font_geomanist";src:url("/static/fonts/Geomanist-Book.woff2") format("woff2");font-weight:450;font-style:normal;font-display:swap}
@font-face{font-family:"ct_font_geomanist";src:url("/static/fonts/Geomanist-Medium.woff2") format("woff2");font-weight:500 600;font-style:normal;font-display:swap}
@font-face{font-family:"ct_font_geomanist";src:url("/static/fonts/Geomanist-Bold.woff2") format("woff2");font-weight:700 800;font-style:normal;font-display:swap}
@font-face{font-family:"Geomanist";src:url("/static/fonts/Geomanist-Light.woff2") format("woff2");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"Geomanist";src:url("/static/fonts/Geomanist-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Geomanist";src:url("/static/fonts/Geomanist-Book.woff2") format("woff2");font-weight:450;font-style:normal;font-display:swap}
@font-face{font-family:"Geomanist";src:url("/static/fonts/Geomanist-Medium.woff2") format("woff2");font-weight:500 600;font-style:normal;font-display:swap}
@font-face{font-family:"Geomanist";src:url("/static/fonts/Geomanist-Bold.woff2") format("woff2");font-weight:700 800;font-style:normal;font-display:swap}
/* Poprawki do snapshotu WordPressa (strony marketingowe). */
.edo-flash{position:relative;z-index:9999;margin:0;padding:14px 20px;text-align:center;font-family:"Geomanist",sans-serif;font-size:16px}
.edo-flash-ok{background:#E7F7EC;color:#1E6B34;border-bottom:1px solid #B9E4C6}
.edo-flash-err{background:#FDECEA;color:#8A1F17;border-bottom:1px solid #F4C4BE}
/* reCAPTCHA WP nie jest uzywana (ochrona: CSRF + pole-pulapka + limit zapytan) */
.grecaptcha-badge{display:none!important}

/* ===== Menu gorne (desktop): podmenu niezalezne od JS motywu =====
   Blocksy chowal podmenu natychmiast, gdy kursor choc na chwile wyszedl poza pozycje menu
   (np. ruch po skosie), a pozycje lamaly sie na 2 linie (podmenu 368 px). Tu:
   - pokazanie na :hover i :focus-within (klawiatura), niezaleznie od klas dodawanych przez JS,
   - "mostek" nad podmenu i 350 ms zwloki przed schowaniem,
   - pozycje w jednej linii, czytelne kolory (motyw mial bialy tekst na bialym tle). */
@media (min-width:1000px){
  #header [data-id="menu"] .menu>li.menu-item-has-children{position:relative}
  #header [data-id="menu"] .menu>li>.sub-menu{
    display:block!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;
    transform:translate3d(0,8px,0)!important;
    transition:opacity .18s ease,transform .18s ease,visibility 0s linear .35s!important;
    min-width:300px;width:max-content;max-width:380px;background:#fff!important;border-radius:12px;padding:8px 0;
    box-shadow:0 18px 40px -12px rgba(11,111,192,.35),0 2px 6px rgba(41,51,61,.08);z-index:60}
  #header [data-id="menu"] .menu>li>.sub-menu::before{content:"";position:absolute;left:-24px;right:-24px;top:-26px;height:26px}
  #header [data-id="menu"] .menu>li:hover>.sub-menu,
  #header [data-id="menu"] .menu>li:has(:focus-visible)>.sub-menu{
    visibility:visible!important;opacity:1!important;pointer-events:auto!important;transform:none!important;transition-delay:0s!important}
  #header [data-id="menu"] .sub-menu>li{display:block;margin:0!important;border:0!important}
  #header [data-id="menu"] .sub-menu .ct-menu-link{
    display:flex;align-items:center;white-space:nowrap;min-height:42px;padding:10px 22px!important;
    color:#2c3e50!important;font-size:14px!important;font-weight:500!important;text-transform:none!important;letter-spacing:0!important}
  #header [data-id="menu"] .sub-menu .ct-menu-link:hover,#header [data-id="menu"] .sub-menu .ct-menu-link:focus-visible{color:#1790e7!important;background:#eef7fe}
  #header [data-id="menu"] .menu>li.menu-item-has-children:hover>a .ct-toggle-dropdown-desktop svg{transform:rotate(180deg);transition:transform .2s}
}

/* Podmenu otwarte kliknieciem (klasa z postprocess.py/MENU_KLIK) — zostaje do klikniecia poza / Escape */
@media (min-width:1000px){
  #header [data-id="menu"] .menu>li.edo-otwarte>.sub-menu{
    visibility:visible!important;opacity:1!important;pointer-events:auto!important;transform:none!important;transition-delay:0s!important}
  #header [data-id="menu"] .menu>li.edo-otwarte>a .ct-toggle-dropdown-desktop svg{transform:rotate(180deg)}
}
/* Naglowek identyczny na stronach WP i silnika: CSS silnika (img{display:block}, line-height)
   przesuwal logo do lewej i zmienial wysokosc linii. */
#header{line-height:1.65}
#header [data-id="logo"] .site-logo-container{display:inline-block}
#header [data-id="logo"] img{display:inline-block!important;vertical-align:middle}
#header [data-id="logo"] .site-title{margin:0}
/* Tlo strony jak w motywie (#FAFBFC) — naglowek jest polprzezroczysty, na bialym tle wygladal jasniej */
body.edo-silnik{background-color:#FAFBFC}

/* Koszyk w menu (desktop i mobile) z licznikiem pozycji */
#header .menu>li.edo-koszyk>.ct-menu-link,.ct-panel .menu>li.edo-koszyk>.ct-menu-link,[data-id="mobile-menu"] li.edo-koszyk>.ct-menu-link{display:inline-flex!important;align-items:center;gap:8px}
#header .menu>li.edo-koszyk svg{flex:none}
.edo-koszyk-ile{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:#1790e7;color:#fff;font-size:12px;font-weight:700;line-height:1}
@media (min-width:1000px){#header .menu>li.edo-koszyk .edo-koszyk-tekst{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}}

/* Hero (strona glowna): paralaksa Elementora (motion effects) przesuwala film o ~180 px w dol na telefonie/tablecie —
   film uciekal spod niebieskiego ksztaltu i zostawial pusta przestrzen. Na komputerze efekt zostaje. */
@media (max-width: 1024px) {
  /* caly blok hero (d56c94d): film + kontener z ksztaltem — paralaksa otwierala pusta przerwe przy przewijaniu */
  .elementor-element-d56c94d .elementor-motion-effects-element,
  .elementor-element-d56c94d .elementor-element-535941f,
  .elementor-element-871f9cf > .elementor-motion-effects-element { transform: none !important; }
}
/* Hero na telefonie: kompozycja jak na komputerze — niebieski ksztalt (tlo kontenera 535941f, 463x286)
   wystaje spod filmu w lewo i w dol. Oryginalne ustawienie (-140px 25px) wypychalo go poza ekran. */
@media (max-width: 767px) {
  .elementor-element-d56c94d .elementor-element-535941f {
    background-position: 0 100% !important;
    background-size: 78% auto !important;
    padding: 0 8px 30px 20px !important;
  }
}
/* Hero na telefonie: mniejsze przerwy nad filmem (37 px margin kontenera) i pod nim (58 + 51 px marginesow sekcji) */
@media (max-width: 767px) {
  .elementor-element-d56c94d .elementor-element-535941f { margin-top: 6px !important; }
  .elementor-element-4c1c9641 { margin-top: 18px !important; }
  .elementor-element-668349f8 { margin-top: 0 !important; }
}