/* =========================================================
   WEBARTY TEMPLATES — CUSTOM STORE HEADER
   FULL CSS FOR REPLACEMENT
   VERSION: 2026-08-28 14:32

   Based on the proven webarty.org header geometry.
   - No Categories dropdown.
   - Direct Polylang language selector classes.
   - Roboto forced for menu typography.
   ========================================================= */

:root {
    --wa-header-height: 88px;
}

.wa-site-header,
.wa-site-header *,
.wa-site-header *::before,
.wa-site-header *::after {
    box-sizing: border-box;
}


/* =========================================================
   HEADER
   ========================================================= */

.wa-site-header {
    --wa-dark: #283550;
    --wa-dark-deep: #172238;
    --wa-dark-panel: #18243c;

    --wa-teal: #00a78e;
    --wa-teal-hover: #008f7a;
    --wa-green: #36c88a;

    position: absolute;
    z-index: 1000;

    top: 0;
    right: 0;
    left: 0;

    width: 100%;
    height: var(--wa-header-height);

    margin: 0;
    padding: 0;

    border: 0;
    border-bottom:
        1px solid rgba(255, 255, 255, 0.055);

    color: #ffffff;

    background: transparent;
    box-shadow: none;
}


/* =========================================================
   INNER
   ========================================================= */

.wa-site-header__inner {
    position: relative;

    display: grid;

    grid-template-columns:
        auto
        minmax(0, 1fr)
        auto;

    align-items: center;

    gap: clamp(30px, 3vw, 50px);

    width: min(calc(100% - 80px), 1400px);
    height: 100%;

    margin: 0 auto;
    padding: 0;
}


/* =========================================================
   LOGO
   ========================================================= */

.wa-site-header__logo {
    display: inline-flex;
    align-items: center;

    width: clamp(185px, 14vw, 210px);

    margin: 0;
    padding: 0;

    text-decoration: none !important;
}

.wa-site-header__logo img {
    display: block;

    width: 100%;
    max-width: 100%;
    height: auto;

    margin: 0;
    padding: 0;
}


/* =========================================================
   DESKTOP NAVIGATION
   Exact Webarty menu typography.
   ========================================================= */

.wa-site-header__nav {
    justify-self: end;

    min-width: 0;

    margin: 0;
    padding: 0;
}

.wa-site-header__menu {
    display: flex;
    align-items: center;
    justify-content: flex-end;

    gap: clamp(24px, 2.5vw, 40px);

    margin: 0;
    padding: 0;

    list-style: none;
}

.wa-site-header__item {
    position: relative;

    margin: 0;
    padding: 0;

    list-style: none;
}

.wa-site-header__item::before,
.wa-site-header__item::marker {
    display: none;
    content: none;
}

.wa-site-header__link {
    display: inline-flex;
    align-items: center;

    min-height: 44px;

    margin: 0;
    padding: 0;

    color: #ffffff !important;

    font-family:
        "Roboto",
        Arial,
        sans-serif !important;

    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;

    letter-spacing: 0.025em !important;
    text-decoration: none !important;
    text-transform: uppercase !important;

    transition: color 0.2s ease;
}

.wa-site-header__link:visited {
    color: #ffffff !important;
}

.wa-site-header__link:hover,
.wa-site-header__link:focus-visible {
    color: #70dfcb !important;
}


/* =========================================================
   STORE ACTIONS
   ========================================================= */

.wa-site-header__store-actions {
    position: relative;
    z-index: 1250;

    display: flex;
    flex: 0 0 auto;

    align-items: center;
    justify-content: flex-end;

    gap: 12px;

    height: 42px;

    margin: 0;
    padding: 0;
}


/* =========================================================
   LANGUAGE SWITCHER
   ========================================================= */

.wa-site-header__language {
    position: relative;
    z-index: 1250;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 42px;
    min-width: 42px;

    margin: 0;
    padding: 0;
}

.wa-site-header__language .elementor-widget-container,
.wa-site-header__language .elementor-shortcode {
    position: relative;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;

    margin: 0;
    padding: 0;
}

.wa-site-header__language .webarty-lang-dd {
    position: relative !important;

    display: block;

    width: 42px;

    margin: 0 !important;
    padding: 0 !important;
}

/* =========================================================
   ACTIVE LANGUAGE BUTTON
   ========================================================= */

