/**
 * Client logos + testimonial sliders - mobile visibility and fallbacks.
 */

@media (max-width: 767px) {
  /* Keep carousel motion inside its box - avoid page-level horizontal drift */
  .dee-pearls-page-content section.elementor-element-3bd0c68,
  .dee-pearls-page-content section.elementor-element-dfe8ff6,
  .dee-pearls-page-content section.elementor-element-7899bad,
  .dee-pearls-page-content .elementor-element-083cf14,
  .dee-pearls-page-content .elementor-element-0527c4d {
    overflow-x: clip !important;
  }

  /* Client logo carousel */
  .dee-pearls-page-content .elementor-element-2667f23 .elementor-image-carousel-wrapper {
    height: auto !important;
    min-height: 72px;
    overflow: hidden;
  }

  .dee-pearls-page-content .elementor-element-2667f23 .elementor-image-carousel-wrapper:not(.swiper-initialized) .swiper-wrapper {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px;
    transform: none !important;
  }

  .dee-pearls-page-content .elementor-element-2667f23 .elementor-image-carousel-wrapper:not(.swiper-initialized) .swiper-slide {
    flex: 0 0 calc(50% - 8px);
    max-width: calc(50% - 8px) !important;
    width: calc(50% - 8px) !important;
    transform: none !important;
  }

  /* Testimonial slider - one slide + dots on mobile */
  .dee-pearls-page-content .elementskit-testimonial-slider .ekit-main-swiper {
    min-height: 280px;
    overflow: hidden;
  }

  .dee-pearls-page-content .elementskit-testimonial-slider .swiper-slide {
    width: 100% !important;
    max-width: 100% !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .dee-pearls-page-content .elementskit-testimonial-slider .elementskit-commentor-content {
    min-height: 0 !important;
  }

  .dee-pearls-page-content .elementskit-testimonial-slider .dee-testimonial-pagination {
    position: relative;
    margin-top: 18px;
  }

  .dee-pearls-page-content .elementskit-testimonial-slider .dee-testimonial-pagination .swiper-pagination-bullet {
    background: rgba(255, 255, 255, 0.45);
    opacity: 1;
  }

  .dee-pearls-page-content .elementskit-testimonial-slider .dee-testimonial-pagination .swiper-pagination-bullet-active {
    background: #fff;
  }

  .dee-pearls-page-content .elementskit-testimonial-slider .ekit-main-swiper:not(.swiper-initialized) .swiper-wrapper {
    display: flex !important;
    transform: none !important;
  }

  .dee-pearls-page-content .elementskit-testimonial-slider .ekit-main-swiper:not(.swiper-initialized) .swiper-slide {
    flex: 0 0 100%;
    max-width: 100% !important;
    width: 100% !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }

  .dee-pearls-page-content .elementskit-testimonial-slider .ekit-main-swiper:not(.swiper-initialized) .swiper-slide:not(:first-child) {
    display: none;
  }

  /* Fade effect: keep active slide visible after init */
  .dee-pearls-page-content .elementskit-testimonial-slider .ekit-main-swiper.swiper-initialized .swiper-slide-active,
  .dee-pearls-page-content .elementskit-testimonial-slider .ekit-main-swiper.swiper-initialized .swiper-slide-active .elementskit-single-testimonial-slider {
    opacity: 1 !important;
    visibility: visible !important;
  }

  /* Testimonial nav - restore tap targets hidden by export CSS (width: 0) */
  .dee-pearls-page-content .elementor-element-6e7e239 .elementskit-testimonial-slider .swiper-button-prev,
  .dee-pearls-page-content .elementor-element-6e7e239 .elementskit-testimonial-slider .swiper-button-next,
  .dee-pearls-page-content .elementor-element-db2bead .elementskit-testimonial-slider .swiper-button-prev,
  .dee-pearls-page-content .elementor-element-db2bead .elementskit-testimonial-slider .swiper-button-next,
  .dee-pearls-page-content .elementor-element-6e7e239 .elementskit-testimonial-slider .swiper-navigation-button,
  .dee-pearls-page-content .elementor-element-db2bead .elementskit-testimonial-slider .swiper-navigation-button {
    width: 36px !important;
    height: 36px !important;
    transform: none !important;
    -webkit-transform: none !important;
  }

  .dee-pearls-page-content .elementor-element-6e7e239 .elementskit-testimonial-slider .swiper-button-prev,
  .dee-pearls-page-content .elementor-element-db2bead .elementskit-testimonial-slider .swiper-button-prev {
    left: 0 !important;
  }

  .dee-pearls-page-content .elementor-element-6e7e239 .elementskit-testimonial-slider .swiper-button-next,
  .dee-pearls-page-content .elementor-element-db2bead .elementskit-testimonial-slider .swiper-button-next {
    right: 0 !important;
  }
}
