/**
 * OVERLAY FIX - Loaded last to override all other styles
 * This file completely disables all blocking overlays
 */

/* ============================================
   NUCLEAR: Disable ALL overlays with maximum specificity
   ============================================ */

/* Use html body prefix for maximum specificity */
html body .content-overlay,
html body .body-content-overlay,
html body .sidenav-overlay,
html body .drag-target,
html body .header-navbar-shadow,
html body .shop-content-overlay,
html body .content.app-content .content-overlay,
html body .content.app-content.show-overlay .content-overlay,
html body .content .body-content-overlay,
html body .content .body-content-overlay.show,
html body .app-content .content-overlay,
html body .app-content.show-overlay .content-overlay,
html body .horizontal-menu .content.show-overlay .content-overlay,
html body .ecommerce-application .body-content-overlay,
html body .ecommerce-application .body-content-overlay.show,
html body .ecommerce-application .shop-content-overlay,
html body .ecommerce-application .shop-content-overlay.show,
html body [class*="-overlay"]:not(.modal-backdrop):not(#welcome-overlay) {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    z-index: -99999 !important;
    width: 0 !important;
    height: 0 !important;
    position: fixed !important;
    top: -999999px !important;
    left: -999999px !important;
    background: transparent !important;
    background-color: transparent !important;
}

/* Prevent show-overlay from doing anything */
html body .app-content.show-overlay,
html body .content.show-overlay,
html body .content.app-content.show-overlay {
    overflow: visible !important;
}

/* ============================================
   MODAL: Ensure modals always work
   ============================================ */

.modal-backdrop {
    display: block !important;
    visibility: visible !important;
    opacity: 0.5 !important;
    pointer-events: auto !important;
    z-index: 999998 !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-color: #000 !important;
}

.modal-backdrop.fade {
    opacity: 0 !important;
}

.modal-backdrop.show {
    opacity: 0.5 !important;
    z-index: 999998 !important;
}

.modal {
    display: none;
    visibility: visible !important;
    pointer-events: auto !important;
    z-index: 999999 !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    outline: 0 !important;
}

.modal.show {
    display: block !important;
}

.modal-dialog {
    pointer-events: auto !important;
    position: relative !important;
    width: auto !important;
    margin: 1.75rem auto !important;
    z-index: 999999 !important;
}

.modal-content {
    pointer-events: auto !important;
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    background-color: #fff !important;
    background-clip: padding-box !important;
    border: none !important;
    border-radius: 16px !important;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.25) !important;
    outline: 0 !important;
    z-index: 999999 !important;
}

.modal-header {
    background-color: #fff !important;
}

.modal-body {
    background-color: #fff !important;
}

.modal-footer {
    background-color: #fff !important;
}

/* Ensure body doesn't get stuck */
body.modal-open {
    overflow: hidden !important;
    padding-right: 0 !important;
}