/* Custom CSS Overrides */

.text-muted {
    color: #6c757d !important;
}

/* Disable preloader loading overlay */
.preloader {
    display: none !important;
}

/* Video background overlay - ensures dark overlay appears over video backgrounds */
.swiper-slide video {
    filter: brightness(0.7); /* Darken video by 30% */
}

/* Override bg-overlay-dark-2 to use 0.4 opacity for consistency */
.bg-overlay-dark-2:before {
    background: rgba(0, 0, 0, 0.4) !important;
}

/* Alternative: Add additional overlay for video backgrounds */
.swiper-slide.bg-overlay-dark-2:has(video)::before {
    background: rgba(0, 0, 0, 0.4) !important; /* Darker overlay for video backgrounds */
    z-index: 0 !important; /* Place above video but below content */
}

/* Responsive height class for 500px hero banners */
.height-500-responsive {
    height: 500px;
}

@media only screen and (max-width: 991px) {
    .height-500-responsive {
        height: 350px;
    }
}

@media only screen and (max-width: 767px) {
    .height-500-responsive {
        height: 300px;
    }
}

/* Responsive height class for 600px hero banners */
.height-600-responsive {
    height: 600px;
}

@media only screen and (max-width: 991px) {
    .height-600-responsive {
        height: 425px;
    }
}

@media only screen and (max-width: 767px) {
    .height-600-responsive {
        height: 350px;
    }
}

/* Reduce section padding by half for tighter layout */
section {
    padding-top: 2.5rem !important;  /* Was 5rem - now half */
    padding-bottom: 1.9rem !important;  /* Was 3.8rem - now half */
}

@media (max-width: 991.98px) {
    section {
        padding-top: 2rem !important;  /* Was 4rem - now half */
        padding-bottom: 1.5rem !important;  /* Was 3rem - now half */
    }
}