.wa-site-header__language
.webarty-lang-dd > summary {
    display: flex !important;

    width: 42px !important;
    height: 42px !important;

    align-items: center;
    justify-content: center;

    margin: 0 !important;
    padding: 0 !important;

    border: 1px solid rgba(0, 167, 142, 0.42) !important;
    border-radius: 50% !important;

    list-style: none !important;

    background: rgba(0, 167, 142, 0.1) !important;
    background-color: rgba(0, 167, 142, 0.1) !important;
    background-image: none !important;

    box-shadow: none !important;
    outline: none;

    cursor: pointer;

    appearance: none;
    -webkit-appearance: none;

    transition:
        border-color 0.2s ease,
        background-color 0.2s ease,
        box-shadow 0.2s ease;
}

.wa-site-header__language
.webarty-lang-dd > summary::-webkit-details-marker {
    display: none;
}

.wa-site-header__language
.webarty-lang-dd > summary::marker {
    display: none;
    content: "";
}

.wa-site-header__language
.webarty-lang-dd > summary:hover,

.wa-site-header__language
.webarty-lang-dd > summary:focus-visible,

.wa-site-header__language
.webarty-lang-dd[open] > summary {
    border-color: rgba(0, 167, 142, 0.8) !important;

    background: rgba(0, 167, 142, 0.22) !important;

    box-shadow:
        0 0 0 4px rgba(0, 167, 142, 0.08) !important;
}

.wa-site-header__language .wls-flag {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    width: 18px;
    height: 18px;
}

.wa-site-header__language .wls-flag svg {
    display: block;

    width: 18px;
    height: 18px;

    margin: 0;
}

/* =========================================================
   LANGUAGE DROPDOWN
   ========================================================= */

.wa-site-header__language
.webarty-lang-dd:not([open]) .wls-menu {
    display: none !important;
}

.wa-site-header__language
.webarty-lang-dd[open] .wls-menu {
    position: absolute !important;
    z-index: 1400 !important;

    top: calc(100% + 8px) !important;
    right: auto !important;
    bottom: auto !important;
    left: 50% !important;

    display: grid !important;

    grid-template-columns: 1fr;

    justify-items: center;

    gap: 6px;

    width: 46px !important;
    min-width: 46px !important;
    max-width: 46px !important;

    margin: 0 !important;
    padding: 4px 0 !important;

    border: 0 !important;

    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    box-shadow: none !important;

    transform: translateX(-50%) !important;
}

.wa-site-header__language
.webarty-lang-dd .wls-item {
    display: flex !important;

    width: 38px !important;
    height: 38px !important;

    align-items: center;
    justify-content: center;

    margin: 0 !important;
    padding: 0 !important;

    border: 1px solid rgba(0, 167, 142, 0.34) !important;
    border-radius: 50% !important;

    text-decoration: none !important;

    background: rgba(0, 167, 142, 0.1) !important;
    background-color: rgba(0, 167, 142, 0.1) !important;
    background-image: none !important;

    box-shadow: none !important;

    transition:
        border-color 0.18s ease,
        background-color 0.18s ease,
        transform 0.18s ease;
}

.wa-site-header__language
.webarty-lang-dd .wls-item:hover,

.wa-site-header__language
.webarty-lang-dd .wls-item:focus-visible {
    border-color: rgba(0, 167, 142, 0.8) !important;

    background: rgba(0, 167, 142, 0.24) !important;

    transform: scale(1.05);
}


/* =========================================================
   SEARCH BUTTON
   ========================================================= */

.wa-site-header__search-toggle,
.wa-site-header__search-toggle:hover,
.wa-site-header__search-toggle:focus,
.wa-site-header__search-toggle:focus-visible,
.wa-site-header__search-toggle:active {
    display: inline-flex;

    width: 42px;
    min-width: 42px;
    height: 42px;
    min-height: 42px;

    align-items: center;
    justify-content: center;

    margin: 0;
    padding: 0;

    border:
        1px solid rgba(0, 167, 142, 0.42) !important;

    border-radius: 50% !important;

    color: #72dfcc !important;

    background:
        rgba(0, 167, 142, 0.10) !important;

    box-shadow: none !important;
    outline: none !important;

    cursor: pointer;

    appearance: none;
    -webkit-appearance: none;

    transition:
        color 0.2s ease,
        border-color 0.2s ease,
        background-color 0.2s ease,
        box-shadow 0.2s ease;
}

