/* Interaction fixes layered after the RWD and Boutique styles. */
.bp-nav.skip-active,
.bp-search.skip-active,
.bp-account-panel.skip-active,
.bp-header .skip-link.skip-active {
    background: var(--bp-card);
    color: var(--bp-text);
}

.bp-nav-overlay,
.bp-nav-close { display: none; }

@media (max-width: 770px) {
    .bp-theme-toggle,
    .bp-header-actions .skip-account { display: inline-flex; }

    body.bp-nav-open { overflow: hidden; }
    .bp-nav-overlay {
        background: rgba(23, 17, 20, .62);
        border: 0;
        border-radius: 0;
        cursor: pointer;
        display: block;
        inset: 0;
        min-height: 100%;
        opacity: 0;
        padding: 0;
        pointer-events: none;
        position: fixed;
        transition: opacity .2s ease;
        width: 100%;
        z-index: 1001;
    }
    .bp-nav-overlay.is-active { opacity: 1; pointer-events: auto; }
    .bp-nav-close {
        align-items: center;
        background: var(--bp-soft);
        border: 0;
        border-radius: 50%;
        color: var(--bp-text);
        cursor: pointer;
        display: inline-flex;
        font-size: 1.8rem;
        height: 44px;
        justify-content: center;
        margin: 0 0 12px auto;
        min-height: 44px;
        padding: 0;
        width: 44px;
    }
}

@media (max-width: 420px) {
    .bp-header-actions .skip-account { display: inline-flex; }
    .bp-theme-toggle { display: inline-flex; }
    .bp-header-actions .bp-icon-link, .bp-theme-toggle { min-width: 38px; padding-inline: 3px; }
    .bp-minicart .skip-cart { min-width: 40px; }
    .bp-logo img { max-width: 100%; }
}