/* =============================================================================
   Glacial Hero Engine — v0.3.0
   Light defaults designed to be overridden by site/theme CSS.
   ============================================================================= */

/* Base hero wrapper */
.glacial-hero {
	position: relative;
	width: 100vw;
	margin-bottom: 50px;
}

/* Inner content area */
.glacial-hero__inner {
	position: relative;
	margin: 0 auto;
	padding: 48px 20px;
	z-index: 2;
}

/* ── Split / Caption layout ── */
.glacial-hero__inner--split {
	display: grid;
	grid-template-columns: 1.2fr 1fr;
	gap: 24px;
	align-items: center;
}

@media (max-width: 991px) {
	.glacial-hero__inner--split {
		grid-template-columns: 1fr;
	}
}

/* ── Typography ── */
.glacial-hero__title {
	margin: 0 0 12px;
}

.glacial-hero__text {
	margin: 0 0 16px;
}

.glacial-hero__breadcrumbs p#breadcrumbs {
	margin: 0;
}

.glacial-hero__breadcrumbs * {
	color: inherit !important;
}

/* ── Media (full-bleed background) ── */
.glacial-hero__media {
	position: absolute;
	inset: 0;
	overflow: hidden;
}

/* Override for split / caption: media becomes an in-flow element */
.glacial-hero--split  .glacial-hero__media--split,
.glacial-hero--caption .glacial-hero__media--split {
	position: relative;
	inset: auto;
	border-radius: 12px;
	min-height: 280px;
	overflow: hidden; /* keep border-radius on the image */
}

/* ── Image ── */
.glacial-hero__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* ── Overlay ── */
.glacial-hero__overlay {
	position: absolute;
	inset: 0;
	pointer-events: none;
}

/* ── Center alignment modifier ── */
.glacial-hero--align-center .glacial-hero__content {
	text-align: center;
}

/* ── Caption ── */
.glacial-hero__caption {
	position: absolute;
	left: 12px;
	right: 12px;
	bottom: 12px;
	padding: 10px 12px;
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.85);
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px); /* Safari */
	font-size: 14px;
	line-height: 1.2;
}

/* ── Background-color style: hide unused media div ── */
.glacial-hero--bgcolor .glacial-hero__media {
	display: none;
}