/* Menu transportowe: izolowany hotfix ładowany po css-preview.css. */
.calculator-v2-aside,
.calculator-v2-aside.calculator-v2-aside--sticky {
    position: static !important;
    top: auto !important;
    transform: none !important;
    max-height: none !important;
    overflow: visible !important;
}

.header__nav .nav-services__mobile-links,
.header__nav .nav-services__mobile-link {
    display: none !important;
}

@media (min-width: 1025px) {
    .header__nav .nav__wrapper > ul.nav__items {
        display: flex !important;
        flex-flow: row nowrap !important;
        align-items: center !important;
        justify-content: flex-end !important;
        width: auto !important;
        height: 100% !important;
        margin: 0 !important;
    }

    .header__nav .nav__wrapper > ul.nav__items > li {
        flex: 0 0 auto !important;
        width: auto !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .header__nav .nav__wrapper > ul.nav__items > li:not(.sizeToggle) > a,
    .header__nav .nav-services__trigger {
        font-size: 14px !important;
        white-space: nowrap !important;
    }

    .header__nav .nav__wrapper > ul.nav__items > li.nav-services {
        position: relative !important;
        /* Zachowaj kolejność z HTML: Transport lotniczy ma być przed
           ustawieniami czcionki i przełącznikiem motywu. order:1 wypychało
           tę pozycję na sam prawy koniec menu. */
        order: 0 !important;
        display: flex !important;
        align-items: center !important;
        align-self: stretch !important;
        flex: 0 0 auto !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .header__nav .nav-services__desktop {
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        height: 100% !important;
    }

    .header__nav .nav-services__trigger {
        box-sizing: border-box !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 7px !important;
        margin: 0 !important;
        padding: 12px 0 !important;
        border: 0 !important;
        background: transparent !important;
        color: #f47b00 !important;
        font-family: inherit !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 1.2 !important;
        letter-spacing: -.01em !important;
        text-decoration: none !important;
        white-space: nowrap !important;
    }

    .header__nav .nav-services__chevron {
        display: inline-block !important;
        flex: 0 0 7px !important;
        width: 7px !important;
        height: 7px !important;
        margin: -4px 2px 0 0 !important;
        border: 0 !important;
        border-right: 1.5px solid currentColor !important;
        border-bottom: 1.5px solid currentColor !important;
        border-radius: 0 !important;
        background: transparent !important;
        transform: rotate(45deg) !important;
        transition: transform .16s ease !important;
    }

    .header__nav .nav-services__chevron::before {
        display: none !important;
        content: none !important;
    }

    .header__nav .nav-services:hover .nav-services__chevron,
    .header__nav .nav-services:focus-within .nav-services__chevron {
        margin-top: 3px !important;
        transform: rotate(225deg) !important;
    }

    .header__nav .nav__wrapper .nav-services__submenu {
        position: absolute !important;
        z-index: 10000020 !important;
        top: 100% !important;
        right: -12px !important;
        left: auto !important;
        box-sizing: border-box !important;
        display: none !important;
        flex-direction: column !important;
        gap: 2px !important;
        width: 285px !important;
        margin: 0 !important;
        padding: 8px !important;
        border: 1px solid #e1e5e9 !important;
        border-radius: 11px !important;
        background: #fff !important;
        box-shadow: 0 16px 38px rgba(18,24,31,.18) !important;
        list-style: none !important;
    }

    .header__nav .nav-services:hover .nav-services__submenu,
    .header__nav .nav-services:focus-within .nav-services__submenu {
        display: flex !important;
    }

    .header__nav .nav__wrapper .nav-services__submenu > li {
        display: block !important;
        flex: none !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .header__nav .nav__wrapper .nav-services__submenu > li > a {
        box-sizing: border-box !important;
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 11px 13px !important;
        border: 0 !important;
        border-radius: 7px !important;
        background: transparent !important;
        color: #2c333a !important;
        font-size: 15px !important;
        font-weight: 600 !important;
        line-height: 1.35 !important;
        letter-spacing: 0 !important;
        text-decoration: none !important;
        white-space: normal !important;
    }

    .header__nav .nav__wrapper .nav-services__submenu > li > a:hover,
    .header__nav .nav__wrapper .nav-services__submenu > li > a:focus,
    .header__nav .nav__wrapper .nav-services__submenu > li > a.current {
        background: #fff2e3 !important;
        color: #b75e00 !important;
    }
}

@media (min-width: 1025px) and (max-width: 1500px) {
    .header__nav .nav__wrapper > ul.nav__items > li:not(.sizeToggle) > a,
    .header__nav .nav-services__trigger { font-size: 12.5px !important; }
}

@media (min-width: 1025px) and (max-width: 1260px) {
    .header__nav .nav__wrapper > ul.nav__items > li:not(.sizeToggle) > a,
    .header__nav .nav-services__trigger { font-size: 11.5px !important; }
}

@media (max-width: 1024px) {
    .header.header .nav-mobile .menu-toggle {
        appearance: none !important;
        border: 0 !important;
        background: transparent !important;
        color: inherit !important;
        cursor: pointer !important;
    }
    .header__nav .nav-services__desktop { display: none !important; }
    .header__nav .nav-services__mobile-links { display: block !important; width: 100% !important; }
    .header__nav .nav-services__mobile-link {
        box-sizing: border-box !important;
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 14px 18px !important;
        border: 0 !important;
        border-bottom: 1px solid #eceff1 !important;
        border-radius: 0 !important;
        background: #fff !important;
        color: #a84f00 !important;
        font-family: Lato, Ubuntu, sans-serif !important;
        font-size: 17px !important;
        font-weight: 600 !important;
        line-height: 1.3 !important;
        letter-spacing: 0 !important;
        text-decoration: none !important;
        white-space: normal !important;
    }
    .header__nav .nav-services__mobile-link.current,
    .header__nav .nav-services__mobile-link:hover,
    .header__nav .nav-services__mobile-link:focus {
        background: #fff2e3 !important;
        color: #8d4000 !important;
    }
    .lp-sticky-cta { display: none !important; }

    /* Przelacznik motywu ma wlasny wiersz. Stary arkusz pozycjonowal go
       absolutnie, przez co na telefonie wystawal poza karte menu. */
    .header.header .nav-mobile .nav__wrapper > ul.nav__items > li:last-child {
        box-sizing: border-box !important;
        display: flex !important;
        width: 100% !important;
        min-height: 64px !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 8px 16px 12px !important;
        background: #fff !important;
    }
    .header.header .nav-mobile #theme-switch {
        position: static !important;
        inset: auto !important;
        display: inline-flex !important;
        width: 48px !important;
        height: 48px !important;
        margin: 0 !important;
        transform: none !important;
        align-items: center !important;
        justify-content: center !important;
    }
}

/* Na waskich telefonach (np. 360 px CSS) koncowka logo nie moze wchodzic
   pod hamburger. Zmniejszamy tylko logo, bez ruszania pola dotykowego menu. */
@media (max-width: 375px) {
    .header.header .header__wrap .logo {
        width: 220px !important;
        max-width: 220px !important;
    }
    .header.header .header__wrap .logo img {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
    }
    .header.header #logo-lotniczy {
        width: 210px !important;
        max-width: 210px !important;
        height: auto !important;
    }
}

.darkmode .header__nav .nav__wrapper .nav-services__submenu,
.darkmode .header__nav .nav-services__mobile-link {
    border-color: #444a50 !important;
    background: #24272b !important;
    color: #ffad52 !important;
}