.wa-site-header__search-toggle:hover,
.wa-site-header__search-toggle:focus-visible,
.wa-site-header.is-search-open
.wa-site-header__search-toggle {
    border-color:
        rgba(0, 167, 142, 0.80) !important;

    color: #ffffff !important;

    background:
        rgba(0, 167, 142, 0.22) !important;

    box-shadow:
        0 0 0 4px rgba(0, 167, 142, 0.08) !important;
}

.wa-site-header__search-toggle svg {
    display: block;

    width: 21px;
    height: 21px;

    margin: 0;
}


/* =========================================================
   CART
   ========================================================= */

.wa-site-header__cart,
.wa-site-header__cart:visited {
    display: inline-flex;

    width: 42px;
    min-width: 42px;
    height: 42px;
    min-height: 42px;

    align-items: center;
    justify-content: center;

    margin: 0;
    padding: 0;

    border:
        1px solid rgba(0, 167, 142, 0.42) !important;

    border-radius: 50% !important;

    color: #72dfcc !important;

    text-decoration: none !important;

    background:
        rgba(0, 167, 142, 0.10) !important;

    box-shadow: none !important;

    transition:
        color 0.2s ease,
        border-color 0.2s ease,
        background-color 0.2s ease,
        box-shadow 0.2s ease;
}

.wa-site-header__cart:hover,
.wa-site-header__cart:focus-visible {
    border-color:
        rgba(0, 167, 142, 0.80) !important;

    color: #ffffff !important;

    background:
        rgba(0, 167, 142, 0.22) !important;

    box-shadow:
        0 0 0 4px rgba(0, 167, 142, 0.08) !important;
}

.wa-site-header__cart-icon {
    position: relative;

    display: inline-flex;

    width: 22px;
    height: 22px;

    align-items: center;
    justify-content: center;

    margin: 0;
    padding: 0;
}

.wa-site-header__cart-icon svg {
    display: block;

    width: 22px;
    height: 22px;

    margin: 0;
}

.wa-site-header__cart-count {
    position: absolute;

    top: -8px;
    right: -9px;

    display: inline-flex;

    min-width: 18px;
    height: 18px;

    align-items: center;
    justify-content: center;

    padding: 0 5px;

    border: 2px solid #253450;
    border-radius: 999px;

    color: #ffffff;

    background: #00a78e;

    font-family:
        "Roboto",
        Arial,
        sans-serif !important;

    font-size: 9px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
}

.wa-site-header__cart.is-empty
.wa-site-header__cart-count {
    display: none !important;
}


/* =========================================================
   SEARCH PANEL
   ========================================================= */

.wa-site-header__search-panel {
    position: absolute;
    z-index: 1180;

    top: 100%;
    right: 0;
    left: 0;

    width: 100%;

    margin: 0;
    padding: 16px 0 18px;

    border-top:
        1px solid rgba(255, 255, 255, 0.055);

    border-bottom:
        1px solid rgba(255, 255, 255, 0.08);

    background: #212c4f;

    box-shadow:
        0 14px 32px rgba(17, 27, 49, 0.16);
}

.wa-site-header__search-panel[hidden] {
    display: none !important;
}

.wa-site-header__search-form {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        46px
        46px;

    align-items: center;

    gap: 8px;

    width: min(calc(100% - 80px), 1400px);

    margin: 0 auto;
    padding: 0;
}

.wa-site-header__search-input {
    width: 100%;
    min-width: 0;

    height: 48px;
    min-height: 48px;

    margin: 0;
    padding: 0 17px;

    border:
        1px solid rgba(255, 255, 255, 0.15) !important;

    border-radius: 10px !important;

    outline: none !important;

    color: #283550 !important;

    background: #ffffff !important;

    box-shadow: none !important;

    font-family:
        "Roboto",
        Arial,
        sans-serif !important;

    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
}

.wa-site-header__search-input::placeholder {
    color: #8290a3;
    opacity: 1;
}

.wa-site-header__search-input:focus {
    border-color: #00a78e !important;

    box-shadow:
        0 0 0 3px rgba(0, 167, 142, 0.13) !important;
}

