/* Qoden - aanvullende stijlen bij theme.json */

:root {
	--qoden-radius-kaart: 24px;
	--qoden-radius-groot: 32px;
	--qoden-header-hoogte: 84px;
}

body { -webkit-font-smoothing: antialiased; }
.wp-site-blocks { overflow-x: clip; }
:where(a, button, summary, input, select, textarea):focus-visible {
	outline: 3px solid var(--wp--preset--color--lichtblauw);
	outline-offset: 2px;
	border-radius: 6px;
}
.screen-reader-text:not(:focus) { position: absolute !important; clip: rect(1px,1px,1px,1px); width: 1px; height: 1px; overflow: hidden; }

/* ---------- Header ---------- */
.site-header {
	position: sticky;
	top: 0;
	z-index: 50;
	background: var(--wp--preset--color--wit);
	border-bottom: 1px solid #E6ECF1;
}
.admin-bar .site-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .site-header { top: 46px; } }
.site-header__inner { min-height: var(--qoden-header-hoogte); position: static; }
.site-header .qoden-logo img { width: 132px; height: auto; display: block; }
.site-header .wp-block-navigation a { color: var(--wp--preset--color--navy); }
.site-header .wp-block-navigation a:hover { color: var(--wp--preset--color--blauw); text-decoration: none; }
.qoden-nav-desktop { gap: 32px !important; }

