/* Rijschool Oude Maas – Hero */

.elementor-widget-rom-hero .rom-hero {
	position: relative;
	min-height: 100svh;
	display: flex;
	flex-direction: column;
	color: #fff;
	overflow: hidden;
	background: var(--rom-hero-bg, #0f1b2d);
}

.rom-hero__img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 50%;
}

.rom-hero__overlay {
	position: absolute;
	inset: 0;
	background:
		radial-gradient(80% 70% at 30% 50%, rgba(15, 27, 45, 0) 30%, rgba(15, 27, 45, .45) 100%),
		linear-gradient(180deg, rgba(15, 27, 45, .7) 0%, rgba(15, 27, 45, .35) 40%, rgba(15, 27, 45, .55) 70%, rgba(15, 27, 45, .9) 100%);
}

.rom-hero__tint {
	position: absolute;
	inset: 0;
	background: var(--rom-hero-tint, rgba(15, 27, 45, 0));
	opacity: 0;
}

/* Main */
.rom-hero__main {
	position: relative;
	z-index: 2;
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 40px clamp(20px, 4vw, 56px) 140px;
	max-width: 1280px;
	width: 100%;
	margin: 0 auto;
}

.rom-hero__inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 22px;
}

.rom-hero__title {
	margin: 0;
	font-family: 'Outfit', sans-serif;
	font-weight: 800;
	font-size: clamp(46px, 6vw, 88px);
	line-height: .98;
	letter-spacing: -.025em;
	color: var(--rom-hero-title, #fff);
	text-shadow: 0 2px 40px rgba(15, 27, 45, .5);
}

.rom-hero__hl {
	color: var(--rom-hero-title-hl, #5bc0f0);
}

.rom-hero__subtitle {
	margin: 0;
	max-width: 46ch;
	font-size: 17px;
	line-height: 1.7;
	color: var(--rom-hero-subtitle, rgba(255, 255, 255, .88));
	text-shadow: 0 1px 18px rgba(15, 27, 45, .6);
}

.rom-hero__stats {
	display: flex;
	gap: 40px;
	flex-wrap: wrap;
	padding-top: 8px;
	justify-content: center;
	align-items: center;
}

.rom-hero__stat-value {
	font-family: 'Outfit', sans-serif;
	font-weight: 800;
	font-size: 32px;
	line-height: 1;
	color: var(--rom-hero-stat-value, #fff);
}

.rom-hero__stat-label {
	font-size: 11px;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--rom-hero-stat-label, rgba(255, 255, 255, .75));
	margin-top: 6px;
}

.rom-hero__divider {
	width: 1px;
	height: 44px;
	background: var(--rom-hero-stat-divider, rgba(255, 255, 255, .25));
}

/* Mobiel: de statistieken altijd op één regel (3 kolommen, geen omslag) */
@media (max-width: 640px) {
	.rom-hero__stats { gap: 14px; flex-wrap: nowrap; justify-content: center; align-items: flex-start; width: 100%; align-self: stretch; }
	.rom-hero__stat { flex: 1 1 0; min-width: 0; text-align: center; }
	.rom-hero__stat-value { font-size: 24px; white-space: nowrap; }
	.rom-hero__stat-label { font-size: 9.5px; letter-spacing: .08em; margin-top: 5px; line-height: 1.25; }
	.rom-hero__divider { flex: 0 0 1px; height: 36px; margin-top: 2px; }
}

@media (max-width: 380px) {
	.rom-hero__stats { gap: 10px; }
	.rom-hero__stat-value { font-size: 22px; }
	.rom-hero__stat-label { font-size: 9px; letter-spacing: .06em; }
}

/* Highlight als gradient (ook op mobiel). Zonder tweede kleur = één kleur. */
.rom-hero__hl--gradient {
	background-image: linear-gradient(var(--rom-hero-title-hl-angle, 90deg), var(--rom-hero-title-hl, #5bc0f0) 0%, var(--rom-hero-title-hl2, var(--rom-hero-title-hl, #5bc0f0)) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
	text-shadow: none;
}