.wa-site-header__search-submit,
.wa-site-header__search-close {
    display: inline-flex;

    width: 46px;
    height: 46px;

    align-items: center;
    justify-content: center;

    margin: 0;
    padding: 0;

    border-radius: 50% !important;

    box-shadow: none !important;

    cursor: pointer;

    appearance: none;
    -webkit-appearance: none;
}

.wa-site-header__search-submit {
    border: 1px solid #00a78e !important;

    color: #ffffff !important;

    background: #00a78e !important;
}

.wa-site-header__search-submit:hover,
.wa-site-header__search-submit:focus-visible {
    border-color: #008f7a !important;

    background: #008f7a !important;
}

.wa-site-header__search-close {
    border:
        1px solid rgba(255, 255, 255, 0.18) !important;

    color: #ffffff !important;

    background:
        rgba(255, 255, 255, 0.06) !important;
}

.wa-site-header__search-close:hover,
.wa-site-header__search-close:focus-visible {
    border-color:
        rgba(0, 167, 142, 0.55) !important;

    background:
        rgba(0, 167, 142, 0.14) !important;
}


/* =========================================================
   MOBILE MENU TOGGLE
   ========================================================= */

.wa-site-header__mobile-toggle,
.wa-site-header__mobile-toggle:hover,
.wa-site-header__mobile-toggle:focus,
.wa-site-header__mobile-toggle:focus-visible,
.wa-site-header__mobile-toggle:active {
    display: none;

    width: 42px;
    height: 42px;

    align-items: center;
    justify-content: center;
    flex-direction: column;

    gap: 4px;

    margin: 0;
    padding: 0;

    border:
        1px solid rgba(0, 167, 142, 0.42) !important;

    border-radius: 50% !important;

    color: #72dfcc !important;

    background:
        rgba(0, 167, 142, 0.10) !important;

    box-shadow: none !important;
    outline: none !important;

    cursor: pointer;

    appearance: none;
    -webkit-appearance: none;

    transition:
        border-color 0.2s ease,
        background-color 0.2s ease,
        box-shadow 0.2s ease,
        color 0.2s ease;
}

.wa-site-header__mobile-toggle:hover,
.wa-site-header__mobile-toggle:focus-visible,
.wa-site-header.is-menu-open
.wa-site-header__mobile-toggle {
    border-color:
        rgba(0, 167, 142, 0.80) !important;

    color: #ffffff !important;

    background:
        rgba(0, 167, 142, 0.22) !important;

    box-shadow:
        0 0 0 4px rgba(0, 167, 142, 0.08) !important;
}

.wa-site-header__mobile-toggle span {
    display: block;

    width: 18px;
    height: 2px;

    margin: 0;

    border-radius: 999px;

    background: currentColor !important;

    transition:
        transform 0.22s ease,
        opacity 0.22s ease;
}

.wa-site-header.is-menu-open
.wa-site-header__mobile-toggle
span:nth-child(1) {
    transform:
        translateY(6px)
        rotate(45deg);
}

.wa-site-header.is-menu-open
.wa-site-header__mobile-toggle
span:nth-child(2) {
    opacity: 0;
}

.wa-site-header.is-menu-open
.wa-site-header__mobile-toggle
span:nth-child(3) {
    transform:
        translateY(-6px)
        rotate(-45deg);
}


/* =========================================================
   SOLID INTERNAL-PAGE HEADER
   ========================================================= */

.wa-site-header.wa-site-header--solid {
    position: relative !important;

    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    z-index: 9999 !important;

    width: 100% !important;

    background: #212c4f !important;

    border-bottom:
        1px solid rgba(255, 255, 255, 0.10) !important;

    box-shadow:
        0 8px 28px rgba(33, 44, 79, 0.14) !important;

    transform: none !important;

    opacity: 1 !important;
    visibility: visible !important;
}

.wa-site-header.wa-site-header--solid
.wa-site-header__inner,

.wa-site-header.wa-site-header--solid
.wa-site-header__logo,

.wa-site-header.wa-site-header--solid
.wa-site-header__logo img {
    opacity: 1 !important;
    visibility: visible !important;
}




/* =========================================================
   SMALL DESKTOP HEADER
   901px–1207px
   ========================================================= */

