/* Slider and Language Selector Fix */

/* Fix z-index conflicts between carousel and language dropdown */
.carousel {
  z-index: 1;
}

.carousel-inner {
  z-index: 1;
}

.carousel-indicators {
  z-index: 2;
}

.carousel-control-prev,
.carousel-control-next {
  z-index: 2;
}

/* Ensure header stays above carousel */
.header_section {
  position: relative;
  z-index: 1000;
}

/* Language selector must be above everything */
.language-selector {
  z-index: 10000;
  position: relative;
}

.language-dropdown {
  z-index: 10001 !important;
  position: absolute !important;
}

/* Fix for Bootstrap carousel affecting clicks */
.hero_area {
  position: relative;
}

.hero_area .header_section {
  position: relative;
  z-index: 1001;
}

/* Prevent carousel from capturing language selector events */
.language-selector,
.language-btn,
.language-dropdown,
.language-option {
  pointer-events: auto !important;
  position: relative;
}

/* Mobile specific fixes */
@media (max-width: 992px) {
  .navbar-collapse {
    z-index: 10002;
    position: relative;
  }
  
  .language-dropdown {
    z-index: 10003 !important;
  }
  
  /* Ensure language selector is clickable on mobile */
  .navbar-collapse .language-selector {
    z-index: 10004;
  }
}

/* Override any carousel interference */
.carousel-item,
.carousel-inner {
  pointer-events: none;
}

.carousel-item * {
  pointer-events: auto;
}

/* Ensure language dropdown appears above slider controls */
.language-dropdown.show {
  z-index: 10005 !important;
  display: block !important;
}

/* Fix for any owl carousel conflicts */
.owl-carousel {
  z-index: 1;
}

.owl-nav {
  z-index: 2;
}

.owl-dots {
  z-index: 2;
}