/* ==========================================================================
   Adlår — custom CSS
   Verplaatst vanuit Elementor (kit Custom CSS + per-element Custom CSS).
   Bewerk dit bestand; leeg daarna de cache (LiteSpeed purge).
   Element-specifieke regels gebruiken .elementor-element-<id>; als zo'n
   element opnieuw wordt opgebouwd verandert het id — werk dan de selector bij.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Globaal — knoppen, icoonboxen, links
   -------------------------------------------------------------------------- */
.elementor-button {
	font-size: clamp(14px, 1.3vw, 16px) !important;
	padding-left: clamp(15px, 2.6vw, 20px) !important;
	padding-right: clamp(15px, 2.6vw, 20px) !important;
}

.elementor-widget-icon-box .elementor-icon {
	font-size: clamp(32px, 3.2vw, 40px) !important;
}
.elementor-widget-icon-box .elementor-icon svg,
.elementor-widget-icon-box .elementor-icon img {
	width: clamp(32px, 3.2vw, 40px) !important;
	height: auto !important;
}
.elementor-widget-icon-box .elementor-icon-box-wrapper {
	gap: clamp(12px, 1.6vw, 20px) !important;
}
.elementor-widget-icon-box .elementor-icon-box-icon {
	margin-bottom: 0 !important;
}
.elementor-widget-icon-box .elementor-icon-box-title {
	margin-top: 0 !important;
	margin-bottom: clamp(4px, 0.8vw, 8px) !important;
}

/* Auto-gelinkte telefoonnummers (iOS) niet roze tonen */
a[href^="tel:"] {
	color: inherit !important;
	font-weight: inherit !important;
	text-decoration: none !important;
}

/* Tekstlinks standaard onderstrepen */
.elementor-widget-text-editor a {
	text-decoration: underline;
}

/* Laatste alinea zonder ondermarge */
.elementor-widget-text-editor p:last-child {
	margin-bottom: 0;
}

/* --------------------------------------------------------------------------
   "4 redenen" — feature-kolommen
   -------------------------------------------------------------------------- */
.col-feat {
	flex: 1 1 40%;
	min-width: var(--col-min-feat) !important;
}

/* --------------------------------------------------------------------------
   Portret-media (video & afbeelding, 526×680)
   -------------------------------------------------------------------------- */
.video-portrait .elementor-wrapper {
	aspect-ratio: 526 / 680 !important;
	padding-bottom: 0 !important;
	height: auto !important;
	border-radius: var(--radius-l);
	overflow: hidden;
}

.img-portrait img {
	width: 100%;
	aspect-ratio: 526 / 680;
	object-fit: cover;
	display: block;
	border-radius: var(--radius-m) !important;
}

/* --------------------------------------------------------------------------
   Proces-carrousel (blok 5)
   -------------------------------------------------------------------------- */
.step-tag {
	align-self: flex-start !important;
	background: var(--e-global-color-adlarlight);
	padding: 5px 12px;
	border-radius: var(--radius-s);
	line-height: 18px;
}
.step-tag p {
	margin: 0;
	font-weight: 600 !important;
}

.proces-carousel .swiper-slide img {
	aspect-ratio: 383 / 480;
	object-fit: cover;
	width: 100%;
	border-radius: var(--radius-m) !important;
}
.proces-carousel .swiper-pagination {
	display: none !important;
}
.proces-carousel .swiper {
	padding-top: 72px;
}
.proces-carousel .elementor-swiper-button {
	top: 0 !important;
	bottom: auto !important;
	transform: none !important;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: var(--e-global-color-adlarlight) !important;
	margin: 0 !important;
}
.proces-carousel .elementor-swiper-button::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 18px;
	height: 17px;
	margin: -8.5px 0 0 -9px;
	background: url(https://adlar.pasrv.nl/wp-content/uploads/adlar-arrow.svg) no-repeat center;
	background-size: 18px 17px;
}
.proces-carousel .elementor-swiper-button i,
.proces-carousel .elementor-swiper-button svg {
	display: none !important;
}
.proces-carousel .elementor-swiper-button-prev {
	left: auto !important;
	right: 52px !important;
	transform: scaleX(-1) !important;
}
.proces-carousel .elementor-swiper-button-next {
	left: auto !important;
	right: 0 !important;
}

/* --------------------------------------------------------------------------
   iPhone notch / safe-area (landscape) - content niet onder de camera
   -------------------------------------------------------------------------- */
.e-con.e-parent {
	padding-left: max(var(--space-x), env(safe-area-inset-left)) !important;
	padding-right: max(var(--space-x), env(safe-area-inset-right)) !important;
}