/* GWA Slider — generic, theme-neutral styling. Override the custom
   properties from your own theme CSS to match a brand palette. */

.gwa-slider {
	--gwa-arrow-color: #1a1a1a;
	--gwa-arrow-bg: #ffffff;
	--gwa-arrow-border: #e2e2e5;
	--gwa-dot-color: #d5d5d9;
	--gwa-dot-active: #e2231a;
	--gwa-arrow-gutter: 50px;
	position: relative;
	width: 100%;
}

/* Reserve a gutter outside the swiper track for the arrows, so they sit
   clear of the slide images instead of overlapping them. Only applied
   when arrow elements actually exist (arrows="no" renders none) and
   only above 768px (arrows are hidden below that anyway). */
@media (min-width: 768px) {
	.gwa-slider:has(.swiper-button-prev) {
		padding: 0 var(--gwa-arrow-gutter);
	}
}

.gwa-slider .swiper {
	width: 100%;
	overflow: hidden;
	padding-bottom: 6px;
}

.gwa-slider .swiper-wrapper {
	align-items: stretch;
}

.gwa-slider .swiper-slide {
	height: auto;
	aspect-ratio: 4 / 3;
	overflow: hidden;
}

.gwa-slider .gwa-slide-image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.gwa-slider .swiper-button-prev,
.gwa-slider .swiper-button-next {
	position: absolute;
	top: 50%;
	width: 38px;
	height: 38px;
	margin-top: -19px;
	background: var(--gwa-arrow-bg);
	border: 1px solid var(--gwa-arrow-border);
	border-radius: 50%;
	color: var(--gwa-arrow-color);
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

/* Sit in the reserved gutter, outside the swiper track/images. */
.gwa-slider .swiper-button-prev {
	left: 6px;
	right: auto;
}

.gwa-slider .swiper-button-next {
	right: 6px;
	left: auto;
}

.gwa-slider .swiper-button-prev::after,
.gwa-slider .swiper-button-next::after {
	font-size: 14px;
	font-weight: 700;
}

.gwa-slider .swiper-button-prev.swiper-button-disabled,
.gwa-slider .swiper-button-next.swiper-button-disabled {
	opacity: 0.35;
}

.gwa-slider .swiper-pagination {
	position: static;
	margin-top: 16px;
}

.gwa-slider .swiper-pagination-bullet {
	background: var(--gwa-dot-color);
	opacity: 1;
	width: 8px;
	height: 8px;
}

.gwa-slider .swiper-pagination-bullet-active {
	background: var(--gwa-dot-active);
}

@media (max-width: 767px) {
	.gwa-slider .swiper-button-prev,
	.gwa-slider .swiper-button-next {
		display: none;
	}
}