/* ==========================================================================
   Tectera — custom overrides
   Loaded AFTER bootstrap + splide, so no !important should be needed.
   ========================================================================== */

/* --- Hero slider (see template-parts/slider.php) --- */
.splide-hero {
	margin-bottom: 0;
}

.splide-hero .splide__slide {
	position: relative;
}

.splide-hero .splide__slide img {
	width: 100%;
	object-fit: cover;
	aspect-ratio: 16 / 7;
}

.splide-hero .slide-caption {
	position: absolute;
	bottom: 2rem;
	left: 2rem;
	color: #fff;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
}

/* --- Basic content spacing (Bootstrap utilities cover most of this,
   these are just the WP-specific bits Bootstrap doesn't know about) --- */
.entry-content > * + * {
	margin-top: 1rem;
}

.wp-caption,
.alignwide,
.alignfull {
	max-width: 100%;
}

/* --- Video popup button (Modal Video) --- */
.js-tectera-video {
	cursor: pointer;
}

/* WP admin bar offset so the popup overlay isn't clipped */
.modal-video {
	z-index: 100000;
}

/* --- Generic Splide slider ([tectera_slider]) --- */
.tectera-slider .splide__slide img {
	width: 100%;
	height: auto;
	display: block;
}