/* ============================================
   NAVBAR Z-INDEX FIX FOR MAP OVERLAP
   Add this to your custom.css or create a separate override file
   ============================================ */

/* Ensure header stays above all content when sticky */
header.main-header {
    position: relative;
    z-index: 1000 !important; /* Increased from 100 to 1000 */
}

    header.main-header .header-sticky {
        position: relative;
        top: 0;
        z-index: 1000 !important; /* Increased from 100 to 1000 */
    }

        header.main-header .header-sticky.active {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 1000 !important; /* Ensure sticky header is always on top */
            border-radius: 0;
            transform: translateY(0);
            background: var(--white-color);
            border-bottom: 1px solid var(--divider-color);
        }

/* Ensure map section stays below header */
.google-map {
    position: relative;
    z-index: 1 !important; /* Explicitly set lower z-index */
}

    .google-map iframe {
        position: relative;
        z-index: 1 !important; /* Ensure iframe stays below header */
    }

/* Google reCAPTCHA badge should also respect z-index */
.grecaptcha-badge {
    z-index: 999 !important; /* Below header but above most content */
}

/* Additional: Ensure contact section doesn't interfere */
.contact-us,
.page-contact-us {
    position: relative;
    z-index: 1;
}

/* ============================================
   END NAVBAR FIX
   ============================================ */