/* Global Modal Positioning Fix - Ensures all modals appear at top of viewport */

/* Fix for all modal overlays EXCEPT auction modals */
.contact-modal-overlay,
.modal-overlay:not(#auctionModalFixed):not(#successModal),
.confirm-overlay,
[class*="modal"][class*="overlay"]:not(#auctionModalFixed):not(#successModal) {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 999999 !important;
}

/* When modal is active, position content at top - EXCEPT auction modals */
.contact-modal-overlay.active,
.modal-overlay.active:not(#auctionModalFixed):not(#successModal),
.confirm-overlay.show,
[class*="modal"][class*="overlay"].active:not(#auctionModalFixed):not(#successModal),
[class*="modal"][class*="overlay"].show:not(#auctionModalFixed):not(#successModal) {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
    padding-top: 60px !important;
    overflow-y: auto !important;
}

/* Fix for all modal content boxes - EXCEPT auction modals */
.contact-modal,
.modal-content:not(#auctionModalFixed .modal-container):not(#successModal .modal-container),
.confirm-dialog,
[class*="modal"]:not([class*="overlay"]):not(#auctionModalFixed):not(#successModal):not(.modal-container) {
    position: relative !important;
    margin: 0 auto 60px auto !important;
    max-height: calc(100vh - 120px) !important;
    overflow-y: auto !important;
}

/* Mobile adjustments */
@media (max-width: 768px) {
    .contact-modal-overlay.active,
    .modal-overlay.active,
    .confirm-overlay.show,
    [class*="modal"][class*="overlay"].active,
    [class*="modal"][class*="overlay"].show {
        padding-top: 20px !important;
    }
    
    .contact-modal,
    .modal-content,
    .confirm-dialog,
    [class*="modal"]:not([class*="overlay"]) {
        margin: 0 auto 20px auto !important;
        max-height: calc(100vh - 40px) !important;
    }
}

/* Ensure body doesn't scroll when modal is open */
body.modal-open {
    overflow: hidden !important;
}