/* ========================================
   GLOBAL SCROLL FIX - Tour Itinerary Widget Plugin
   This file ensures the page can scroll properly
   ======================================== */

/* CRITICAL FIX: Ensure html and body always allow scrolling */
html {
    overflow-y: scroll !important;
    overflow-x: hidden !important;
    height: auto !important;
    scroll-behavior: smooth;
}

body {
    overflow-y: scroll !important;
    overflow-x: hidden !important;  
    height: auto !important;
    min-height: 100vh !important;
    position: relative !important;
}

/* Ensure Elementor doesn't block scroll */
body.elementor-page,
body.elementor-editor-active {
    overflow-y: scroll !important;
    position: relative !important;
    height: auto !important;
}

/* Fix hero slider wrapper specifically - CRITICAL */
.hero-slider-countdown-wrapper {
    overflow: visible !important;
    position: relative !important;
    /* Don't use fixed height, allow content to flow */
}

/* Keep background contained but allow page scroll */
.hero-background-slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Only hide overflow on the background */
    z-index: 1;
}

/* Ensure all Elementor sections allow scroll */
.elementor-section {
    overflow: visible !important;
}

.elementor-container {
    overflow: visible !important;
}

.elementor-widget-wrap {
    overflow: visible !important;
}

/* Fix for full-height sections */
.elementor-section.elementor-section-height-full,
.elementor-section.elementor-section-height-min-height {
    overflow: visible !important;
    position: relative !important;
}

/* Ensure the widget wrapper allows scroll */
.elementor-widget-hero-slider-countdown {
    overflow: visible !important;
    height: auto !important;
}

/* Elementor inner sections */
.elementor-inner-section {
    overflow: visible !important;
}

/* Remove any position fixed that blocks scroll */
body.elementor-page,
body.elementor-editor-active,
body.admin-bar {
    position: relative !important;
}

/* Mobile fixes */
@media (max-width: 768px) {
    html, body {
        overflow-y: scroll !important;
        -webkit-overflow-scrolling: touch;
        height: auto !important;
    }
    
    .hero-slider-countdown-wrapper {
        overflow: visible !important;
        height: auto !important;
        min-height: 100vh !important;
    }
}

/* Tablet fixes */
@media (max-width: 1024px) {
    html, body {
        overflow-y: scroll !important;
    }
}