/*
 Theme Name:   Bizgen Child
 Theme URI:    https://themewant.com/products/wordpress/bizgen
 Description:  Bizgen Child
 Author:       ReacThemes
 Author URI:   http://reactheme.com
 Template:     bizgen
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
 */

/* =========================================================================
   Audit-fix 2026-08-25
   ========================================================================= */

/* A-04  De rt-marquee (RT Elements) clipt zijn eigen nowrap-tekst niet.
         Daardoor werd de body ruim 12.700px breed en schoof content links
         buiten beeld. Clip de scroller op zijn eigen breedte. */
.rt-scrl-marquee {
	overflow: hidden;
}

/* A-10  Deze regel stond in Customizer > Extra CSS, maar was opgeslagen onder
         het parent theme 'bizgen' terwijl 'bizgen-child' actief is. Daardoor
         werd hij niet geladen. Hier hersteld. */
.rt-rit-4 i,
.rt-rit-4 svg {
	position: relative;
	left: -4px;
}

/* Pagina kan niet meer horizontaal verschuiven: elementen met negatieve
   marges (o.a. parallax-afbeeldingen) staken buiten het scherm, waardoor
   links een witte strook kon ontstaan en content rechts krap stond. */
html, body {
	overflow-x: clip;
}
@supports not (overflow: clip) {
	html, body {
		overflow-x: hidden;
	}
}

/* Meer lucht aan weerszijden op laptop-/desktopformaten waar de boxed
   secties (1320–1350px) anders bijna tegen de schermrand staan. */
@media (min-width: 768px) and (max-width: 1500px) {
	.elementor-197 .e-con-boxed > .e-con-inner {
		padding-left: 32px;
		padding-right: 32px;
	}
}

/* =========================================================================
   Homepage expertisekaarten (sectie a59cb7a) — 2026-08-27
   Vier kaarten gelijk in hoogte; knop altijd onderaan uitgelijnd,
   ongeacht de lengte van titel of beschrijving.
   ========================================================================= */
.elementor-element-a59cb7a .elementor-widget-rt-service-grid,
.elementor-element-a59cb7a .elementor-widget-rt-service-grid > .elementor-widget-container,
.elementor-element-a59cb7a .single-pricing-area-start {
	height: 100%;
}
.elementor-element-a59cb7a .single-pricing-area-start {
	display: flex;
	flex-direction: column;
}
.elementor-element-a59cb7a .single-pricing-area-start .pricing-body {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
}
.elementor-element-a59cb7a .single-pricing-area-start .pricing-body .rts-btn {
	margin-top: auto;
	align-self: flex-start;
}

/* Het watermerk-nummer (01–04) staat absoluut op top:110px en liep door de
   titel heen. Extra ruimte boven de kaartinhoud zodat nummer en titel
   elkaar niet meer raken; nummer iets subtieler. */
.elementor-element-a59cb7a .single-pricing-area-start .pricing-body {
	margin-top: 60px;
}
.elementor-element-a59cb7a .single-pricing-area-start .pricing-top-area .icon .number {
	top: 116px;
	font-size: 44px;
	opacity: .9;
}

/* Kennis & actueel-slider op de homepage: drie kaarten gelijk uitgelijnd —
   vaste hoogte voor metaregel en titel, 'Lees verder' onderaan vastgezet. */
.elementor-element-18573c8 .swiper-slide {
	height: auto;
}
.elementor-element-18573c8 .single-blog-area-style-one {
	display: flex;
	flex-direction: column;
	height: 100%;
}
.elementor-element-18573c8 .bottom-area {
	min-height: 60px;
	align-items: flex-start;
}
.elementor-element-18573c8 .blog-title {
	font-size: 22px;
	line-height: 1.4;
	min-height: 92px;
}
.elementor-element-18573c8 .btm-content-part {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
}
.elementor-element-18573c8 .btm-content-part > a:last-child {
	margin-top: auto;
	padding-top: 12px;
}

/* Beoordelingsbadge in de herkenningssectie: gouden ster (SVG wordt door
   Elementor uit de tekst gefilterd, daarom een gestyled ★-teken). */
.elementor-element-b99e3c0 .adc-star {
	color: #ECAA2A;
	font-size: 18px;
	line-height: 1;
	vertical-align: -1px;
}

/* Branchesectie: icoon + label gecentreerd in de witte pillen,
   zoals de originele logokaarten. */
.elementor-element-01c2c66 .elementor-icon-box-wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
}
.elementor-element-01c2c66 .elementor-icon-box-content {
	flex-grow: 0;
}

/* Hover-animatie branche-pillen: subtiele lift met schaduw,
   icoon groeit licht mee. */
.elementor-element-01c2c66 a.e-con {
	transition: transform .25s ease, box-shadow .25s ease;
	will-change: transform;
}
.elementor-element-01c2c66 a.e-con:hover {
	transform: translateY(-5px);
	box-shadow: 0 14px 28px rgba(13, 25, 68, 0.20);
}
.elementor-element-01c2c66 .elementor-icon svg {
	transition: transform .25s ease;
}
.elementor-element-01c2c66 a.e-con:hover .elementor-icon svg {
	transform: scale(1.15);
}
/* De drie B2B-kaarten zijn links (a-tag); voorkom dat de tekst de blauwe
   linkkleur erft. Standaard: donkere titel + grijze tekst; blauw alleen
   bij hover op de titel. */
