/*
 * Banoks online ordering stylesheet manifest.
 * Purpose-specific CSS lives in public/css/online-ordering/.
 * Keep this import order because later files intentionally override earlier rules.
 */
@import url("online-ordering/00-preloader-skeleton.css");
@import url("online-ordering/shortcodes/shared.css");
@import url("online-ordering/shortcodes/customer-auth.css");
@import url("online-ordering/shortcodes/customer-login-button.css");
@import url("online-ordering/shortcodes/customer-address.css");
@import url("online-ordering/shortcodes/theme-header.css");
@import url("online-ordering/shortcodes/online-menu.css");
@import url("online-ordering/shortcodes/cart.css");
@import url("online-ordering/shortcodes/cart-button.css");
@import url("online-ordering/shortcodes/view-cart-button.css");
@import url("online-ordering/shortcodes/my-orders.css");
@import url("online-ordering/shortcodes/me.css");
@import url("online-ordering/shortcodes/driver-tracking.css");
@import url("online-ordering/shortcodes/theme-footer.css");
@import url("online-ordering/shortcodes/privacy-cookie.css");

/*
 * Final modal overrides live in the enqueued manifest, not only the imported
 * partial, because browsers may cache @import targets independently.
 */
.banoks-cart-modal .banoks-cart-addon-option,
.banoks-cart-modal .banoks-cart-addon-option:hover,
.banoks-cart-modal .banoks-cart-addon-option:focus,
.banoks-cart-modal .banoks-cart-addon-option:focus-visible,
.banoks-cart-modal .banoks-cart-addon-option:focus-within,
.banoks-cart-modal .banoks-cart-addon-option:active {
    background: #f9fafb !important;
    background-color: #f9fafb !important;
    border-color: transparent !important;
    box-shadow: none !important;
    color: inherit !important;
    outline: 0 !important;
    -webkit-tap-highlight-color: transparent !important;
}

.banoks-cart-modal .banoks-cart-addon-option.is-selected,
.banoks-cart-modal .banoks-cart-addon-option.is-selected:hover,
.banoks-cart-modal .banoks-cart-addon-option.is-selected:focus,
.banoks-cart-modal .banoks-cart-addon-option.is-selected:focus-visible,
.banoks-cart-modal .banoks-cart-addon-option.is-selected:focus-within,
.banoks-cart-modal .banoks-cart-addon-option.is-selected:active {
    background: #fff7f7 !important;
    background-color: #fff7f7 !important;
    border-color: rgba(239, 16, 16, 0.24) !important;
    box-shadow: 0 10px 28px rgba(239, 16, 16, 0.08) !important;
}

.banoks-cart-modal .banoks-cart-addon-option *,
.banoks-cart-modal .banoks-cart-addon-option *:hover,
.banoks-cart-modal .banoks-cart-addon-option *:focus,
.banoks-cart-modal .banoks-cart-addon-option *:active {
    -webkit-tap-highlight-color: transparent !important;
}

.banoks-cart-modal .banoks-cart-addon-qty-btn,
.banoks-cart-modal .banoks-cart-addon-qty-btn:hover,
.banoks-cart-modal .banoks-cart-addon-qty-btn:focus,
.banoks-cart-modal .banoks-cart-addon-qty-btn:focus-visible,
.banoks-cart-modal .banoks-cart-addon-qty-btn:active {
    appearance: none !important;
    -webkit-appearance: none !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
    color: #21201e !important;
    outline: 0 !important;
    text-decoration: none !important;
    transform: none !important;
}

.banoks-cart-modal .banoks-cart-addon-check,
.banoks-cart-modal .banoks-cart-addon-check:hover,
.banoks-cart-modal .banoks-cart-addon-check:focus,
.banoks-cart-modal .banoks-cart-addon-check:active {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
}

.banoks-cart-modal .banoks-cart-confirm-btn {
    appearance: none !important;
    -webkit-appearance: none !important;
    background: #ef1010 !important;
    background-color: #ef1010 !important;
    background-image: none !important;
    border-color: #ef1010 !important;
    box-shadow: none !important;
    color: #ffffff !important;
    outline: 0 !important;
    text-decoration: none !important;
    transform: none !important;
}

.banoks-cart-modal .banoks-cart-confirm-btn:hover,
.banoks-cart-modal .banoks-cart-confirm-btn:focus,
.banoks-cart-modal .banoks-cart-confirm-btn:focus-visible,
.banoks-cart-modal .banoks-cart-confirm-btn:active {
    background: #ef1010 !important;
    background-color: #ef1010 !important;
    background-image: none !important;
    border-color: #ef1010 !important;
    box-shadow: 0 0 0 3px rgba(239, 16, 16, 0.25) !important;
    color: #ffffff !important;
    outline: 0 !important;
    text-decoration: none !important;
    transform: none !important;
}

.banoks-cart-modal .banoks-cart-step-back {
    appearance: none !important;
    -webkit-appearance: none !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    border-color: #e5e7eb !important;
    box-shadow: none !important;
    color: #111827 !important;
    outline: 0 !important;
    text-decoration: none !important;
    transform: none !important;
}

.banoks-cart-modal .banoks-cart-step-back:hover,
.banoks-cart-modal .banoks-cart-step-back:focus,
.banoks-cart-modal .banoks-cart-step-back:focus-visible,
.banoks-cart-modal .banoks-cart-step-back:active {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    border-color: rgba(239, 16, 16, 0.28) !important;
    box-shadow: 0 0 0 3px rgba(239, 16, 16, 0.12) !important;
    color: #ef1010 !important;
    outline: 0 !important;
    text-decoration: none !important;
    transform: none !important;
}