/* Blok: Tekst + afbeelding. */
/* Divi rekent de sectiepadding als 4%% van de vensterbreedte en bevriest die
   boven 1350px (= 54px); onder 980px is hij vast. Vast in px klopte alleen
   bij 1440px breed. */
.block-text-image{padding:4% 0;}
@media (min-width:1350px){.block-text-image{padding:54px 0;}}
/* Divi-goot 3 = 5,5% van de rijbreedte (geen vaste px: die klopt alleen bij
   1440). minmax(0,1fr) houdt de kolommen op de helft, ook als er een lang
   woord in staat — anders duwt dat de kolommen scheef op laptop/telefoon. */
.block-text-image__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:5.5%;row-gap:64px;align-items:start;}
.block-text-image__text{padding-top:30px;}
.block-text-image__text h2{color:var(--td-blue);font-size:50px;line-height:60px;margin:0 0 40px;white-space:pre-line;}
.block-text-image__body{color:#000;font-family:"Inter",Helvetica,Arial,sans-serif;font-weight:300;font-size:15px;line-height:23.8px;margin-bottom:26px;}
.block-text-image__body p{margin:0 0 1em;}
.block-text-image__buttons{display:flex;gap:16px;flex-wrap:wrap;}
.block-text-image__media{display:flex;justify-content:flex-start;}
.block-text-image__media img{width:100%;max-width:100%;height:auto;}
.block-text-image--img-small .block-text-image__media img{width:272px;}

/* Afbeelding links: media eerst (alleen naast elkaar). Gestapeld zet Divi de
   tekst weer bovenaan — dat doet het met een duplicaat-rij met omgedraaide
   kolommen; hier draait alleen de desktopweergave om. */
@media (min-width:981px){
	.block-text-image--left .block-text-image__text{order:2;}
	.block-text-image--left .block-text-image__media{order:1;}
}

/* Tablet: kolommen stapelen (bron-volgorde, net als Divi), container 80%. */
@media (max-width:980px){
	.block-text-image{padding:50px 0;}
	.block-text-image__inner{grid-template-columns:minmax(0,1fr);gap:28px;}
	.td-container.block-text-image__inner{width:80%;}
	.block-text-image__media{justify-content:center;}
}

/* Telefoon: kleinere kop (offset + marge blijven gelijk aan desktop). */
@media (max-width:767px){
	.block-text-image__text h2{font-size:35px;line-height:42px;}
}

/* 2e knop in een groep = gevuld blauw (net als Divi's primaire knop) */
.block-text-image__buttons .td-btn:last-child:not(:only-child){background:var(--td-blue);color:#fff;border-color:var(--td-blue);}
.block-text-image__buttons .td-btn:last-child:not(:only-child):hover{background:#fff;color:var(--td-blue);}

/* Features: icoon-lijst (35px) of checklijst (vinkje) */
.block-text-image--img-medium .block-text-image__media img{width:490px;max-width:100%;}
.block-text-image__features{list-style:none;margin:0 0 26px;padding:0;}
.block-text-image__features li{display:flex;align-items:flex-start;gap:12px;margin:0 0 12px;color:var(--td-text);}
.block-text-image__features .feature-icon{width:35px;height:35px;flex:0 0 35px;object-fit:contain;}
.block-text-image__features li.is-check{padding-left:0;}
.block-text-image__features li.is-check::before{content:"";flex:0 0 20px;width:20px;height:20px;margin-top:2px;background:var(--td-blue);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") center/contain no-repeat;}
.block-text-image__features li>span{line-height:1.5;}

/* Zwevende illustratie: vult de kolom en zweeft op en neer (zie float-image.css). */
.block-text-image--float .block-text-image__media{display:block;}

/* Horizontale icoon-lijst onder de tekst. */
.block-text-image__iconlist{margin:0 0 26px;}