/* mod_willaarts_slider: full-width image slideshow (Bootstrap 5 carousel) */
.ww-slider {
	position: relative;
	width: 100%;
	overflow: hidden;
	aspect-ratio: var(--ww-slider-ratio, 1920 / 350);
	background-color: #ffffff;
}
.ww-slider .carousel-inner,
.ww-slider .carousel-item {
	height: 100%;
}
.ww-slider .carousel-item {
	transition: transform var(--ww-slider-speed, 1000ms) linear;
}
.ww-slider.carousel-fade .carousel-item {
	transition-property: opacity;
	transition-duration: var(--ww-slider-speed, 1000ms);
}
.ww-slider .ww-slider-img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	object-position: center;
}
.ww-slider .carousel-item a {
	display: block;
	height: 100%;
}

/* Bullets, as on the former JU Slideshow (modal theme) */
.ww-slider .carousel-indicators {
	bottom: 7px;
	margin: 0 5px;
	gap: 8px;
}
.ww-slider .carousel-indicators [data-bs-target] {
	box-sizing: content-box;
	flex: 0 0 auto;
	width: 16px;
	height: 16px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 50%;
	opacity: 1;
	text-indent: -999px;
	background: url("../images/bullet.png") no-repeat center 0 transparent;
	transition: none;
	cursor: pointer;
}
.ww-slider .carousel-indicators .active {
	background-position: center -16px;
}
.ww-slider .carousel-indicators [data-bs-target]:focus-visible {
	outline: 2px solid #e57d28;
	outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
	.ww-slider .carousel-item {
		transition: none;
	}
}