/* DQ Meer-info-rijen: tekst + afbeelding-rijen (meer-info-blok) als kaart met zichtbare link. */

.vc_row.vc_inner.meer-info-blok:has(.vcex-image a) {
	background: #f6f6f3;
	border-radius: 24px;
	padding: 36px 40px;
	margin-top: 30px !important;
	margin-bottom: 30px !important;
	overflow: hidden;
}
.vc_row.vc_inner.meer-info-blok:has(.vcex-image a) .wpb_text_column.meer-info-blok {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding-left: 0;
	padding-right: 0;
}

/* Geel streepje boven de kop */
.vc_row.vc_inner.meer-info-blok:has(.vcex-image a) h2::before {
	content: '';
	display: block;
	width: 40px;
	height: 4px;
	border-radius: 2px;
	background: #ffc109;
	margin-bottom: 14px;
}
.vc_row.vc_inner.meer-info-blok:has(.vcex-image a) h2 {
	margin-top: 0 !important;
}

/* Afbeelding: afgerond, schaduw, zoom en label bij hover */
.vc_row.vc_inner.meer-info-blok .vcex-image-inner:has(> a) {
	display: block;
	border-radius: 18px;
	overflow: hidden;
	box-shadow: 0 10px 25px rgb(0 0 0 / 12%);
	transition: box-shadow .3s, transform .3s;
}
.vc_row.vc_inner.meer-info-blok .vcex-image-inner > a {
	display: block;
	position: relative;
}
.vc_row.vc_inner.meer-info-blok .vcex-image-inner > a img {
	display: block;
	width: 100%;
	aspect-ratio: 3 / 2;
	object-fit: cover;
	transition: transform .5s ease;
}
.vc_row.vc_inner.meer-info-blok .vcex-image-inner > a::after {
	content: 'Bekijk modellen \2192';
	position: absolute;
	left: 14px;
	bottom: 14px;
	padding: 8px 14px;
	border-radius: 12px;
	background: #ffc109;
	color: #000;
	font-size: 14px;
	font-weight: 600;
	box-shadow: 0 4px 12px rgb(0 0 0 / 15%);
	transition: background-color .3s, color .3s;
}
.vc_row.vc_inner.meer-info-blok .vcex-image-inner:has(> a):hover {
	box-shadow: 0 16px 35px rgb(0 0 0 / 18%);
	transform: translateY(-3px);
}
.vc_row.vc_inner.meer-info-blok .vcex-image-inner > a:hover img {
	transform: scale(1.05);
}
.vc_row.vc_inner.meer-info-blok .vcex-image-inner > a:hover::after {
	background-color: #ffd34d;
	color: #000;
}

@media (max-width: 959px) {
	.vc_row.vc_inner.meer-info-blok:has(.vcex-image a) {
		padding: 20px 16px;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	.vc_row.vc_inner.meer-info-blok:has(.vcex-image a) > .wpb_column > .vc_column-inner {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	/* Op mobiel afbeelding altijd boven de tekst */
	.vc_row.vc_inner.meer-info-blok:has(.vcex-image a) {
		flex-direction: column;
	}
	.vc_row.vc_inner.meer-info-blok:has(.vcex-image a) > .wpb_column:has(.vcex-image) {
		order: -1;
		margin-bottom: 20px;
	}
}