/* Native media images retain the dimensions of the former CSS backgrounds.
 * A local stacking context keeps the photo below overlays and readable content.
 */
.gv-cover-image {
	position: relative;
	isolation: isolate;
}

.gv-cover-image > .gv-cover-image__frame {
	position: absolute;
	inset: 0;
	z-index: -1;
	display: block;
	border-radius: inherit;
	overflow: hidden;
	pointer-events: none;
}

.gv-cover-image > .gv-cover-image__frame > img.gv-cover-image__media {
	display: block;
	width: 100%;
	max-width: none;
	height: 100%;
	margin: 0;
	object-fit: cover;
	object-position: center;
	/* Keep media metadata in HTML without native mouse-hover tooltips. */
	pointer-events: none;
}

/* The surrounding gallery controls receive clicks instead of titled images. */
.color_popup img.large_color_image,
.color_popup .color_thumb img {
	pointer-events: none;
}

/* Colour thumbnails previously used the default top-left background position. */
.color_sample__image.gv-cover-image > .gv-cover-image__frame > img.gv-cover-image__media {
	object-position: left top;
}

/* Shared WYSIWYG lists: absolute checks also align lines after Shift+Enter.
 * Keep structural lists (cards, navigation, FAQ questions) outside this scope.
 */
:is(
	.text_main_block,
	.text_block_left_right,
	.two_blocks__content,
	.text_block_column,
	.text_block_center,
	.text_right_image_left,
	.grid_image_text__text,
	.split_image__text__content,
	.text_on_image_center__text,
	.accordion_faq__answer,
	.color_samples__text
) ul {
	list-style: none;
	padding-left: 0;
}

:is(
	.text_main_block,
	.text_block_left_right,
	.two_blocks__content,
	.text_block_column,
	.text_block_center,
	.text_right_image_left,
	.grid_image_text__text,
	.split_image__text__content,
	.text_on_image_center__text,
	.accordion_faq__answer,
	.color_samples__text
) ul > li {
	position: relative;
	padding-left: 22px;
}

:is(
	.text_main_block,
	.text_block_left_right,
	.two_blocks__content,
	.text_block_column,
	.text_block_center,
	.text_right_image_left,
	.grid_image_text__text,
	.split_image__text__content,
	.text_on_image_center__text,
	.accordion_faq__answer,
	.color_samples__text
) ul > li::before {
	content: '';
	position: absolute;
	top: 0.35em;
	left: 0;
	width: 14px;
	height: 14px;
	background: url(../img/checkmark.svg) center / contain no-repeat;
}

article ul.check li {
	margin-bottom: 10px;
}

/* Container alignment for content entered directly in the classic editor. */
article > p,
article > h2,
article > h3,
article > h4 {
	max-width: 1660px;
	padding: 0 30px;
	margin-left: auto;
	margin-right: auto;
}

span.openingstijdenprefixspan {
	position: relative;
	width: 110px;
	display: inline-block;
	float: left;
}

/* This table is a layout list, even when wrapped by the shared table script. */
.gv-three-column-list,
.table-scroll table.gv-three-column-list {
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
}

table.gv-three-column-list td {
	width: 33.333%;
	vertical-align: top;
	padding-right: 35px;
	min-width: 0;
	white-space: normal;
}

table.gv-three-column-list td:last-child {
	padding-right: 0;
}

.gv-three-column-list h4 { margin-bottom: 10px; }
.gv-three-column-list ul.check { margin-top: 0; }
.gv-three-column-list h4.hide { visibility: hidden; }

@media (max-width: 767px) {
	.gv-three-column-list,
	.table-scroll table.gv-three-column-list,
	.gv-three-column-list tbody,
	.gv-three-column-list tr,
	table.gv-three-column-list td {
		display: block;
		width: 100%;
	}

	table.gv-three-column-list td {
		padding-right: 0;
		margin-bottom: 20px;
	}

	.gv-three-column-list td:nth-child(2) h4 {
		display: none;
	}
}