/* Mega menu (core/details) */
.qoden-mega { position: static; margin: 0; }
.qoden-mega > summary {
	list-style: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 10px 0;
	font-size: 15px;
	font-weight: 500;
	color: var(--wp--preset--color--navy);
	border-bottom: 2px solid transparent;
}
.qoden-mega > summary::-webkit-details-marker { display: none; }
.qoden-mega > summary::after {
	content: "";
	width: 10px;
	height: 10px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: translateY(-3px) rotate(45deg);
	transition: transform .2s;
}
.qoden-mega[open] > summary { color: var(--wp--preset--color--blauw); font-weight: 600; border-bottom-color: var(--wp--preset--color--blauw); }
.qoden-mega[open] > summary::after { transform: translateY(2px) rotate(-135deg); }
.qoden-mega > :not(summary) {
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	background: var(--wp--preset--color--wit);
	border-top: 1px solid #E6ECF1;
	box-shadow: 0 24px 48px rgba(14,37,57,.14);
	max-height: calc(100vh - var(--qoden-header-hoogte) - 20px);
	overflow-y: auto;
}
.qoden-mega__kolom h3, .qoden-mega__kolom .qoden-mega__kop {
	font-family: var(--wp--preset--font-family--figtree);
	font-size: 12px !important;
	font-weight: 600;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--wp--preset--color--blauw);
	margin: 0 0 8px 12px;
}
.qoden-mega__item { margin: 0 !important; padding: 10px 12px; border-radius: 14px; transition: background .15s; }
.qoden-mega__item:hover { background: var(--wp--preset--color--achtergrond); }
.qoden-mega__item a { font-family: var(--wp--preset--font-family--outfit); font-weight: 600; font-size: 16px; color: var(--wp--preset--color--navy); display: block; }
.qoden-mega__item a::after { content: ""; position: absolute; inset: 0; }
.qoden-mega__item { position: relative; }
.qoden-mega__item span, .qoden-mega__item br + * { display: block; }
.qoden-mega__item .qoden-mega__uitleg { display: block; font-size: 13.5px; color: #5A6E82; line-height: 1.4; font-family: var(--wp--preset--font-family--figtree); font-weight: 400; margin-top: 2px; }
.qoden-mega__onder { background: #F9FBFC; border-top: 1px solid #E6ECF1; }

/* Desktop / mobiel wisselen */
.qoden-nav-mobiel { display: none !important; }
@media (max-width: 1080px) {
	.qoden-nav-desktop, .site-header .qoden-header-knop { display: none !important; }
	.qoden-nav-mobiel { display: flex !important; }
}
.qoden-nav-mobiel .wp-block-navigation__responsive-container-open {
	width: 44px; height: 44px; border: 1px solid var(--wp--preset--color--lijn); border-radius: 12px; justify-content: center; align-items: center;
}
.qoden-nav-mobiel .wp-block-navigation__responsive-container.is-menu-open { padding: 24px 20px; }
.qoden-nav-mobiel .is-menu-open .wp-block-navigation__container { gap: 0 !important; width: 100%; }
.qoden-nav-mobiel .is-menu-open .wp-block-navigation-item { width: 100%; border-bottom: 1px solid #E6ECF1; }
.qoden-nav-mobiel .is-menu-open .wp-block-navigation-item > a,
.qoden-nav-mobiel .is-menu-open .wp-block-navigation-submenu__toggle { font-family: var(--wp--preset--font-family--outfit); font-size: 19px; font-weight: 600; padding: 16px 0 !important; }
.qoden-nav-mobiel .is-menu-open .wp-block-navigation__submenu-container { padding: 0 0 12px 16px !important; }
.qoden-nav-mobiel .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item { border: 0; }
.qoden-nav-mobiel .is-menu-open .wp-block-navigation__submenu-container a { font-family: var(--wp--preset--font-family--figtree); font-size: 16px; font-weight: 500; padding: 8px 0 !important; }

/* ---------- Groepen ---------- */
.is-style-kaart { background: var(--wp--preset--color--wit); border: 1px solid var(--wp--preset--color--lijn); border-radius: var(--qoden-radius-kaart); padding: clamp(24px, 3vw, 32px); }
.is-style-kaart-licht { background: var(--wp--preset--color--achtergrond); border-radius: var(--qoden-radius-kaart); padding: clamp(24px, 3vw, 32px); }
.is-style-kaart-donker { background: var(--wp--preset--color--navy); color: var(--wp--preset--color--tekst-op-donker); border-radius: var(--qoden-radius-kaart); padding: clamp(24px, 3vw, 40px); }
.is-style-kaart-donker :where(h1,h2,h3,h4) { color: var(--wp--preset--color--wit); }
.is-style-kaart-donker a:not(.wp-element-button) { color: var(--wp--preset--color--wit); }
:where(.is-style-kaart, .is-style-kaart-licht, .is-style-kaart-donker).has-background { padding: clamp(24px, 3vw, 32px); }
.is-style-kaart-licht.has-background, .is-style-kaart.has-background { border-color: transparent; }

.is-style-q-licht, .is-style-q-donker, .is-style-q-patroon { position: relative; overflow: hidden; }
.is-style-q-licht { background-image: var(--qoden-q-licht); background-repeat: no-repeat; background-position: right -60px bottom -90px; background-size: clamp(220px, 34vw, 520px); }
.is-style-q-donker { background-image: var(--qoden-q-donker); background-repeat: no-repeat; background-position: right -50px bottom -70px; background-size: clamp(180px, 24vw, 320px); }
.is-style-q-patroon { background-image: var(--qoden-q-patroon); background-repeat: repeat; background-size: 56px 56px; }

.is-style-golf { position: relative; }
.is-style-golf::after {
	content: "";
	position: absolute;
	left: 0; right: 0; bottom: -1px;
	height: clamp(50px, 8vw, 120px);
	background: var(--wp--preset--color--wit);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 120' preserveAspectRatio='none'%3E%3Cpath d='M0 70 C 320 10, 620 120, 960 60 S 1300 30, 1440 50 L1440 120 L0 120 Z'/%3E%3C/svg%3E") no-repeat bottom / 100% 100%;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 120' preserveAspectRatio='none'%3E%3Cpath d='M0 70 C 320 10, 620 120, 960 60 S 1300 30, 1440 50 L1440 120 L0 120 Z'/%3E%3C/svg%3E") no-repeat bottom / 100% 100%;
	pointer-events: none;
}
.is-style-golf::before {
	content: "";
	position: absolute;
	left: 0; right: 0; bottom: 0;
	height: clamp(50px, 8vw, 120px);
	background: var(--wp--preset--color--accent);
	opacity: .65;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 120' preserveAspectRatio='none'%3E%3Cpath d='M0 70 C 320 10, 620 120, 960 60 S 1300 30, 1440 50' fill='none' stroke='black' stroke-width='3' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") no-repeat bottom / 100% 100%;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 120' preserveAspectRatio='none'%3E%3Cpath d='M0 70 C 320 10, 620 120, 960 60 S 1300 30, 1440 50' fill='none' stroke='black' stroke-width='3' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") no-repeat bottom / 100% 100%;
	z-index: 1;
	pointer-events: none;
}
.is-style-golf.is-style-golf { padding-bottom: clamp(96px, 12vw, 160px); }

.is-style-kerncijfer { border-top: 2px solid var(--wp--preset--color--navy); padding-top: 20px; }
.is-style-kerncijfer > * { margin-block: 0 !important; }
.is-style-kerncijfer .qoden-getal { font-family: var(--wp--preset--font-family--outfit); font-weight: 600; color: var(--wp--preset--color--navy); font-size: clamp(32px, 3.4vw, 44px); line-height: 1.1; }
.is-style-stap { background: var(--wp--preset--color--wit); border: 1px solid var(--wp--preset--color--lijn); border-radius: var(--qoden-radius-kaart); padding: 24px; }
.is-style-stap > * { margin-block: 0 !important; }
.is-style-stap > * + * { margin-top: 10px !important; }
.qoden-stapnummer { font-family: var(--wp--preset--font-family--outfit); font-weight: 600; color: var(--wp--preset--color--blauw); }

/* Kaarten die volledig klikbaar zijn: link in de titel */
.qoden-klikkaart { position: relative; transition: transform .2s, box-shadow .2s; }
.qoden-klikkaart:hover { transform: translateY(-2px); box-shadow: 0 12px 32px rgba(14,37,57,.10); }
.qoden-klikkaart :where(h2,h3) a { color: inherit; }
.qoden-klikkaart :where(h2,h3) a::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }
.qoden-klikkaart :where(h2,h3) a:hover { text-decoration: none; }

/* ---------- Tekst ---------- */
p.is-style-label { display: flex; align-items: center; gap: 10px; font-size: 13px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--wp--preset--color--accent-tekst); }
p.is-style-label::before { content: ""; width: 28px; height: 3px; border-radius: 2px; background: var(--wp--preset--color--accent); flex: none; }
.is-style-kaart-donker p.is-style-label, .has-navy-background-color p.is-style-label { color: var(--wp--preset--color--accent); }
p.is-style-bovenkop { font-size: 13px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--wp--preset--color--blauw); }
p.is-style-chip { display: inline-flex; align-items: center; margin: 0; font-size: 15px; font-weight: 600; color: var(--wp--preset--color--navy); background: var(--wp--preset--color--wit); border: 1px solid var(--wp--preset--color--lijn); border-radius: 12px; padding: 10px 14px; line-height: 1.3; }
p.is-style-tag { display: inline-flex; width: fit-content; margin: 0; font-size: 13px; font-weight: 600; color: var(--wp--preset--color--navy); background: var(--wp--preset--color--wit); border: 1px solid var(--wp--preset--color--lijn); border-radius: 999px; padding: 6px 14px; line-height: 1.3; }
p.is-style-tag.has-accent-background-color, p.is-style-tag.has-accent-vlak-background-color { border-color: transparent; }

