/* Rijschool Oude Maas – basis & gedeelde stijlen */

.rom-scope,
.rom-scope * {
	box-sizing: border-box;
}

.rom-scope {
	font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	color: #0f1b2d;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
}

.rom-scope a {
	text-decoration: none;
}

.rom-scope img {
	max-width: 100%;
}

/* Gedeelde animaties */
@keyframes rom-drift {
	from { transform: translate3d(0, 0, 0); }
	to   { transform: translate3d(-50%, 0, 0); }
}

@keyframes rom-pulse {
	0%, 100% { transform: scale(1); opacity: .6; }
	50%      { transform: scale(1.6); opacity: 0; }
}

@keyframes rom-beker {
	0%, 100% { transform: rotate(-6deg); }
	50%      { transform: rotate(6deg); }
}

@keyframes rom-fadein {
	from { opacity: 0; transform: translateY(6px); }
	to   { opacity: 1; transform: translateY(0); }
}

/* Reduce motion: animaties uitzetten */
@media (prefers-reduced-motion: reduce) {
	.rom-scope [class*="marquee"] > * {
		animation: none !important;
	}
}

/* Gedeeld pijl-icoon (↗) – kleur via currentColor */
.rom-arrow-svg {
	width: 1em;
	height: 1em;
	display: inline-block;
	vertical-align: middle;
}

/* Cover-afbeeldingen van alle ROM-widgets: bestand tegen thema-/Elementor-resets zoals
   `.elementor img { height: auto }` en `img { height: auto }`. Zonder deze regel krijgt een
   absolute foto 0px hoogte (lazy-loading laadt hem dan nooit → leeg vlak) en werken
   object-fit/object-position (focuspunt) niet. */
.rom-hero__img,
.rom-rh__img,
.rom-thero__img,
.rom-cp2__hero-img,
.rom-contact-popup__head-img,
.rom-geslaagden__card-img,
.rom-instagram__marquee-img,
.rom-rv__photo-img,
.rom-c2__photo img {
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	max-height: none !important;
	min-height: 0 !important;
}