/* Ensure header stays above all other content */
.site-header {
    z-index: 10000 !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    background: white !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
    height: 80px !important;
    display: flex !important;
    align-items: center !important;
}

/* Extra-safe offsets for very small phones */
@media (max-width: 640px) {
    body {
        padding-top: 96px !important;
    }
}

/* Add padding to body to account for fixed header */
body {
    padding-top: 80px !important;
    margin: 0 !important;
    width: 100% !important;
    overflow-x: hidden !important;
}

/* Adjust banner positioning */
.countdown-banner {
    margin-top: -80px !important; /* Negative margin to account for fixed header */
    padding-top: 80px !important; /* Equal to header height */
    position: relative;
    z-index: 1;
}

/* Ensure content below banner is properly spaced */
.countdown-banner + section {
    position: relative;
    z-index: 2;
}

/* Fix for mobile view */
@media (max-width: 992px) {
    .countdown-banner {
        margin-top: 0 !important;
        /* Give a bit more room on mobile in case header/logo is taller */
        padding-top: 96px !important;
    }
    
    .main-nav {
        /* Ensure mobile nav opens below fixed header */
        top: 80px !important;
    }
    
    body.menu-open {
        overflow: hidden;
        position: fixed;
        width: 100%;
        height: 100%;
    }
}

/* Ensure header links are clickable */
.site-header a,
.site-header button,
.site-header .logo,
.site-header .nav-list,
.site-header .header-actions {
    position: relative !important;
    z-index: 10001 !important;
}

/* Ensure header container is properly aligned */
.header-container {
    max-width: 1400px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 2rem !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    height: 100% !important;
}

/* Fix for dropdown menus */
.services-dropdown,
.dropdown-menu {
    z-index: 10002 !important;
}