/**
 * Featured Image Title Highlight – Front-end base styles.
 *
 * v1.1 – Full-width band, no truncation.
 * Dynamic values (colors, sizes, clamp) come from inline <style>.
 * This file provides structural defaults and safe resets.
 *
 * @package FITH
 */

/* ── Wrapper ──────────────────────────────── */
.fith-wrap {
	position: relative;
	display: block;
	overflow: hidden;
	line-height: 0;
	box-sizing: border-box;
}

.fith-wrap img {
	display: block;
	width: 100%;
	height: auto;
}

/* ── Overlay (positioning layer, full bleed) ── */
.fith-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	display: flex;
	align-items: center; /* overridden by inline CSS */
	justify-content: stretch;
	pointer-events: none;
	z-index: 2;
	box-sizing: border-box;
}

/* ── Band (the translucent full-width strip) ── */
.fith-overlay__band {
	display: block;
	width: 100%;
	box-sizing: border-box;
}

/* ── Text ─────────────────────────────────── */
.fith-overlay__text {
	display: block;
	width: 100%;
	text-align: center;
	box-sizing: border-box;
	white-space: normal;
	overflow: visible;
	overflow-wrap: anywhere;
	hyphens: auto;
	word-break: normal;
}

/* ── Ensure links remain clickable ────────── */
a .fith-wrap .fith-overlay,
a .fith-overlay,
a > .fith-overlay {
	pointer-events: none;
}

/* ── Prevent layout shift from wrapper ────── */
.fith-wrap > a {
	display: block;
	line-height: 0;
}