/* Shared Swiper styles — generic rules for every theme-rendered Swiper, scoped to
 * .le-swiper so they never collide with stray .swiper elements from other plugins.
 * Loaded on the front end (enqueue) and editor (add_editor_style). */

/* Navigation arrows — theme primary token */
.le-swiper .swiper-button-next,
.le-swiper .swiper-button-prev {
	color: var( --wp--preset--color--primary );
}

/* Pagination — theme primary token */
.le-swiper .swiper-pagination-bullet-active {
	background: var( --wp--preset--color--primary );
}

.le-swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: var( --wp--preset--color--primary );
}

/* Swiper pins the horizontal progressbar to top:0 (unlike bullets/fraction at bottom);
 * move it down to match. Three classes outrank Swiper's own two-class rule. */
.le-swiper .swiper-pagination-progressbar.swiper-pagination-horizontal {
	top: auto;
	bottom: 0;
}

/* 3D effects need visible overflow on the container */
.le-swiper.swiper-cube,
.le-swiper.swiper-flip,
.le-swiper.swiper-cards {
	overflow: visible !important;
}

/* Breathing room below the swiper when pagination dots/bar is visible */
.le-swiper:has( .swiper-pagination ) {
	padding-bottom: 2.5rem;
}

/* Thumbnail navigator (.le-swiper-thumbs added at runtime). Swiper toggles
 * .swiper-slide-thumb-active on the active slide; dim the rest. */
.le-swiper-thumbs .swiper-slide {
	cursor: pointer;
	opacity: 0.4;
	transition: opacity 0.2s ease;
}

.le-swiper-thumbs .swiper-slide.swiper-slide-thumb-active {
	opacity: 1;
}