ul.is-style-vinkjes { list-style: none; padding-left: 0; display: grid; gap: 14px; }
ul.is-style-vinkjes li { position: relative; padding-left: 40px; }
ul.is-style-vinkjes li::before {
	content: "";
	position: absolute; left: 0; top: 0;
	width: 28px; height: 28px; border-radius: 50%;
	background: var(--wp--preset--color--accent-vlak) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23175F4A' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") no-repeat center / 16px;
}
ul.is-style-chips { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
ul.is-style-chips li { font-size: 14px; font-weight: 600; color: var(--wp--preset--color--navy); background: var(--wp--preset--color--wit); border: 1px solid var(--wp--preset--color--lijn); border-radius: 999px; padding: 7px 14px; line-height: 1.3; }
.is-style-kaart-donker ul.is-style-chips li, .has-navy-background-color ul.is-style-chips li { color: var(--wp--preset--color--wit); background: transparent; border-color: #3B5874; }

/* ---------- Afbeeldingen ---------- */
.wp-block-image.is-style-afgerond img { border-radius: var(--qoden-radius-groot); width: 100%; object-fit: cover; }
.wp-block-image.is-style-rond img { border-radius: 50%; object-fit: cover; aspect-ratio: 1; }
.qoden-foto-staand img { aspect-ratio: 4 / 5; }
.qoden-foto-liggend img { aspect-ratio: 4 / 3; }
.qoden-foto-breed img { aspect-ratio: 16 / 9; }

/* ---------- Knoppen ---------- */
.wp-block-button.is-style-lijn .wp-block-button__link { background: transparent; color: var(--wp--preset--color--navy); box-shadow: inset 0 0 0 1.5px var(--wp--preset--color--navy); }
.wp-block-button.is-style-lijn .wp-block-button__link:hover { background: var(--wp--preset--color--navy); color: var(--wp--preset--color--wit); }
.wp-block-button.is-style-wit .wp-block-button__link { background: var(--wp--preset--color--wit); color: var(--wp--preset--color--navy); }
.wp-block-button.is-style-wit .wp-block-button__link:hover { background: var(--wp--preset--color--patroon); }
.wp-block-button.is-style-lijn-wit .wp-block-button__link { background: transparent; color: var(--wp--preset--color--wit); box-shadow: inset 0 0 0 1.5px var(--wp--preset--color--wit); }
.wp-block-button.is-style-lijn-wit .wp-block-button__link:hover { background: var(--wp--preset--color--wit); color: var(--wp--preset--color--navy); }
.wp-block-button__link { min-height: 48px; display: inline-flex; align-items: center; justify-content: center; }

/* ---------- Koppelingen-visual ---------- */
.qoden-hub {
	width: clamp(170px, 18vw, 230px);
	aspect-ratio: 1;
	border-radius: 50%;
	background: var(--wp--preset--color--navy);
	display: flex !important;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 8px !important;
	margin-inline: auto;
	box-shadow: 0 0 0 14px var(--wp--preset--color--wit), 0 0 0 16px var(--wp--preset--color--patroon);
	position: relative;
	text-align: center;
}
.qoden-hub > * { margin: 0 !important; }
.wp-block-columns.is-style-koppelingen > .wp-block-column:nth-child(2) { position: relative; }
.wp-block-columns.is-style-koppelingen > .wp-block-column:nth-child(2)::before {
	content: ""; position: absolute; top: 50%; left: -40px; right: -40px; border-top: 2px dashed var(--wp--preset--color--lichtblauw); z-index: 0;
}
.wp-block-columns.is-style-koppelingen .qoden-hub { z-index: 1; }
@media (max-width: 781px) {
	.wp-block-columns.is-style-koppelingen > .wp-block-column:nth-child(2) { order: -1; }
	.wp-block-columns.is-style-koppelingen > .wp-block-column:nth-child(2)::before { display: none; }
}
.qoden-chips { display: flex; flex-wrap: wrap; gap: 10px; }

/* ---------- Klantquote ---------- */
.qoden-quote-tekst { font-family: var(--wp--preset--font-family--outfit); font-weight: 500; line-height: 1.3; }
.qoden-quote-tekst::before {
	content: ""; display: block; width: 44px; height: 34px; margin-bottom: 24px;
	background: var(--wp--preset--color--accent);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 34'%3E%3Cpath d='M0 34V20C0 9 6 2 17 0l2 5c-6 2-9 6-9 11h8v18zm25 0V20C25 9 31 2 42 0l2 5c-6 2-9 6-9 11h8v18z'/%3E%3C/svg%3E") no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 34'%3E%3Cpath d='M0 34V20C0 9 6 2 17 0l2 5c-6 2-9 6-9 11h8v18zm25 0V20C25 9 31 2 42 0l2 5c-6 2-9 6-9 11h8v18z'/%3E%3C/svg%3E") no-repeat;
}

/* ---------- Iconen in kaarten ---------- */
.qoden-icoon { width: 56px; height: 56px; border-radius: 16px; display: flex; align-items: center; justify-content: center; background: var(--wp--preset--color--wit); margin: 0 !important; }
.qoden-icoon svg { width: 26px; height: 26px; stroke: var(--wp--preset--color--blauw); }
.is-style-kaart-donker .qoden-icoon { background: var(--wp--preset--color--blauw); }
.is-style-kaart-donker .qoden-icoon svg { stroke: var(--wp--preset--color--wit); }
.qoden-icoon--klein { width: 40px; height: 40px; border-radius: 12px; }
.qoden-icoon--klein svg { width: 20px; height: 20px; }
.qoden-icoon--los { background: none; width: auto; height: auto; justify-content: flex-start; }
.qoden-icoon--los svg { width: 40px; height: 40px; stroke-width: 1.6; }

/* ---------- Connectoren ---------- */
.qoden-filter .wp-block-categories, .qoden-filter ul { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 10px; }
.qoden-filter li a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 18px; border-radius: 999px; border: 1.5px solid var(--wp--preset--color--lijn); background: var(--wp--preset--color--wit); color: var(--wp--preset--color--navy); font-weight: 600; font-size: 15px; }
.qoden-filter li a:hover { border-color: var(--wp--preset--color--navy); text-decoration: none; }
.qoden-filter li.current-cat a, .qoden-filter li a[aria-current] { background: var(--wp--preset--color--navy); color: var(--wp--preset--color--wit); border-color: var(--wp--preset--color--navy); }
.qoden-connector-kaart .wp-block-post-terms a { font-size: 13px; color: var(--wp--preset--color--accent-tekst); }

/* ---------- Formulieren (Contact Form 7 en algemeen) ---------- */
.qoden-formulier label, .wpcf7 label { display: block; font-weight: 600; color: var(--wp--preset--color--navy); font-size: 15px; }
.qoden-formulier :where(input[type=text], input[type=email], input[type=tel], select, textarea),
.wpcf7 :where(input[type=text], input[type=email], input[type=tel], select, textarea) {
	width: 100%; box-sizing: border-box; margin-top: 6px; min-height: 50px; padding: 12px 14px; font: inherit; font-size: 16px; color: var(--wp--preset--color--navy);
	background: var(--wp--preset--color--wit); border: 1.5px solid #C5D3DF; border-radius: 14px;
}
.wpcf7 textarea { min-height: 140px; }
.wpcf7 :where(input, select, textarea):focus { outline: 3px solid var(--wp--preset--color--lichtblauw); border-color: var(--wp--preset--color--blauw); }
.wpcf7 form > p { margin: 0 0 16px; }
.wpcf7 input[type=submit] { width: auto; min-height: 50px; padding: 0 28px; border: 0; border-radius: 999px; background: var(--wp--preset--color--blauw); color: var(--wp--preset--color--wit); font-weight: 600; font-size: 16px; cursor: pointer; }
.wpcf7 input[type=submit]:hover { background: var(--wp--preset--color--blauw-donker); }
.wpcf7 .wpcf7-not-valid-tip { color: #B3261E; font-size: 14px; margin-top: 4px; }
.wpcf7 form .wpcf7-response-output { border-radius: 14px; margin: 16px 0 0; padding: 12px 16px; }

/* ---------- Footer ---------- */
.site-footer a { color: var(--wp--preset--color--tekst-op-donker); }
.site-footer a:hover { color: var(--wp--preset--color--wit); }
.site-footer .wp-block-navigation a { color: var(--wp--preset--color--tekst-op-donker); }
.site-footer .wp-block-navigation-item { margin: 0; }
.qoden-footer-logo img { width: 220px; height: auto; }

/* ---------- Kleine schermen ---------- */
@media (max-width: 781px) {
	.qoden-hero-foto { order: 2; }
	.wp-block-buttons.qoden-knoppen-mobiel-vol > .wp-block-button { width: 100%; }
	.wp-block-buttons.qoden-knoppen-mobiel-vol > .wp-block-button .wp-block-button__link { width: 100%; }
}

/* ---------- Aanvullingen ---------- */
.qoden-mega__item > * { margin: 0 !important; }
.qoden-mega__titel a { font-family: var(--wp--preset--font-family--outfit); font-weight: 600; font-size: 16px; color: var(--wp--preset--color--navy); }
.qoden-mega__titel a:hover { text-decoration: none; color: var(--wp--preset--color--blauw); }
.qoden-mega__uitleg { font-size: 13.5px !important; color: #5A6E82; line-height: 1.4; margin-top: 2px !important; }
.qoden-mega__voetnoot, .qoden-mega__extra { font-size: 13px; color: #5A6E82; margin: 12px 12px 0 !important; }
.qoden-mega__extra { border-top: 1px solid #E6ECF1; padding-top: 14px; font-weight: 600; font-size: 14px; line-height: 2; }
.qoden-mega__uitgelicht { gap: 14px !important; }
.qoden-mega__uitgelicht h3 { line-height: 1.2; }
.qoden-mega__kolom { gap: 2px !important; }

.qoden-hero-foto { position: relative; }
.qoden-hero-badge { position: absolute; left: -36px; bottom: 40px; box-shadow: 0 12px 40px rgba(14,37,57,.12); padding: 16px 20px !important; gap: 14px !important; border: 0 !important; z-index: 2; }
.qoden-hero-badge p { margin: 0; line-height: 1.35; }
@media (max-width: 781px) { .qoden-hero-badge { position: static; margin-top: 16px; box-shadow: none; } }
.qoden-icoon--accent { background: var(--wp--preset--color--accent-vlak); }
.qoden-icoon--accent svg { stroke: var(--wp--preset--color--accent-tekst); }
.is-style-kaart-licht .qoden-icoon:not(.qoden-icoon--los) { background: var(--wp--preset--color--wit); }
.qoden-product .qoden-icoon--los svg { width: 32px; height: 32px; }
.qoden-product > .is-style-tag { position: absolute; top: 16px; right: 16px; }
.qoden-product { position: relative; }

.qoden-hub__titel { font-family: var(--wp--preset--font-family--outfit); font-weight: 600; line-height: 1.1; }
.qoden-cta-tekst { flex: 1 1 420px; max-width: 640px; }
.qoden-cta-tekst > * + * { margin-top: 12px; }
.qoden-filter { gap: 10px !important; }
.qoden-filter__alles { margin: 0; }
.qoden-filter__alles a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 18px; border-radius: 999px; border: 1.5px solid var(--wp--preset--color--navy); background: var(--wp--preset--color--navy); color: var(--wp--preset--color--wit); font-weight: 600; font-size: 15px; }
.tax-connector_categorie .qoden-filter__alles a { background: var(--wp--preset--color--wit); color: var(--wp--preset--color--navy); border-color: var(--wp--preset--color--lijn); }
.qoden-kruimelpad a { color: var(--wp--preset--color--tekst); }
.qoden-quote-blok .wp-block-columns { margin: 0; }
.is-style-kaart-donker .is-style-tag:not(.has-background) { background: transparent; color: var(--wp--preset--color--wit); border-color: #3B5874; }
.qoden-klikkaart .wp-block-post-title a { color: inherit; }
.qoden-klikkaart .wp-block-post-title a::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }
.qoden-klikkaart .wp-block-post-terms a, .qoden-klikkaart .wp-block-post-excerpt__more-link { position: relative; z-index: 1; }
.wp-block-post-excerpt__more-link { font-weight: 600; }
@media (min-width: 782px) { .wp-block-button__link { white-space: nowrap; } }
.qoden-product h3 { overflow-wrap: break-word; hyphens: auto; }
.wp-site-blocks > * { margin-block-start: 0; }
.qoden-mega > :not(summary) { margin-top: 0 !important; }
.qoden-mega__paneel > * { margin-block-start: 0; }
.qoden-filter__lijst { list-style: none; padding: 0; margin: 0 0 32px; display: flex; flex-wrap: wrap; gap: 10px; }
.qoden-melding { background: var(--wp--preset--color--accent-vlak); color: var(--wp--preset--color--navy); padding: 14px 18px; border-radius: 14px; }
/* Grids: op smallere schermen vanzelf minder kolommen (ook in oudere WordPress-versies) */
@media (max-width: 1100px) {
	.is-layout-grid:not(.qoden-grid-vast) { grid-template-columns: repeat(auto-fill, minmax(min(100%, 13rem), 1fr)) !important; }
	.is-layout-grid:not(.qoden-grid-vast) > * { grid-column: auto !important; }
}
.qoden-logo img { width: 132px; height: auto; display: block; }
.qoden-beurs-header a { color: var(--wp--preset--color--wit); }
.qoden-icoon { flex: none; }