/* Banner segment — loaded only when {{{banner|…}}} is on the page. */

.banner-carousel {
	width: 100%;
}

.banner-carousel .banner-body {
	display: block;
	position: relative;
	color: inherit;
	text-decoration: none;
}

.banner-carousel picture,
.banner-carousel img,
.banner-carousel video {
	display: block;
	width: 100%;
	height: auto;
}

/* Autoplay loops — no UI chrome; clicks go to the banner link. */
.banner-carousel video {
	pointer-events: none;
	object-fit: cover;
}

.banner-carousel .banner-content {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 1rem 1.25rem;
	/* Let empty content area pass clicks through to a parent slide link;
	   re-enable on real links/buttons inside the content. */
	pointer-events: none;
}

.banner-carousel .banner-content a,
.banner-carousel .banner-content button {
	pointer-events: auto;
	position: relative;
	z-index: 1;
}

/* Peek: next slide partially visible on the right */
.banner-carousel.slider-has-peek .slider-viewport {
	overflow: hidden;
}

.banner-carousel.slider-has-peek .slider-slide {
	box-sizing: border-box;
	padding-right: 0.5rem;
}