@media (min-width: 901px) and (max-width: 1207px) {

    :root {
        --wa-header-height: 88px;
    }

    .wa-site-header {
        height: var(--wa-header-height);
    }

    .wa-site-header__inner {
        width: min(calc(100% - 64px), 1180px);

        gap: 24px;
    }

    .wa-site-header__logo {
        width: 188px;
    }

    .wa-site-header__menu {
        gap: 22px;
    }

    .wa-site-header__link {
        min-height: 40px;
    }

    .wa-site-header__store-actions {
        height: 40px;
    }

    .wa-site-header__language {
        width: 40px;
        min-width: 40px;
    }

    .wa-site-header__language
    .webarty-lang-dd {
        width: 40px;
    }

    .wa-site-header__language
    .webarty-lang-dd > summary {
        width: 40px !important;
        height: 40px !important;
    }

    .wa-site-header__search-toggle,
    .wa-site-header__search-toggle:hover,
    .wa-site-header__search-toggle:focus,
    .wa-site-header__search-toggle:focus-visible,
    .wa-site-header__search-toggle:active,

    .wa-site-header__cart,
    .wa-site-header__cart:visited {
        width: 40px;
        min-width: 40px;
        height: 40px;
        min-height: 40px;
    }
}


/* =========================================================
   TABLET / MOBILE
   ========================================================= */

