/**
 * Overlay / popup visibility fixes.
 * Legacy theme CSS (.quick-view-popup) used visibility:hidden only, so content
 * still affected layout on some pages. These rules use display:none !important.
 */

#quickViewPopup:not(.is-open),
#vh-chat-panel:not(.is-open),
#checkout-error-modal:not(.is-open) {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

#quickViewPopup.is-open {
    display: flex !important;
    visibility: visible !important;
    pointer-events: auto !important;
    position: fixed !important;
    inset: 0 !important;
    z-index: 999999 !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 1.25rem !important;
    width: auto !important;
    max-width: none !important;
    max-height: none !important;
    overflow: auto !important;
    transform: none !important;
    opacity: 1 !important;
    background: rgba(0, 0, 0, 0.45) !important;
    box-shadow: none !important;
}

#quickViewPopup.is-open > div {
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    max-width: 64rem;
    width: 100%;
}

#vh-chat-panel.is-open {
    display: block !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

#checkout-error-modal.is-open {
    display: flex !important;
    visibility: visible !important;
    pointer-events: auto !important;
    align-items: center !important;
    justify-content: center !important;
}