/*
 * Approved compact header controls — option 01.
 * The entire compact range keeps the true-centred logo while the menu and
 * language picker are reduced to the same borderless gold line language.
 */
@media (max-width: 1399.98px) {
    html body:not(#artbin-mobile-header-v1-lock) :is(
        #header-hz-elementor,
        .elementor-location-header,
        header.elementor-location-header
    ) .elementor-widget-nav-menu .elementor-menu-toggle {
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        color: #f7b718 !important;
        transition: opacity 160ms ease, transform 160ms ease !important;
    }

    html body:not(#artbin-mobile-header-v1-lock) :is(
        #header-hz-elementor,
        .elementor-location-header,
        header.elementor-location-header
    ) .elementor-widget-nav-menu .elementor-menu-toggle:is(:hover, :focus-visible) {
        opacity: 0.78 !important;
        transform: translateY(-1px) !important;
    }

    html body:not(#artbin-mobile-header-v1-lock) :is(
        #header-hz-elementor,
        .elementor-location-header,
        header.elementor-location-header
    ) .elementor-widget-nav-menu .elementor-menu-toggle :is(svg, svg path, i) {
        color: #f7b718 !important;
        fill: #f7b718 !important;
        opacity: 1 !important;
        filter: none !important;
    }

    /* A legacy skin draws three bars in a square pseudo-control above
       Elementor's real icons. Use the native open/close SVGs instead so the
       selected borderless treatment survives both menu states. */
    html body:not(#artbin-mobile-header-v1-lock) :is(
        #header-hz-elementor,
        .elementor-location-header,
        header.elementor-location-header
    ) .elementor-widget-nav-menu .elementor-menu-toggle::before,
    html body:not(#artbin-mobile-header-v1-lock) :is(
        #header-hz-elementor,
        .elementor-location-header,
        header.elementor-location-header
    ) .elementor-widget-nav-menu .elementor-menu-toggle::after {
        display: none !important;
        content: none !important;
        background: none !important;
    }

    html body:not(#artbin-mobile-header-v1-lock) :is(
        #header-hz-elementor,
        .elementor-location-header,
        header.elementor-location-header
    ) .elementor-widget-nav-menu .elementor-menu-toggle .elementor-menu-toggle__icon--open {
        display: block !important;
        width: 26px !important;
        height: 26px !important;
    }

    html body:not(#artbin-mobile-header-v1-lock) :is(
        #header-hz-elementor,
        .elementor-location-header,
        header.elementor-location-header
    ) .elementor-widget-nav-menu .elementor-menu-toggle .elementor-menu-toggle__icon--close {
        display: none !important;
        width: 24px !important;
        height: 24px !important;
    }

    html body:not(#artbin-mobile-header-v1-lock) :is(
        #header-hz-elementor,
        .elementor-location-header,
        header.elementor-location-header
    ) .elementor-widget-nav-menu .elementor-menu-toggle.elementor-active .elementor-menu-toggle__icon--open {
        display: none !important;
    }

    html body:not(#artbin-mobile-header-v1-lock) :is(
        #header-hz-elementor,
        .elementor-location-header,
        header.elementor-location-header
    ) .elementor-widget-nav-menu .elementor-menu-toggle.elementor-active .elementor-menu-toggle__icon--close {
        display: block !important;
    }

    /* The compact composition has one right-side control: the active language.
       Hide the legacy contact button rather than letting it intersect it. */
    html body:not(#artbin-mobile-header-v1-lock) :is(
        #header-hz-elementor,
        .elementor-location-header,
        header.elementor-location-header
    ) :is(.elementor-element-5db10b4, .elementor-element-fd03432) {
        display: none !important;
    }

    html body:not(#artbin-mobile-header-v1-lock) :is(
        #header-hz-elementor,
        .elementor-location-header,
        header.elementor-location-header
    ) .artbin-mobile-language-toggle {
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        color: #f7b718 !important;
        transition: opacity 160ms ease, transform 160ms ease !important;
    }

    html body:not(#artbin-mobile-header-v1-lock) :is(
        #header-hz-elementor,
        .elementor-location-header,
        header.elementor-location-header
    ) .artbin-mobile-language-toggle:is(:hover, :focus-visible) {
        opacity: 0.78 !important;
        transform: translateY(-1px) !important;
    }

    html body:not(#artbin-mobile-header-v1-lock) :is(
        #header-hz-elementor,
        .elementor-location-header,
        header.elementor-location-header
    ) .artbin-mobile-language-toggle__code {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        padding: 0 !important;
        color: #f7b718 !important;
        font-size: clamp(15px, 1.6vw, 18px) !important;
        font-weight: 800 !important;
        line-height: 1 !important;
    }

    html body:not(#artbin-mobile-header-v1-lock) :is(
        #header-hz-elementor,
        .elementor-location-header,
        header.elementor-location-header
    ) .artbin-mobile-language-toggle svg {
        flex: 0 0 16px !important;
        width: 16px !important;
        height: 16px !important;
        margin: 0 clamp(10px, 1.5vw, 14px) 0 clamp(10px, 1.5vw, 14px) !important;
        padding: 0 !important;
        border-left: 0 !important;
        color: #f7b718 !important;
        transition: transform 160ms ease !important;
    }

    html body:not(#artbin-mobile-header-v1-lock) :is(
        #header-hz-elementor,
        .elementor-location-header,
        header.elementor-location-header
    ) .artbin-mobile-language-toggle[aria-expanded="true"] svg {
        transform: rotate(180deg) !important;
    }

    /* Elementor can add its native disclosure arrow after the compact-menu
       fallback has been rendered. Never show both: the fallback belongs at
       the right edge only when Elementor did not provide an arrow at all. */
    html body:not(#artbin-mobile-header-v1-lock) :is(
        #header-hz-elementor,
        .elementor-location-header,
        header.elementor-location-header
    ) .elementor-nav-menu--dropdown.elementor-nav-menu__container
    li.menu-item-has-children > a:has(> .sub-arrow:not(.artbin-compact-sub-arrow))
    > .artbin-compact-sub-arrow {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    /* Compact navigation is a click-only disclosure. Legacy desktop hover
       skins must never open About, Properties or Blog behind the controller. */
    html body:not(#artbin-mobile-header-v1-lock) :is(
        #header-hz-elementor,
        .elementor-location-header,
        header.elementor-location-header
    ) .elementor-widget-nav-menu.artbin-menu-force-open
    li.menu-item-has-children:not(.artbin-mobile-submenu-open):hover
    > ul.sub-menu.elementor-nav-menu--dropdown {
        display: none !important;
        height: 0 !important;
        max-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
        overflow: hidden !important;
    }

    /* About inherits the same left-aligned, flat second-level rhythm as Blog.
       The desktop mega's grid is removed only after the parent was clicked. */
    html body:not(#artbin-mobile-header-v1-lock) :is(
        #header-hz-elementor,
        .elementor-location-header,
        header.elementor-location-header
    ) .elementor-widget-nav-menu.artbin-menu-force-open
    li.artbin-about-menu.artbin-mobile-submenu-open
    :is(.artbin-about-mega, .artbin-about-mega__list) {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        grid-template-columns: none !important;
        grid-template-rows: none !important;
        grid-template-areas: none !important;
        gap: 0 !important;
        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    html body:not(#artbin-mobile-header-v1-lock) :is(
        #header-hz-elementor,
        .elementor-location-header,
        header.elementor-location-header
    ) .elementor-widget-nav-menu.artbin-menu-force-open
    li.artbin-about-menu.artbin-mobile-submenu-open
    .artbin-about-mega__item {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        width: 100% !important;
        min-height: 44px !important;
        height: 44px !important;
        margin: 0 !important;
        padding: 0 28px 0 clamp(46px, 5vw, 72px) !important;
        border: 0 !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.13) !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        color: #f8fafc !important;
        font-family: "Unbounded", "Wix Madefor Display", Arial, sans-serif !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        line-height: 1.18 !important;
        text-align: left !important;
        text-transform: uppercase !important;
    }

    html body:not(#artbin-mobile-header-v1-lock) :is(
        #header-hz-elementor,
        .elementor-location-header,
        header.elementor-location-header
    ) .elementor-widget-nav-menu.artbin-menu-force-open
    li.artbin-about-menu.artbin-mobile-submenu-open
    .artbin-about-mega__item .artbin-about-mega__icon {
        display: none !important;
    }

    html body:not(#artbin-mobile-header-v1-lock) :is(
        #header-hz-elementor,
        .elementor-location-header,
        header.elementor-location-header
    ) .elementor-widget-nav-menu.artbin-menu-force-open
    li.artbin-about-menu.artbin-mobile-submenu-open
    .artbin-about-mega__label {
        display: block !important;
        margin: 0 !important;
        overflow: visible !important;
        color: inherit !important;
        font: inherit !important;
        line-height: inherit !important;
        text-align: left !important;
        white-space: normal !important;
    }

    html body:not(#artbin-mobile-header-v1-lock) :is(
        #header-hz-elementor,
        .elementor-location-header,
        header.elementor-location-header
    ) .elementor-widget-nav-menu.artbin-menu-force-open
    li.artbin-about-menu.artbin-mobile-submenu-open
    .artbin-about-mega__arrow {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 18px !important;
        height: 18px !important;
        margin-left: auto !important;
        color: #fdb714 !important;
        font-size: 15px !important;
        line-height: 1 !important;
    }
}