@media (max-width: 900px) {

    :root {
        --wa-header-height: 88px;
    }

    .wa-site-header {
        height: var(--wa-header-height);
    }

    .wa-site-header__inner {
        grid-template-columns:
            minmax(0, 1fr)
            auto
            42px;

        align-items: center;

        gap: 12px;

        width: calc(100% - 40px);
    }

    .wa-site-header__logo {
        width: clamp(175px, 42vw, 220px);
    }

    .wa-site-header__store-actions {
        justify-self: end;

        gap: 12px;
    }

    .wa-site-header__search-toggle {
        display: none !important;
    }

    .wa-site-header__mobile-toggle,
    .wa-site-header__mobile-toggle:hover,
    .wa-site-header__mobile-toggle:focus,
    .wa-site-header__mobile-toggle:focus-visible,
    .wa-site-header__mobile-toggle:active {
        display: flex;
    }


    /* Full-width mobile navigation */

    .wa-site-header__nav {
        position: absolute !important;
        z-index: 1050 !important;

        top: var(--wa-header-height) !important;
        right: auto !important;
        bottom: 0 !important;
        left: 50% !important;

        justify-self: stretch !important;

        display: block !important;

        width: 100vw !important;
        min-width: 100vw !important;
        max-width: 100vw !important;

        margin-left: -50vw !important;

        height:
            calc(100vh - var(--wa-header-height)) !important;

        height:
            calc(100dvh - var(--wa-header-height)) !important;

        max-height: none !important;

        margin-top: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 0 !important;

        padding:
            0
            0
            max(
                125px,
                calc(
                    105px
                    + env(safe-area-inset-bottom)
                )
            )
            !important;

        overflow-x: hidden !important;
        overflow-y: auto !important;

        border: 0 !important;
        border-radius: 0 !important;

        opacity: 0;
        visibility: hidden;

        pointer-events: none;

        background:
            radial-gradient(
                circle at 100% 0%,
                rgba(0, 167, 142, 0.2) 0%,
                rgba(0, 167, 142, 0) 45%
            ),
            linear-gradient(
                135deg,
                #172238 0%,
                #203b50 67%,
                #12515b 100%
            ) !important;

        box-shadow: none !important;

        transform:
            translateY(-8px) !important;

        transition:
            opacity 0.2s ease,
            visibility 0.2s ease,
            transform 0.2s ease;

        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
    }

    .wa-site-header.is-menu-open
    .wa-site-header__nav {
        opacity: 1;
        visibility: visible;

        pointer-events: auto;

        transform:
            translateY(0) !important;
    }


    /* Top-level menu */

    .wa-site-header__menu {
        display: block;

        width: 100%;

        margin: 0;
        padding: 0 0 24px;

        border: 0;

        background: transparent;

        box-shadow: none;
    }

    .wa-site-header__item {
        display: block;

        width: 100%;

        margin: 0;
        padding: 0;
    }

    .wa-site-header__item
    + .wa-site-header__item {
        border-top:
            1px solid rgba(255, 255, 255, 0.075);
    }

    .wa-site-header__item
    > .wa-site-header__link {
        display: flex;

        width: 100%;
        height: 64px;
        min-height: 64px;

        align-items: center;

        margin: 0;
        padding: 0 28px;

        color: #ffffff !important;

        font-family:
            "Roboto",
            Arial,
            sans-serif !important;

        font-size: 14px !important;
        font-style: normal !important;
        font-weight: 700 !important;
        line-height: 1.2 !important;

        letter-spacing: 0.025em !important;

        text-transform: uppercase !important;
    }

    .wa-site-header__language {
        z-index: 1300;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 640px) {

    .wa-site-header__inner {
        grid-template-columns:
            minmax(0, 1fr)
            auto
            42px;

        gap: 12px;

        width: calc(100% - 40px);
    }

    .wa-site-header__logo {
        width: clamp(158px, 42vw, 200px);
    }

    .wa-site-header__store-actions {
        gap: 12px;
    }
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 390px) {

    :root {
        --wa-header-height: 88px;
    }

    .wa-site-header__store-actions {
        gap: 7px;
    }

    .wa-site-header__inner {
        grid-template-columns:
            minmax(0, 1fr)
            auto
            36px;

        gap: 8px;

        width: calc(100% - 28px);
    }

    .wa-site-header__logo {
        width: 150px;
        max-width: 150px;
    }

    .wa-site-header__language {
        width: 36px;
        min-width: 36px;
    }

    .wa-site-header__language
    .webarty-lang-dd {
        width: 36px;
    }

    .wa-site-header__language
    .webarty-lang-dd > summary {
        width: 36px !important;
        height: 36px !important;
    }

    .wa-site-header__cart,
    .wa-site-header__cart:visited {
        width: 36px;
        min-width: 36px;
        height: 36px;
        min-height: 36px;
    }

    .wa-site-header__mobile-toggle,
    .wa-site-header__mobile-toggle:hover,
    .wa-site-header__mobile-toggle:focus,
    .wa-site-header__mobile-toggle:focus-visible,
    .wa-site-header__mobile-toggle:active {
        width: 36px;
        height: 36px;
    }

    .wa-site-header__language .wls-flag,
    .wa-site-header__language .wls-flag svg {
        width: 16px;
        height: 16px;
    }

    .wa-site-header__cart-icon,
    .wa-site-header__cart-icon svg {
        width: 20px;
        height: 20px;
    }

    .wa-site-header__mobile-toggle span {
        width: 17px;
        height: 2px;
    }

    .wa-site-header__item
    > .wa-site-header__link {
        padding-right: 24px;
        padding-left: 24px;
    }
}




@media (max-width: 340px) {

    :root {
        --wa-header-height: 88px;
    }

    .wa-site-header__inner {
        grid-template-columns:
            minmax(0, 1fr)
            auto
            34px;

        gap: 6px;

        width: calc(100% - 24px);
    }

    .wa-site-header__logo {
        width: 140px;
        max-width: 140px;
    }

    .wa-site-header__store-actions {
        gap: 6px;
    }

    .wa-site-header__language {
        width: 34px;
        min-width: 34px;
    }

    .wa-site-header__language
    .webarty-lang-dd {
        width: 34px;
    }

    .wa-site-header__language
    .webarty-lang-dd > summary {
        width: 34px !important;
        height: 34px !important;
    }

    .wa-site-header__cart,
    .wa-site-header__cart:visited {
        width: 34px;
        min-width: 34px;
        height: 34px;
        min-height: 34px;
    }

    .wa-site-header__mobile-toggle,
    .wa-site-header__mobile-toggle:hover,
    .wa-site-header__mobile-toggle:focus,
    .wa-site-header__mobile-toggle:focus-visible,
    .wa-site-header__mobile-toggle:active {
        width: 34px;
        height: 34px;
    }

    .wa-site-header__language .wls-flag,
    .wa-site-header__language .wls-flag svg {
        width: 15px;
        height: 15px;
    }

    .wa-site-header__cart-icon,
    .wa-site-header__cart-icon svg {
        width: 19px;
        height: 19px;
    }

    .wa-site-header__mobile-toggle span {
        width: 16px;
        height: 2px;
    }
}


/* =========================================================
   SCROLL LOCK
   ========================================================= */

html.wa-mobile-menu-open {
    overflow: hidden !important;
}


/* =========================================================
   LARGE / ULTRAWIDE DESKTOP
   ========================================================= */

@media (min-width: 1920px) {

    .wa-site-header__inner {
        gap: 56px;

        width:
            min(calc(100% - 160px), 1560px);

        max-width: 1560px;
    }

    .wa-site-header__logo {
        width: 220px;
    }

    .wa-site-header__menu {
        gap: 42px;
    }

    .wa-site-header__link {
        font-size: 14.5px !important;
    }

    .wa-site-header__search-form {
        width:
            min(calc(100% - 160px), 1560px);

        max-width: 1560px;
    }
}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .wa-site-header *,
    .wa-site-header *::before,
    .wa-site-header *::after {
        transition: none !important;
        animation: none !important;
    }
}