.elementor-element-427a05a .elementor-icon-box-title,
.elementor-element-6bcdbe6 .elementor-icon-box-title,
.elementor-element-e972fdc .elementor-icon-box-title {
	color: #1F1F25;
	transition: color .25s ease;
}
.elementor-element-427a05a .elementor-icon-box-description,
.elementor-element-6bcdbe6 .elementor-icon-box-description,
.elementor-element-e972fdc .elementor-icon-box-description {
	color: #7A7A7A;
}
.elementor-element-427a05a:hover .elementor-icon-box-title,
.elementor-element-6bcdbe6:hover .elementor-icon-box-title,
.elementor-element-e972fdc:hover .elementor-icon-box-title {
	color: #3358D3;
}

/* Zelfde optil-effect voor de drie B2B-kaarten
   (Aanvullende capaciteit / Complexe casuïstiek / Professionele uitvoering). */
.elementor-element-427a05a,
.elementor-element-6bcdbe6,
.elementor-element-e972fdc {
	transition: transform .25s ease, box-shadow .25s ease;
	will-change: transform;
}
.elementor-element-427a05a:hover,
.elementor-element-6bcdbe6:hover,
.elementor-element-e972fdc:hover {
	transform: translateY(-5px);
	box-shadow: 0 14px 28px rgba(13, 25, 68, 0.14);
}
.elementor-element-427a05a .elementor-icon svg,
.elementor-element-6bcdbe6 .elementor-icon svg,
.elementor-element-e972fdc .elementor-icon svg {
	transition: transform .25s ease;
}
.elementor-element-427a05a:hover .elementor-icon svg,
.elementor-element-6bcdbe6:hover .elementor-icon svg,
.elementor-element-e972fdc:hover .elementor-icon svg {
	transform: scale(1.15);
}

/* Werkwijze-sectie: vijf stappenkaarten als één geheel — blauw nummerbadge
   via CSS-counter, gelijke hoogte en dezelfde hover-lift als de rest. */
.elementor-element-adcwrow1 {
	counter-reset: adcstep;
}
.elementor-element-adcwrow1 > .e-con.e-child {
	transition: transform .25s ease, box-shadow .25s ease;
}
/* Badge op de icon-box wrapper i.p.v. op de container: Elementor gebruikt
   de ::before van .e-con zelf voor overlays (position absolute), waardoor
   de badge op de hoek plakte. */
.elementor-element-adcwrow1 .elementor-widget-icon-box {
	counter-increment: adcstep;
}
.elementor-element-adcwrow1 .elementor-icon-box-wrapper::before {
	content: counter(adcstep, decimal-leading-zero);
	position: static;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border-radius: 12px;
	background: #3358D3;
	color: #FFFFFF;
	font-weight: 700;
	font-size: 16px;
	margin-bottom: 16px;
}
.elementor-element-adcwrow1 > .e-con.e-child:hover {
	transform: translateY(-5px);
	box-shadow: 0 14px 28px rgba(13, 25, 68, 0.12);
}

/* Netwerksectie: kaarten gelijk in hoogte, knop onderaan uitgelijnd,
   knoptekst zonder capitalize, zelfde optil-effect als de andere blokken. */
.elementor-element-febd42b,
.elementor-element-1f3a1bf,
.elementor-element-6d33a56,
.elementor-element-2eb941c {
	transition: transform .25s ease, box-shadow .25s ease;
	will-change: transform;
}
.elementor-element-febd42b:hover,
.elementor-element-1f3a1bf:hover,
.elementor-element-6d33a56:hover,
.elementor-element-2eb941c:hover {
	transform: translateY(-5px);
	box-shadow: 0 14px 28px rgba(0, 0, 0, 0.35);
}
.elementor-element-9d41cb1,
.elementor-element-5aa039d,
.elementor-element-172f703,
.elementor-element-8b8d91c {
	margin-top: auto;
	width: 100%;
}
.elementor-element-9123aa3 a,
.elementor-element-a182ef8 a,
.elementor-element-8123cff a,
.elementor-element-5fbc7ed a {
	text-transform: none;
}

@media (prefers-reduced-motion: reduce) {
	.elementor-element-01c2c66 a.e-con,
	.elementor-element-01c2c66 .elementor-icon svg,
	.elementor-element-427a05a,
	.elementor-element-6bcdbe6,
	.elementor-element-e972fdc,
	.elementor-element-427a05a .elementor-icon svg,
	.elementor-element-6bcdbe6 .elementor-icon svg,
	.elementor-element-e972fdc .elementor-icon svg {
		transition: none;
	}
	.elementor-element-01c2c66 a.e-con:hover,
	.elementor-element-427a05a:hover,
	.elementor-element-6bcdbe6:hover,
	.elementor-element-e972fdc:hover {
		transform: none;
	}
}
