/* AXONLINE v4 - safe interaction styles */
@media (max-width: 991px) {
    .badshopping-cart-content.open .badshopping-cart-product-wrapper {
        opacity: 1 !important;
        visibility: visible !important;
        transform: translateY(0) !important;
        -webkit-transform: translateY(0) !important;
        pointer-events: auto !important;
    }

    .badshopping-cart-content {
        pointer-events: auto !important;
    }

    .badshopping-cart-btn-wrapper > a,
    .badmobile-menu-icon,
    .badheader-search-btn {
        cursor: pointer;
        -webkit-tap-highlight-color: transparent;
        touch-action: manipulation;
    }

    .badshopping-cart-product-wrapper {
        max-width: calc(100vw - 20px);
        box-sizing: border-box;
    }
}

@media (max-width: 575px) {
    .badshopping-cart-product-wrapper {
        width: calc(80vw - 20px) !important;
        right: -5px !important;
        left: auto !important;
        max-height: 75vh;
        overflow-y: auto;
    }

    .badshopping-cart-product-contet {
        max-height: 42vh;
    }
}

/* Search is allowed to receive pointer events and text input on ALL screens. */
#_desktop_search .badsearch-content-wrapper {
    z-index: 10020 !important;
}

#_desktop_search .badsearch-content-box-inner.open .badsearch-content-wrapper {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
}

#_desktop_search .badsearch-content-wrapper,
#_desktop_search .badsearch-content-wrapper .form,
#_desktop_search .badsearch-content-wrapper input[name="search"],
#_desktop_search .badsearch-content-wrapper button {
    pointer-events: auto !important;
}

#_desktop_search .badsearch-content-wrapper input[name="search"] {
    cursor: text !important;
    user-select: text !important;
    -webkit-user-select: text !important;
    opacity: 1 !important;
}

@media (max-width: 575px) {
    #_desktop_search .badsearch-content-wrapper {
        width: calc(100vw - 30px) !important;
        max-width: calc(100vw - 30px);
        right: -5px;
    }

    #_desktop_search .badsearch-content-wrapper .form {
        width: 100%;
    }
}