/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.108.4/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.19_webpack@5.108.4/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/.pnpm/sass-loader@16.0.8_sass@1.101.0_webpack@5.108.4/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./widgets/shared/swiper-carousel-style.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Navigation & Pagination styling shared by any widget using the
 * GWS_Elementor_Swiper_Carousel_Trait (currently the Slider and Products
 * widgets). Genuinely new CSS — the original Swiper markup had no custom
 * arrow/pagination styling at all, it relied entirely on Swiper's own
 * unstyled defaults. Consumes CSS custom properties set by
 * register_carousel_nav_style_controls() in
 * trait-gws-elementor-swiper-carousel.php.
 *
 * Arrows/pagination are already `position: absolute` (arrows also
 * vertically centered) via Elementor core's own base Swiper CSS — this
 * file only adds color/size/spacing/offset on top, following the same
 * "inside"/"outside" prefix-class toggle pattern Elementor Pro's own
 * Nested Carousel widget uses (base-carousel-trait.php).
 */
.gws-hero--editing-mode .gws-carousel-arrow,
.gws-hero--editing-mode .gws-carousel-pagination {
  display: none;
}

.swiper[data-gws-carousel-continuous-scroll="1"] .swiper-wrapper {
  transition-timing-function: linear !important;
}

.gws-carousel-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: var(--gws-carousel-arrow-size, 24px);
  color: var(--gws-carousel-arrow-color, #fff);
  z-index: 2;
}

.gws-carousel-arrow:hover {
  color: var(--gws-carousel-arrow-hover-color, var(--gws-carousel-arrow-color, #fff));
}

.gws-carousel-arrow-prev {
  left: var(--gws-carousel-arrow-offset, 10px);
}

.gws-carousel-arrow-next {
  right: var(--gws-carousel-arrow-offset, 10px);
}

.gws-carousel-arrows-position-outside .swiper {
  width: calc(100% - 2 * (var(--gws-carousel-arrow-size, 24px) + 20px));
}

.gws-carousel-arrows-position-outside .gws-carousel-arrow-prev {
  left: calc(-1 * (var(--gws-carousel-arrow-size, 24px) + var(--gws-carousel-arrow-offset, 10px)));
}

.gws-carousel-arrows-position-outside .gws-carousel-arrow-next {
  right: calc(-1 * (var(--gws-carousel-arrow-size, 24px) + var(--gws-carousel-arrow-offset, 10px)));
}

.gws-carousel-pagination.swiper-pagination-bullets {
  bottom: var(--gws-carousel-pagination-offset, 5px);
}

.gws-carousel-pagination .swiper-pagination-bullet {
  width: var(--gws-carousel-dot-size, 8px);
  height: var(--gws-carousel-dot-size, 8px);
  margin: 0 calc(var(--gws-carousel-dot-spacing, 4px) / 2);
  background: var(--gws-carousel-dot-color, #fff);
  opacity: 1;
}

.gws-carousel-pagination .swiper-pagination-bullet-active {
  background: var(--gws-carousel-dot-active-color, var(--gws-carousel-dot-color, #fff));
}

.gws-carousel-pagination-position-outside .swiper {
  padding-bottom: 30px;
}

/*# sourceMappingURL=swiper-carousel-style.css.map*/