/**
 * Custom Styles for Mar Thoma Website
 * Fix: Popup menu (ID 1307) scrolling on mobile/tablet
 */

/* Ensure the popup dialog message is scrollable on all screens */
#elementor-popup-modal-1307 .dialog-widget-content {
    max-height: 100vh;
    max-height: 100dvh;
    display: flex;
    flex-direction: column;
}

#elementor-popup-modal-1307 .dialog-message {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    max-height: 100vh;
    max-height: 100dvh;
    overscroll-behavior: contain;
}

/* Mobile-specific fixes (767px and below) */
@media (max-width: 767px) {
    #elementor-popup-modal-1307 .dialog-widget-content {
        height: 100vh;
        height: 100dvh;
        max-height: 100vh;
        max-height: 100dvh;
    }

    #elementor-popup-modal-1307 .dialog-message {
        height: 100%;
        max-height: 100vh;
        max-height: 100dvh;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    /* Prevent inner containers from blocking scroll */
    #elementor-popup-modal-1307 .elementor-1307 {
        height: auto;
        min-height: 0;
    }
}

/* Tablet fix (768px to 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
    #elementor-popup-modal-1307 .dialog-widget-content {
        height: 100vh;
        height: 100dvh;
        max-height: 100vh;
        max-height: 100dvh;
    }

    #elementor-popup-modal-1307 .dialog-message {
        height: 100%;
        max-height: 100vh;
        max-height: 100dvh;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
}