/* Hero Slider Custom Styles */
.mojeketab-hero-slider {
  position: relative;
}

.mojeketab-hero-slider .swiper-slide {
  display: flex;
  align-items: center;
}

@media (max-width: 640px) {
  .mojeketab-hero-slider {
    margin-top: 0 !important;
  }
}

@media (max-width: 768px) {
  .mojeketab-hero-slider {
    margin-top: 80px;
  }

  .hero-slide-content {
    height: 250px !important;
  }

  .hero-slide-title {
    font-size: 1.5rem !important;
  }

  .hero-slide-subtitle {
    font-size: 1rem !important;
  }
}

/* Elementor Editor Fixes for Swiper Widgets */



/* Hide swiper navigation in editor for book widgets only */
.elementor-editor-active .swiper-books .swiper-button-next,
.elementor-editor-active .swiper-books .swiper-button-prev,
.elementor-editor-active .swiper-books .swiper-pagination,
.elementor-editor-active .swiper-books-v2 .swiper-button-next,
.elementor-editor-active .swiper-books-v2 .swiper-button-prev,
.elementor-editor-active .swiper-books-v2 .swiper-pagination {
  display: none !important;
}

/* Ensure proper scrolling in editor for book widgets */
.elementor-editor-active .swiper-container:not([class*="hero-swiper"]),
.elementor-editor-active .swiper:not([class*="hero-swiper"]) {
  overflow: visible !important;
}

/* Mobile responsive in editor */
@media (max-width: 768px) {
  .elementor-editor-active
    .swiper-container:not([class*="hero-swiper"])
    .swiper-slide,
  .elementor-editor-active .swiper:not([class*="hero-swiper"]) .swiper-slide {
    width: 180px !important;
    min-width: 180px !important;
  }
}