/* VW_NAVBAR_RESPONSIVE_ACTIONS_V1 */

.vw-navbar-cart-slot {
    display: inline-flex;
    min-width: 0;
    align-items: center;
}

.vw-navbar-mobile-controls,
.vw-navbar-mobile-cart {
    display: none;
}

@media (min-width: 961px) {
    /* Mobile toggles must never appear in desktop navigation. */
    .vw-navbar .vw-navbar-toggle,
    .vw-navbar .vw-navbar-mobile-controls,
    .vw-navbar .vw-navbar-mobile-cart {
        display: none !important;
    }

    .vw-navbar .vw-navbar-desktop-cart {
        display: inline-flex !important;
    }

    /* Minimal Drawer becomes a normal professional desktop navbar.
       Its drawer behaviour is retained only for mobile screens. */
    .vw-navbar-minimal-drawer .vw-navbar-menu {
        position: static !important;
        inset: auto !important;
        z-index: auto !important;
        display: flex !important;
        width: auto !important;
        max-width: none !important;
        height: auto !important;
        max-height: none !important;
        flex: 0 1 auto !important;
        flex-direction: row !important;
        align-items: center !important;
        margin-left: auto !important;
        padding: 0 !important;
        overflow: visible !important;
        border: 0 !important;
        visibility: visible !important;
        opacity: 1 !important;
        background: transparent !important;
        box-shadow: none !important;
        transform: none !important;
        pointer-events: auto !important;
        transition: none !important;
        gap: 8px;
    }

    .vw-navbar-minimal-drawer .vw-navbar-backdrop,
    .vw-navbar-minimal-drawer .vw-navbar-mobile-head,
    .vw-navbar-minimal-drawer .vw-minimal-menu-copy {
        display: none !important;
    }

    .vw-navbar-minimal-drawer .vw-navbar-links {
        display: flex;
        min-width: 0;
        align-items: center;
        gap: 4px;
    }

    .vw-navbar-minimal-drawer .vw-navbar-links > a {
        min-height: 42px;
        padding: 10px 11px;
        border: 0;
        border-radius: 11px;
        color: var(--vw-nav-muted);
        font-size: 14px;
        font-weight: 620;
        letter-spacing: 0;
        white-space: nowrap;
    }

    .vw-navbar-minimal-drawer .vw-navbar-links > a b {
        display: none;
    }

    .vw-navbar-minimal-drawer .vw-navbar-links > a:hover,
    .vw-navbar-minimal-drawer .vw-navbar-links > a[aria-current="page"] {
        color: var(--vw-nav-primary);
        background:
            color-mix(
                in srgb,
                var(--vw-nav-primary) 9%,
                transparent
            );
    }

    .vw-navbar-minimal-drawer .vw-minimal-menu-actions {
        display: flex;
        align-items: center;
        margin: 0;
        padding: 0;
        border: 0;
        gap: 7px;
    }

    .vw-navbar-minimal-drawer .vw-minimal-account {
        min-height: 42px;
        align-items: center;
        margin: 0;
        padding: 10px 11px;
        border-radius: 11px;
        color: var(--vw-nav-muted);
        background: transparent;
        font-size: 14px;
        font-weight: 620;
    }

    .vw-navbar-minimal-drawer .vw-minimal-account:hover {
        color: var(--vw-nav-primary);
        background:
            color-mix(
                in srgb,
                var(--vw-nav-primary) 9%,
                transparent
            );
    }
}

@media (min-width: 961px) and (max-width: 1120px) {
    .vw-navbar-container {
        gap: 14px;
    }

    .vw-navbar-classic-pill .vw-navbar-links > a,
    .vw-navbar-classic-pill .vw-navbar-account,
    .vw-navbar-minimal-drawer .vw-navbar-links > a,
    .vw-navbar-minimal-drawer .vw-minimal-account {
        padding-inline: 8px;
        font-size: 13px;
    }
}

@media (max-width: 960px) {
    .vw-navbar .vw-navbar-desktop-cart,
    .vw-navbar .vw-navbar-desktop-account {
        display: none !important;
    }

    .vw-navbar-mobile-controls {
        display: flex;
        min-width: 0;
        flex: 0 0 auto;
        align-items: center;
        margin-left: auto;
        gap: 8px;
    }

    .vw-navbar-mobile-cart {
        display: inline-flex;
        flex: 0 0 auto;
    }

    .vw-navbar .vw-navbar-toggle {
        display: inline-flex !important;
        width: 44px;
        height: 44px;
        flex: 0 0 44px;
        padding: 0;
    }

    .vw-navbar-brand {
        min-width: 0;
        max-width: calc(100% - 106px);
    }

    .vw-navbar-brand-name {
        max-width: min(190px, 43vw);
    }

    /* Keep cart visible beside the menu button instead of hiding it
       inside the opened drawer. */
    .vw-navbar-mobile-controls .vw-css-bag-cart {
        width: 46px;
        min-width: 46px;
        min-height: 44px;
        padding: 6px;
        border-radius: 12px;
        gap: 0;
    }

    .vw-navbar-mobile-controls .vw-css-bag-cart__label {
        display: none;
    }

    .vw-navbar-mobile-controls .vw-css-bag-cart__icon {
        width: 25px;
        height: 28px;
        flex-basis: 25px;
    }

    .vw-navbar-mobile-controls .vw-css-bag-cart__count {
        position: absolute;
        top: -6px;
        right: -6px;
        min-width: 20px;
        height: 20px;
        padding: 0 5px;
        border: 2px solid var(--vw-nav-bg, #ffffff);
        font-size: 9px;
    }

    .vw-navbar-mobile-controls .vw-icon-badge-cart {
        width: 44px;
        height: 44px;
    }

    .vw-navbar-mobile-controls .vw-text-pill-cart {
        width: 44px;
        min-width: 44px;
        min-height: 44px;
        padding: 0;
        border-radius: 12px;
    }

    .vw-navbar-mobile-controls .vw-text-pill-cart > span {
        display: none;
    }

    .vw-navbar-mobile-controls .vw-text-pill-cart > strong {
        min-width: 24px;
        height: 24px;
    }

    .vw-navbar-centered-luxury .vw-luxury-top {
        display: flex;
    }

    .vw-navbar-centered-luxury .vw-navbar-brand {
        position: static;
        left: auto;
        max-width: calc(100% - 106px);
        justify-self: auto;
        flex-direction: row;
        transform: none;
    }

    .vw-navbar-centered-luxury .vw-navbar-brand-mark {
        display: inline-flex;
    }

    .vw-navbar-centered-luxury .vw-luxury-actions,
    .vw-navbar-commerce-search .vw-commerce-actions {
        margin-left: auto;
    }

    .vw-navbar-minimal-drawer .vw-minimal-menu-actions {
        display: grid;
        margin-top: 12px;
        padding-top: 12px;
        border-top: 1px solid var(--vw-nav-border);
        gap: 6px;
    }

    .vw-navbar-minimal-drawer .vw-minimal-account {
        align-self: stretch;
        justify-content: flex-start;
        margin: 0;
        min-height: 48px;
        padding: 12px 14px;
        border-radius: 12px;
    }
}

@media (max-width: 480px) {
    .vw-navbar-container {
        width: calc(100% - 20px);
        gap: 10px;
    }

    .vw-navbar-mobile-controls {
        gap: 6px;
    }

    .vw-navbar-brand-name {
        max-width: 34vw;
    }

    .vw-navbar-centered-luxury .vw-navbar-brand-name {
        max-width: 32vw;
        font-size: 14px;
    }

    .vw-navbar-minimal-drawer .vw-navbar-toggle em {
        display: none;
    }
}