/* Mobile navbar fixes */
@media (max-width: 991.98px) {
    .sticky-top.navbar-light,
    .navbar-light {
        position: fixed !important;
        width: 100%;
        top: 0;
        left: 0;
        background: rgba(255, 255, 255, 0.95);
        z-index: 1050;
        box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
    }

    /* Add padding to prevent content from going under fixed navbar */
    body {
        padding-top: 76px;
    }

    .navbar-light .navbar-collapse {
        margin-top: 15px;
        border-top: 1px solid #DDDDDD;
        background: rgba(255, 255, 255, 0.95);
    }
}

/* Hero header and video fixes */
.hero-header {
    position: relative;
    overflow: hidden;
    min-height: 85vh;
    /* Use welcome image as fallback until video loads */
    background-image: url('../img/welcome.jpeg') !important;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.hero-header .hero-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    z-index: 0;
    /* Initially hide video until it's ready to play */
    visibility: hidden;
    background: transparent !important;
    max-width: none !important;
}

/* Ensure video is visible when ready */
.hero-header .hero-video.ready {
    visibility: visible;
}

/* Responsive adjustment */
@media (max-width: 991.98px) {
    .hero-header {
        min-height: 55vh;
    }
}