/**
 * Responsive media widgets for Creative Elements and Warehouse
 *
 * @author    Ecom Experts <ecomyseo@gmail.com>
 * @copyright 2026 Ecom Experts
 * @license   https://www.gnu.org/licenses/gpl-3.0.html GPL-3.0
 */
.ecom-iqit-responsive-carousel .swiper-slide-image {
  display: block;
  width: 100%;
  height: auto;
}

.ecom-iqit-responsive-carousel:not(.swiper-initialized) .swiper-wrapper {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
}

.ecom-iqit-responsive-carousel:not(.swiper-initialized) .swiper-slide {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.ecom-video-wrapper,
.ecom-video-wrapper .ecomv,
.ecom-video-wrapper .ecom-video-frame {
  width: 100%;
}

.ecom-video-wrapper .ecomv {
  display: none;
}

.ecom-video-wrapper .ecomv-desktop,
.ecom-video-wrapper.ecom-video-enhanced .ecomv.is-active {
  display: block;
}

.ecom-video-wrapper.ecom-video-enhanced .ecomv-desktop:not(.is-active) {
  display: none;
}

.ecom-video-wrapper .ecom-video-frame {
  position: relative;
}

.ecom-video-wrapper .ecom-video-frame iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.ecom-video-wrapper video {
  display: block;
  width: 100%;
  height: auto;
}