/* =========================================================
   MOBILE LANGUAGE DROPDOWN
   Compact horizontal row below the action icons.
   ========================================================= */

@media (max-width: 900px) {

    .wa-site-header__language
    .webarty-lang-dd[open] .wls-menu {
        position: absolute !important;
        z-index: 1500 !important;

        top: calc(100% + 12px) !important;
        right: -108px !important;
        bottom: auto !important;
        left: auto !important;

        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-end !important;

        gap: 6px !important;

        width: max-content !important;
        min-width: 0 !important;
        max-width: calc(100vw - 36px) !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: visible !important;

        border: 0 !important;
        border-radius: 0 !important;

        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;

        box-shadow: none !important;

        transform: none !important;
    }

    .wa-site-header__language
    .webarty-lang-dd .wls-item {
        width: 34px !important;
        height: 34px !important;

        border-color: rgba(0, 167, 142, 0.34) !important;

        background:
            rgba(0, 167, 142, 0.10) !important;

        background-color:
            rgba(0, 167, 142, 0.10) !important;

        box-shadow: none !important;

        -webkit-backdrop-filter: none;
        backdrop-filter: none;
    }

    .wa-site-header__language
    .webarty-lang-dd .wls-item:hover,
    .wa-site-header__language
    .webarty-lang-dd .wls-item:focus-visible {
        background:
            rgba(0, 167, 142, 0.24) !important;
    }

    .wa-site-header__language
    .webarty-lang-dd .wls-item .wls-flag,
    .wa-site-header__language
    .webarty-lang-dd .wls-item .wls-flag svg {
        width: 16px;
        height: 16px;
    }
}

@media (max-width: 390px) {

    .wa-site-header__language
    .webarty-lang-dd[open] .wls-menu {
        top: calc(100% + 11px) !important;
        right: -87px !important;

        gap: 5px !important;

        max-width: calc(100vw - 28px) !important;
    }

    .wa-site-header__language
    .webarty-lang-dd .wls-item {
        width: 32px !important;
        height: 32px !important;
    }

    .wa-site-header__language
    .webarty-lang-dd .wls-item .wls-flag,
    .wa-site-header__language
    .webarty-lang-dd .wls-item .wls-flag svg {
        width: 15px;
        height: 15px;
    }
}

@media (max-width: 340px) {

    .wa-site-header__language
    .webarty-lang-dd[open] .wls-menu {
        top: calc(100% + 10px) !important;
        right: -80px !important;

        gap: 4px !important;

        max-width: calc(100vw - 24px) !important;
    }

    .wa-site-header__language
    .webarty-lang-dd .wls-item {
        width: 30px !important;
        height: 30px !important;
    }

    .wa-site-header__language
    .webarty-lang-dd .wls-item .wls-flag,
    .wa-site-header__language
    .webarty-lang-dd .wls-item .wls-flag svg {
        width: 14px;
        height: 14px;
    }
}

@media (max-width: 900px) {

    .wa-site-header,
    .wa-site-header__inner,
    .wa-site-header__store-actions,
    .wa-site-header__language,
    .wa-site-header__language .webarty-lang-dd {
        overflow: visible !important;
    }

    .wa-site-header__language
    .webarty-lang-dd[open] {
        z-index: 1600 !important;
    }
}

@media (max-width: 900px) {

    .wa-site-header__mobile-toggle {
        line-height: 0 !important;
    }

    .wa-site-header__mobile-toggle span {
        flex: 0 0 auto;
    }

    .wa-site-header.is-menu-open
    .wa-site-header__mobile-toggle
    span:nth-child(1) {
        transform:
            translateY(6px)
            rotate(45deg);
    }

    .wa-site-header.is-menu-open
    .wa-site-header__mobile-toggle
    span:nth-child(3) {
        transform:
            translateY(-6px)
            rotate(-45deg);
    }
}