/**
 * Hero Responsive Carousel Styles
 * Ensures proper slide visibility handling for mobile/desktop
 */

/* Base styles for hero slides */
.hero-slide {
    display: block;
}

/* Hide mobile-specific slides on mobile - CSS backup */
@media (max-width: 991px) {
    .hero-slide--hide-mobile {
        display: none !important;
    }

    /* Also hide within owl carousel structure */
    .owl-carousel .owl-item .hero-slide--hide-mobile,
    .owl-carousel .hero-slide--hide-mobile {
        display: none !important;
    }

    .hero-slide--coverbg {
      background-size: cover;
      background-position: right !important;
    }
}

@media (max-width: 991px) {
    .hero-slide--coverbg::before {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      background: linear-gradient(to bottom, rgba(75,57,24,0.8), rgba(75,57,24,0));
    }
}

@media (min-width: 992px) {
    .hero-slide--coverbg::before {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      background: linear-gradient(to right, rgba(75,57,24,0.8), rgba(75,57,24,0));
    }
}

/* Show all slides on desktop */
@media (min-width: 992px) {
    .hero-slide--hide-mobile {
        display: block !important;
    }

    .owl-carousel .owl-item .hero-slide--hide-mobile,
    .owl-carousel .hero-slide--hide-mobile {
        display: block !important;
    }

    .hero-slide--coverbg {
      background-size: cover;
      background-position: center bottom !important;
    }
}

/* Ensure carousel structure is maintained */
.owl-carousel .owl-item {
    display: block;
}

/* Additional hiding for carousel items that should be hidden */
.owl-carousel .owl-item.owl-item-hidden {
    display: none !important;
}

/* Mobile responsive adjustments */
@media (max-width: 991px) {
    /* Ensure navigation is appropriate for mobile */
    .hero_slides .owl-nav {
        display: none;
    }

    .hero_slides .owl-dots {
        display: block;
        text-align: center;
        margin-top: 15px;
    }

    /* Hide carousel navigation if only one slide is visible */
    .hero_slides.single-slide .owl-dots {
        display: none;
    }
}

/* Desktop navigation adjustments */
@media (min-width: 992px) {
    .hero_slides .owl-nav {
        display: block;
    }

    /* Hide navigation if only one slide is visible */
    .hero_slides.single-slide .owl-nav {
        display: none;
    }

    .hero_slides.single-slide .owl-dots {
        display: none;
    }
}

/* Transition smoothing */
.hero-slide {
    transition: opacity 0.3s ease-in-out;
}

.hero-slide.hide {
    opacity: 0;
    pointer-events: none;
}