/* 
   Fix for overlapping "Plan Your Next Adventure" search form and service tabs
*/

/* Hero section - ensure enough space at bottom */
.hero {
    padding-bottom: 120px !important; /* Increase bottom padding */
    margin-bottom: 0 !important;
}

/* Search form - ensure it stays on top and has proper spacing */
.search-form {
    position: relative;
    z-index: 100 !important; /* High z-index to stay above everything */
    margin-bottom: 4rem !important; /* Add significant bottom margin */
    background: var(--white) !important;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25) !important;
}

/* Service tabs section - ensure it doesn't overlap */
.service-tabs-section {
    margin-top: 3rem !important; /* Add top margin */
    padding-top: 3rem !important; /* Add top padding */
    position: relative;
    z-index: 1 !important; /* Lower z-index than search form */
    clear: both; /* Clear any floats */
}

/* Autocomplete suggestions - ensure they appear above service tabs */
.autocomplete-suggestions {
    z-index: 1000 !important;
}

/* Mobile responsive fixes */
@media screen and (max-width: 768px) {
    .hero {
        padding-bottom: 100px !important;
        min-height: auto !important;
    }
    
    .search-form {
        margin-bottom: 3rem !important;
        z-index: 100 !important;
    }
    
    .service-tabs-section {
        margin-top: 2rem !important;
        padding-top: 2rem !important;
    }
    
    /* Hide IATA overlay completely on mobile */
    .iata-left-overlay {
        display: none !important;
    }
    
    /* Ensure certifications show in header */
    .certification-logos {
        display: flex !important;
    }
}

@media screen and (max-width: 576px) {
    .hero {
        padding-bottom: 80px !important;
    }
    
    .search-form {
        margin-bottom: 2.5rem !important;
    }
    
    .service-tabs-section {
        margin-top: 1.5rem !important;
        padding-top: 1.5rem !important;
    }
}

/* Ensure proper stacking context */
.hero-content {
    position: relative;
    z-index: 10;
}

.hero-overlay {
    z-index: 1;
}

.hero-video {
    z-index: 0;
}

/* Additional spacing for sections after hero */
section:not(.hero) {
    position: relative;
    z-index: 1;
}

/* Fix for any potential white space issues */
body {
    overflow-x: hidden;
}

.container {
    position: relative;
}