/* Cart Modal Priority CSS - Ensures cart modal stays on top of everything */

/* Force cart modal to highest z-index */
#cart-modal {
    z-index: 9999 !important;
    position: fixed !important;
}

#cart-modal #cart-bg {
    z-index: 9998 !important;
}

#cart-modal #cart-panel {
    z-index: 10000 !important;
}

/* Checkout modal should be above cart modal */
#checkout-modal {
    z-index: 10001 !important;
}

/* Clear cart modal should be above checkout */
#confirm-clear-modal {
    z-index: 10003 !important;
}

/* Loading modal should be above everything */
#global-loading-modal {
    z-index: 10005 !important;
}

/* Ensure any dropdowns or tooltips don't interfere */
.z-50, .z-60, .z-70, .z-80, .z-90, .z-100 {
    z-index: 100 !important;
}

/* Exception for cart-related modals - maintain high z-index */
#cart-modal,
#checkout-modal,
#confirm-clear-modal,
#global-loading-modal {
    position: fixed !important;
}

/* Override any conflicting z-index from other components */
.dropdown-menu,
.tooltip,
.popover,
.select-dropdown {
    z-index: 200 !important;
}

/* But cart modals should still be higher */
.cart-modal-family {
    z-index: 9999 !important;
}