/* Delta Europe Huisstijl — gegenereerd uit het Delta Europe design system */

/* ---------- Tokens ---------- */
:root {
	--de-blue: #003399; --de-yellow: #ffcc00; --de-navy-deep: #002266;
	--de-surface: #ffffff; --de-surface-raised: #f4f6fb; --de-surface-brand: #003399;
	--de-ink: #003399; --de-ink-muted: #4d5f8f; --de-link: #003399;
	--de-on-blue: #ffcc00; --de-on-yellow: #003399;
	--de-line: #c9d1e3; --de-control-border: #7d879e; --de-focus: #003399;
	--de-success: #1d7a3a; --de-success-bg: #e8f5ec;
	--de-warning: #8a5a00; --de-warning-bg: #fff6dc;
	--de-danger: #b42318; --de-danger-bg: #fdeceb;
	--de-info: #003399; --de-info-bg: #eaf0fb;
	--de-space-1: 4px; --de-space-2: 8px; --de-space-4: 16px; --de-space-6: 24px;
	--de-radius-sm: 4px; --de-radius-md: 8px;
	--de-font-display: Michroma, "Eurostile", system-ui, sans-serif;
	--de-font-sans: Montserrat, system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
}
/* Navy vlakken: geef een groep, kolom of sectie de klasse "de-navy" of de kleur "Delta navy" / "Navy diep". */
.de-navy, .has-delta-navy-background-color, .has-navy-diep-background-color {
	--de-surface: #003399; --de-surface-raised: #002266; --de-surface-brand: #002266;
	--de-ink: #ffcc00; --de-ink-muted: #c9d4f0; --de-link: #ffcc00;
	--de-line: #2a4fae; --de-control-border: #8aa0dd; --de-focus: #ffcc00;
	--de-success: #7fe0a0; --de-success-bg: #002266; --de-warning: #ffcc00; --de-warning-bg: #002266;
	--de-danger: #ffb3a7; --de-danger-bg: #002266; --de-info: #c9d4f0; --de-info-bg: #002266;
	color: var(--de-ink);
}
.de-navy { background-color: var(--de-surface); }
.has-navy-diep-background-color { --de-surface: #002266; }
.de-navy a:not(.de-btn):not(.button), .has-delta-navy-background-color a:not(.wp-block-button__link), .has-navy-diep-background-color a:not(.wp-block-button__link) { color: var(--de-link); }
.has-delta-geel-background-color { color: #003399; }

/* ---------- Basis ---------- */
body { color: var(--de-ink); font-family: var(--de-font-sans); }
h1, h2, h3, h4, .wp-block-heading, .entry-title, .product_title, .woocommerce-loop-product__title, .wc-block-grid__product-title {
	font-family: var(--de-font-display); font-weight: 400; color: var(--de-ink); letter-spacing: .01em;
}
a { color: var(--de-link); }
.de-icon { display: inline-block; flex: none; vertical-align: middle; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, .button:focus-visible {
	outline: 2px solid var(--de-focus); outline-offset: 2px;
}

/* ---------- Knoppen ---------- */
.de-btn, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit,
.woocommerce .single_add_to_cart_button, .woocommerce a.checkout-button, .woocommerce #place_order,
.wp-block-button__link, .wp-element-button, .wc-block-components-button:not(.is-link) {
	display: inline-flex; align-items: center; justify-content: center; gap: var(--de-space-2);
	min-height: 44px; box-sizing: border-box; padding: var(--de-space-2) var(--de-space-4);
	border: 2px solid var(--de-ink); border-radius: var(--de-radius-sm);
	background: var(--de-yellow); color: var(--de-on-yellow);
	font-family: var(--de-font-display); font-size: 11px; font-weight: 400; line-height: 16px;
	letter-spacing: .08em; text-transform: uppercase; text-decoration: none; white-space: nowrap; cursor: pointer;
}
.de-btn:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,
.woocommerce .single_add_to_cart_button:hover, .wp-block-button__link:hover, .wp-element-button:hover, .wc-block-components-button:not(.is-link):hover {
	background: var(--de-yellow); color: var(--de-on-yellow); filter: brightness(1.08);
}
/* Tweede knop: omlijnd */
.de-btn-secondary, .wp-block-button.is-style-outline > .wp-block-button__link, .woocommerce a.button.wc-backward, .woocommerce button[name="update_cart"], .woocommerce button[name="apply_coupon"] {
	background: transparent; color: var(--de-ink);
}
.de-btn-secondary:hover, .wp-block-button.is-style-outline > .wp-block-button__link:hover { background: var(--de-surface-raised); color: var(--de-ink); filter: none; }
.woocommerce a.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button.disabled, .wc-block-components-button:disabled {
	background: transparent; border-color: var(--de-control-border); color: var(--de-ink-muted); filter: none; cursor: not-allowed; opacity: 1;
}
.woocommerce a.added_to_cart { display: inline-block; margin-top: var(--de-space-2); font-size: 14px; color: var(--de-link); }

/* ---------- Conditielabel ---------- */
.de-label { display: inline-block; align-self: flex-start; margin-bottom: var(--de-space-2); padding: var(--de-space-1) var(--de-space-2); border: 1px solid transparent; border-radius: var(--de-radius-sm); font-family: var(--de-font-display); font-size: 11px; line-height: 16px; letter-spacing: .08em; text-transform: uppercase; }
.de-label-nieuw { background: var(--de-yellow); color: var(--de-on-yellow); border-color: var(--de-ink); }
.de-label-zo-goed-als-nieuw { background: var(--de-surface-brand); color: var(--de-on-blue); border-color: var(--de-ink); }
.de-label-gebruikt { background: transparent; color: var(--de-ink); border-color: var(--de-control-border); }

/* ---------- Voorraad ---------- */
.woocommerce .stock, .woocommerce p.stock { display: inline-flex; align-items: center; gap: var(--de-space-1); margin: var(--de-space-2) 0; font-size: 14px; line-height: 20px; font-weight: 700; }
.woocommerce .stock::before { content: ""; width: 18px; height: 18px; flex: none; background: currentColor; -webkit-mask: var(--de-mask) center / contain no-repeat; mask: var(--de-mask) center / contain no-repeat; }
.woocommerce .stock.in-stock { color: var(--de-success); --de-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2012a9%209%200%201%200%2018%200a9%209%200%201%200%20-18%200%22%2F%3E%3Cpath%20d%3D%22M8%2012l3%203%205-6%22%2F%3E%3C%2Fsvg%3E"); }
.woocommerce .stock.in-stock.de-weinig { color: var(--de-warning); --de-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203.5l9.5%2017h-19z%22%2F%3E%3Cpath%20d%3D%22M12%2010v5%22%2F%3E%3Cpath%20d%3D%22M12%2017.8v.4%22%2F%3E%3C%2Fsvg%3E"); }
.woocommerce .stock.out-of-stock { color: var(--de-danger); --de-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2012a9%209%200%201%200%2018%200a9%209%200%201%200%20-18%200%22%2F%3E%3Cpath%20d%3D%22M9%209l6%206M15%209l-6%206%22%2F%3E%3C%2Fsvg%3E"); }
.woocommerce .stock.available-on-backorder { color: var(--de-info); --de-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2012a9%209%200%201%200%2018%200a9%209%200%201%200%20-18%200%22%2F%3E%3Cpath%20d%3D%22M12%2011v6%22%2F%3E%3Cpath%20d%3D%22M12%207.5v.5%22%2F%3E%3C%2Fsvg%3E"); }

/* ---------- Prijzen ---------- */
.woocommerce .price, .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce ul.products li.product .price, .wc-block-components-product-price {
	color: var(--de-ink); font-family: var(--de-font-sans); font-weight: 700;
}
.woocommerce ul.products li.product .price { font-size: 22px; line-height: 28px; }
.woocommerce div.product p.price, .woocommerce div.product span.price { font-size: 32px; line-height: 40px; }
.de-btw { display: block; margin-top: 2px; font-size: 12px; line-height: 16px; font-weight: 400; color: var(--de-ink-muted); }
.woocommerce div.product .summary .de-btw { font-size: 14px; line-height: 20px; }
.woocommerce .price del { color: var(--de-ink-muted); font-weight: 400; font-size: .7em; }
.woocommerce .price ins { text-decoration: none; }
.woocommerce span.onsale { min-height: 0; min-width: 0; line-height: 16px; padding: var(--de-space-1) var(--de-space-2); border-radius: var(--de-radius-sm); background: var(--de-yellow); color: var(--de-on-yellow); border: 1px solid var(--de-ink); font-family: var(--de-font-display); font-size: 11px; font-weight: 400; letter-spacing: .08em; text-transform: uppercase; }

/* ---------- Productkaarten in de winkel ---------- */
.woocommerce ul.products li.product, .wc-block-grid__product, .wp-block-woocommerce-product-template > li {
	display: flex; flex-direction: column; align-items: flex-start; box-sizing: border-box;
	padding: 0 0 var(--de-space-4); background: var(--de-surface-raised);
	border: 1px solid var(--de-line); border-radius: var(--de-radius-md); overflow: hidden; text-align: left;
}
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link { display: flex; flex-direction: column; align-items: flex-start; width: 100%; color: inherit; text-decoration: none; }
.woocommerce ul.products li.product a img, .wc-block-grid__product-image img {
	width: 100%; aspect-ratio: 4 / 3; object-fit: contain; margin: 0 0 var(--de-space-4); background: #ffffff; border-bottom: 1px solid var(--de-line);
}
.woocommerce ul.products li.product > *:not(a.woocommerce-LoopProduct-link), .woocommerce ul.products li.product a.woocommerce-LoopProduct-link > *:not(img) { margin-left: var(--de-space-4); margin-right: var(--de-space-4); }
.woocommerce ul.products li.product .woocommerce-loop-product__title { padding: 0; font-size: 15px; line-height: 22px; }
.woocommerce ul.products li.product .button { margin-top: auto; width: calc(100% - 2 * var(--de-space-4)); }
.woocommerce ul.products li.product .de-label { margin-left: var(--de-space-4); }

/* ---------- Productpagina ---------- */
.woocommerce div.product .product_title { font-size: 24px; line-height: 32px; margin-bottom: var(--de-space-2); }
.woocommerce div.product div.images img { background: #ffffff; border: 1px solid var(--de-line); border-radius: var(--de-radius-md); }
.woocommerce div.product div.images .flex-control-thumbs li img { border-radius: var(--de-radius-sm); border: 1px solid var(--de-line); opacity: 1; }
.woocommerce div.product div.images .flex-control-thumbs li img.flex-active { border: 2px solid var(--de-ink); }
.woocommerce div.product form.cart { display: flex; flex-wrap: wrap; gap: var(--de-space-2); margin: var(--de-space-4) 0; }
.woocommerce div.product form.cart .single_add_to_cart_button { flex: 1; }
.woocommerce .quantity .qty { height: 44px; width: 72px; box-sizing: border-box; border: 1px solid var(--de-control-border); border-radius: var(--de-radius-sm); color: var(--de-ink); background: var(--de-surface); font-size: 16px; text-align: center; }
.de-promises { list-style: none; margin: var(--de-space-4) 0; padding: var(--de-space-4); display: flex; flex-direction: column; gap: var(--de-space-2); background: var(--de-surface-raised); border: 1px solid var(--de-line); border-radius: var(--de-radius-md); font-size: 14px; line-height: 20px; color: var(--de-ink); }
.de-promises li { display: flex; align-items: center; gap: var(--de-space-2); margin: 0; }
.woocommerce div.product .product_meta { font-size: 14px; color: var(--de-ink-muted); }
/* Tabbladen */
.woocommerce div.product .woocommerce-tabs ul.tabs { padding: 0; margin: 0 0 var(--de-space-4); border-bottom: 2px solid var(--de-line); }
.woocommerce div.product .woocommerce-tabs ul.tabs::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::after { display: none; }
.woocommerce div.product .woocommerce-tabs ul.tabs li { background: transparent; border: 0; border-radius: 0; margin: 0 var(--de-space-4) -2px 0; padding: 0; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a { padding: var(--de-space-2) 0; font-family: var(--de-font-display); font-weight: 400; font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: var(--de-ink-muted); }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active { border-bottom: 2px solid var(--de-ink); }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: var(--de-ink); }
/* Specificatietabel (tab "Aanvullende informatie") */
.woocommerce table.shop_attributes { width: 100%; max-width: 640px; border: 0; border-collapse: collapse; background: var(--de-surface-raised); border-radius: var(--de-radius-md); overflow: hidden; font-size: 14px; line-height: 20px; }
.woocommerce table.shop_attributes th, .woocommerce table.shop_attributes td { padding: var(--de-space-2) var(--de-space-4); border: 0; border-bottom: 1px solid var(--de-line); background: transparent; text-align: left; vertical-align: top; font-style: normal; }
.woocommerce table.shop_attributes th { width: 40%; font-weight: 400; color: var(--de-ink-muted); }
.woocommerce table.shop_attributes td { color: var(--de-ink); }
.woocommerce table.shop_attributes td p { margin: 0; padding: 0; }
.woocommerce table.shop_attributes tr:last-child th, .woocommerce table.shop_attributes tr:last-child td { border-bottom: 0; }
.woocommerce table.shop_attributes tr:nth-child(even) th, .woocommerce table.shop_attributes tr:nth-child(even) td { background: transparent; }

/* ---------- Meldingen ---------- */
.woocommerce-message, .woocommerce-info, .woocommerce-error, .wc-block-components-notice-banner {
	position: relative; display: flex; flex-wrap: wrap; align-items: center; gap: var(--de-space-2);
	margin: 0 0 var(--de-space-4); padding: var(--de-space-4) var(--de-space-4) var(--de-space-4) 48px; list-style: none;
	border: 1px solid; border-top-width: 1px; border-radius: var(--de-radius-md); color: var(--de-ink); font-size: 14px; line-height: 20px;
}
.woocommerce-message::before, .woocommerce-info::before, .woocommerce-error::before {
	content: ""; position: absolute; left: var(--de-space-4); top: var(--de-space-4); width: 22px; height: 22px; margin: 0; font-family: inherit;
	background: currentColor; -webkit-mask: var(--de-mask) center / contain no-repeat; mask: var(--de-mask) center / contain no-repeat;
}
.wc-block-components-notice-banner { padding-left: var(--de-space-4); }
.woocommerce-message, .wc-block-components-notice-banner.is-success { background: var(--de-success-bg); border-color: var(--de-success); --de-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2012a9%209%200%201%200%2018%200a9%209%200%201%200%20-18%200%22%2F%3E%3Cpath%20d%3D%22M8%2012l3%203%205-6%22%2F%3E%3C%2Fsvg%3E"); }
.woocommerce-message::before { color: var(--de-success); }
.woocommerce-info, .wc-block-components-notice-banner.is-info { background: var(--de-info-bg); border-color: var(--de-info); --de-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2012a9%209%200%201%200%2018%200a9%209%200%201%200%20-18%200%22%2F%3E%3Cpath%20d%3D%22M12%2011v6%22%2F%3E%3Cpath%20d%3D%22M12%207.5v.5%22%2F%3E%3C%2Fsvg%3E"); }
.woocommerce-info::before { color: var(--de-info); }
.wc-block-components-notice-banner.is-warning { background: var(--de-warning-bg); border-color: var(--de-warning); }
.woocommerce-error, .wc-block-components-notice-banner.is-error { background: var(--de-danger-bg); border-color: var(--de-danger); --de-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2012a9%209%200%201%200%2018%200a9%209%200%201%200%20-18%200%22%2F%3E%3Cpath%20d%3D%22M9%209l6%206M15%209l-6%206%22%2F%3E%3C%2Fsvg%3E"); }
.woocommerce-error::before { color: var(--de-danger); }
.wc-block-components-notice-banner.is-success > svg { fill: var(--de-success); background: transparent; }
.wc-block-components-notice-banner.is-error > svg { fill: var(--de-danger); background: transparent; }
.wc-block-components-notice-banner.is-info > svg { fill: var(--de-info); background: transparent; }
.woocommerce-message .button, .woocommerce-info .button, .woocommerce-error .button { order: 2; margin-left: auto; float: none; }

/* ---------- Formulieren ---------- */
.woocommerce form .form-row label, .wc-block-components-text-input label { color: var(--de-ink); font-weight: 700; font-size: 14px; line-height: 20px; }
.woocommerce form .form-row .required { color: var(--de-danger); text-decoration: none; }
.woocommerce form .form-row .optional { color: var(--de-ink-muted); font-weight: 400; }
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select,
.woocommerce-cart table.cart td.actions .coupon .input-text, .select2-container--default .select2-selection--single {
	min-height: 44px; box-sizing: border-box; padding: var(--de-space-2); border: 1px solid var(--de-control-border); border-radius: var(--de-radius-sm);
	background: var(--de-surface); color: var(--de-ink); font-family: var(--de-font-sans); font-size: 16px; line-height: 24px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 26px; color: var(--de-ink); padding-left: 0; }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 42px; }
.woocommerce form .form-row.woocommerce-invalid input.input-text, .woocommerce form .form-row.woocommerce-invalid select { border: 2px solid var(--de-danger); }
.woocommerce form .form-row.woocommerce-validated input.input-text { border-color: var(--de-control-border); }
.wc-block-components-text-input input[type], .wc-block-components-textarea, .wc-blocks-components-select .wc-blocks-components-select__select {
	border: 1px solid var(--de-control-border) !important; border-radius: var(--de-radius-sm) !important; color: var(--de-ink) !important; background: var(--de-surface) !important;
}
.wc-block-components-text-input.has-error input[type] { border: 2px solid var(--de-danger) !important; }
.wc-block-components-validation-error { color: var(--de-danger); font-weight: 700; }
/* Keuzeblokken: verzending en betaalmethode */
.woocommerce ul#shipping_method li, .woocommerce-checkout #payment ul.payment_methods li, .wc-block-components-radio-control__option {
	padding: var(--de-space-4); margin: 0 0 var(--de-space-2); border: 1px solid var(--de-control-border); border-radius: var(--de-radius-md); background: var(--de-surface); list-style: none;
}
.wc-block-components-radio-control__option { padding-left: 48px; }
.wc-block-components-radio-control__option-checked, .woocommerce ul#shipping_method li:has(input:checked), .woocommerce-checkout #payment ul.payment_methods li:has(input:checked) {
	border: 2px solid var(--de-ink); background: var(--de-surface-raised);
}
.woocommerce-checkout #payment { background: transparent; border-radius: 0; }
.woocommerce-checkout #payment ul.payment_methods { padding: 0; border: 0; }
.woocommerce-checkout #payment div.payment_box { background: var(--de-surface-raised); color: var(--de-ink); border-radius: var(--de-radius-sm); }
.woocommerce-checkout #payment div.payment_box::before { border-bottom-color: var(--de-surface-raised); }
input[type="radio"], input[type="checkbox"] { accent-color: var(--de-blue); }

/* ---------- Winkelwagen en overzicht ---------- */
.woocommerce table.shop_table { border: 1px solid var(--de-line); border-radius: var(--de-radius-md); border-collapse: separate; color: var(--de-ink); }
.woocommerce table.shop_table th { font-family: var(--de-font-display); font-weight: 400; font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: var(--de-ink); }
.woocommerce table.shop_table td, .woocommerce table.shop_table th { border-top: 1px solid var(--de-line); padding: var(--de-space-4); }
.woocommerce table.shop_table thead th { border-top: 0; }
.woocommerce table.shop_table td.product-name a { font-family: var(--de-font-display); font-size: 14px; color: var(--de-ink); text-decoration: none; }
.woocommerce table.cart img { width: 88px; background: #ffffff; border: 1px solid var(--de-line); border-radius: var(--de-radius-sm); }
.woocommerce a.remove { color: var(--de-danger) !important; border: 1px solid var(--de-line); }
.woocommerce a.remove:hover { background: var(--de-danger-bg); color: var(--de-danger) !important; }
.woocommerce .cart-collaterals .cart_totals, .woocommerce-checkout-review-order, .wc-block-components-sidebar .wc-block-components-totals-wrapper {
	color: var(--de-ink);
}
.woocommerce .cart-collaterals .cart_totals { padding: var(--de-space-4); background: var(--de-surface-raised); border: 1px solid var(--de-line); border-radius: var(--de-radius-md); }
.woocommerce .cart-collaterals .cart_totals h2 { font-size: 18px; line-height: 26px; }
.woocommerce .cart-collaterals .cart_totals table.shop_table { border: 0; background: transparent; }
.woocommerce .cart_totals .order-total th, .woocommerce .cart_totals .order-total td, .woocommerce-checkout-review-order-table .order-total td { font-size: 18px; font-weight: 700; }
.woocommerce .order-total small.includes_tax, .woocommerce .order-total .includes_tax { display: block; font-size: 13px; font-weight: 400; color: var(--de-ink-muted); }
.woocommerce a.checkout-button { width: 100%; }
.wc-block-components-totals-footer-item .wc-block-components-totals-item__label, .wc-block-components-totals-footer-item .wc-block-components-totals-item__value { font-weight: 700; color: var(--de-ink); }

/* ---------- Openingsbanner [deltae_banner] ---------- */
.de-hero { display: flex; align-items: center; justify-content: space-between; gap: var(--de-space-6); padding: 48px var(--de-space-6); background: var(--de-surface); color: var(--de-ink); overflow: hidden; }
.de-hero-text { max-width: 680px; }
.de-hero .de-hero-title { margin: 0; font-family: var(--de-font-display); font-weight: 400; font-size: clamp(26px, 4vw, 36px); line-height: 1.22; color: var(--de-ink); }
.de-hero-intro { margin: var(--de-space-4) 0 0; font-size: 18px; line-height: 28px; color: var(--de-ink); }
.de-hero-actions { display: flex; flex-wrap: wrap; gap: var(--de-space-4); margin-top: var(--de-space-6); }
.de-hero-art { flex: none; }
.de-hero-art img { display: block; max-width: 360px; border-radius: var(--de-radius-md); }
.de-hero-dots { fill: var(--de-yellow); }
@media (max-width: 720px) { .de-hero { flex-direction: column; align-items: flex-start; padding: 32px var(--de-space-4); } .de-hero-art svg { width: 140px; height: 140px; } }

/* ---------- Voordelenbalk [deltae_voordelen] ---------- */
.de-usp { display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--de-space-2) var(--de-space-6); margin: 0; padding: var(--de-space-2) var(--de-space-6); list-style: none; background: var(--de-surface-raised); color: var(--de-ink); font-size: 14px; line-height: 20px; }
.de-usp li { display: flex; align-items: center; gap: var(--de-space-2); margin: 0; }
.de-usp strong { font-weight: 700; }

/* ---------- Categorieblokken [deltae_categorieen] ---------- */
.de-tiles { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: var(--de-space-6); }
.de-tile { display: flex; flex-direction: column; align-items: flex-start; gap: var(--de-space-2); padding: var(--de-space-4); background: var(--de-surface-raised); border: 1px solid var(--de-line); border-radius: var(--de-radius-md); color: var(--de-ink); text-decoration: none; }
.de-tile:hover { border-color: var(--de-ink); }
.de-tile-icon { display: flex; align-items: center; justify-content: center; width: 72px; height: 72px; margin-bottom: var(--de-space-2); border-radius: var(--de-radius-md); background: var(--de-surface); color: var(--de-ink); }
.de-tile-title { font-family: var(--de-font-display); font-size: 18px; line-height: 26px; }
.de-tile-count { font-size: 14px; line-height: 20px; color: var(--de-ink-muted); }
.de-tile-link { display: inline-flex; align-items: center; gap: var(--de-space-1); font-size: 14px; line-height: 20px; font-weight: 700; color: var(--de-link); text-decoration: underline; text-underline-offset: 3px; }

/* Totalen: labels als gewone tekst */
.woocommerce .cart_totals table.shop_table th, .woocommerce-checkout-review-order-table tfoot th {
	font-family: var(--de-font-sans); font-size: 14px; font-weight: 700; letter-spacing: 0; text-transform: none; text-align: left;
}
.woocommerce .cart_totals table.shop_table td, .woocommerce .cart_totals table.shop_table th { padding: var(--de-space-2) 0; }
.woocommerce .cart_totals .order-total th { font-size: 18px; }
.de-tiles { margin-bottom: var(--de-space-6); }

/* ---------- Blokpatronen: header ---------- */
.de-wp-header { gap: var(--de-space-6); padding: var(--de-space-2) var(--de-space-6); margin-top: 0; margin-bottom: 0; }
.de-wp-header .de-wp-brand { gap: var(--de-space-2); }
.de-wp-header .wp-block-site-title, .de-wp-header .wp-block-site-title a { margin: 0; font-family: var(--de-font-display); font-size: 16px; line-height: 24px; font-weight: 400; color: var(--de-ink); text-decoration: none; white-space: nowrap; }
.de-wp-header .wp-block-site-logo img { display: block; }
.de-wp-header .de-wp-nav { flex: 1; }
.de-wp-header .wp-block-navigation-item__content, .de-wp-header .wc-block-customer-account__account-link, .de-wp-header .wp-block-woocommerce-customer-account a {
	font-family: var(--de-font-display); font-size: 11px; line-height: 16px; letter-spacing: .08em; text-transform: uppercase; color: var(--de-ink); text-decoration: none;
}
.de-wp-header .wp-block-navigation-item__content:hover, .de-wp-header .current-menu-item > .wp-block-navigation-item__content { text-decoration: underline; text-underline-offset: 6px; text-decoration-thickness: 2px; }
.de-wp-header .wp-block-navigation__responsive-container.is-menu-open { background: var(--de-blue); color: var(--de-yellow); }
.de-wp-header .de-wp-tools { gap: var(--de-space-4); }
.de-wp-header .wc-block-mini-cart__button { color: var(--de-ink); font-family: var(--de-font-sans); }
.de-wp-header .wc-block-mini-cart__icon, .de-wp-header .wp-block-woocommerce-customer-account svg { color: var(--de-ink); fill: currentColor; }
.de-wp-header .wc-block-mini-cart__badge { background: var(--de-yellow) !important; color: var(--de-blue) !important; border-color: var(--de-yellow) !important; font-family: var(--de-font-sans); font-weight: 700; }
.de-wp-header + .wp-block-shortcode, .de-wp-header + .de-usp, .de-wp-header ~ .de-usp { margin-top: 0; }
.de-usp { margin-block: 0; }

/* ---------- Blokpatronen: openingsbanner ---------- */
.de-hero.wp-block-group { margin-top: 0; margin-bottom: 0; }
.de-hero .de-hero-text > * + * { margin-top: var(--de-space-4); }
.de-hero .de-hero-actions { margin-top: var(--de-space-6); gap: var(--de-space-4); }
.de-hero .wp-block-button.is-style-outline > .wp-block-button__link { background: transparent; color: var(--de-ink); border-color: var(--de-ink); }

/* ---------- Blokpatronen: categorieblokken ---------- */
.de-wp-section { padding-top: 40px; padding-bottom: 16px; }
.de-wp-section > .wp-block-heading { font-size: 24px; line-height: 32px; margin-bottom: var(--de-space-6); }

/* ---------- Blokpatronen: footer ---------- */
.de-wp-footer { padding: 40px var(--de-space-6) 0; margin-top: 0; margin-bottom: 0; font-size: 14px; line-height: 20px; color: var(--de-ink); }
.de-wp-footer .de-wp-footer-main { gap: 48px; margin-bottom: 0; }
.de-wp-footer a { color: var(--de-ink); text-decoration: none; }
.de-wp-footer a:hover { text-decoration: underline; }
.de-wp-footer .de-footer-slogan { margin: var(--de-space-4) 0; font-family: var(--de-font-display); font-size: 13px; line-height: 20px; color: var(--de-ink); }
.de-wp-footer .de-footer-kop { margin: 0 0 var(--de-space-4); font-family: var(--de-font-display); font-weight: 400; font-size: 11px; line-height: 16px; letter-spacing: .08em; text-transform: uppercase; color: var(--de-ink); }
.de-wp-footer .de-wp-links, .de-footer-contact { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--de-space-2); }
.de-wp-footer .de-wp-links li, .de-footer-contact li { margin: 0; }
.de-footer-contact li { display: flex; align-items: center; gap: var(--de-space-2); }
.de-wp-footer .de-wp-footer-bottom { margin: 32px calc(-1 * var(--de-space-6)) 0; padding: var(--de-space-4) var(--de-space-6); border-top: 1px solid var(--de-line); font-size: 12px; line-height: 16px; color: var(--de-ink-muted); }
.de-wp-footer .de-wp-footer-bottom a { color: var(--de-ink-muted); }
.de-wp-footer .de-footer-links { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--de-space-2); }
.de-wp-footer .de-footer-links li { margin: 0; }
@media (max-width: 720px) { .de-wp-header { padding: var(--de-space-2) var(--de-space-4); gap: var(--de-space-4); } .de-wp-footer { padding: 32px var(--de-space-4) 0; } }

/* ================================================================== *
 * 1.3.0 – aanvullingen
 * ================================================================== */

/* Alleen voor schermlezers */
.de-sr { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

/* Prijs excl. btw (optioneel) */
.de-excl { display: block; }

/* Kortingslabel "−20%": iets groter en goed leesbaar */
.woocommerce span.onsale { font-family: var(--de-font-sans); font-weight: 700; font-size: 13px; letter-spacing: 0; text-transform: none; }

/* Secties op de homepage */
.de-wp-section > .wp-block-heading, .de-sectie-titel { font-size: 24px; line-height: 32px; margin: 0 0 var(--de-space-6); }
.de-meer-link { margin-top: var(--de-space-4); font-weight: 700; }
.de-meer-link a { color: var(--de-link); text-underline-offset: 3px; }
.de-wp-nieuw .woocommerce ul.products { margin-bottom: 0; }

/* Waarom Delta Europe [deltae_waarom] */
.de-waarom { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: var(--de-space-6); margin: 0; padding: 0; list-style: none; }
.de-waarom li { margin: 0; padding: var(--de-space-6) var(--de-space-4); background: var(--de-surface-raised); border: 1px solid var(--de-line); border-radius: var(--de-radius-md); }
.de-waarom-icoon { display: inline-flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: var(--de-radius-md); }
.de-waarom h3 { margin: var(--de-space-4) 0 var(--de-space-2); font-size: 15px; line-height: 22px; }
.de-waarom p { margin: 0; font-size: 15px; line-height: 24px; color: var(--de-ink-muted); }

/* Zakelijk bestellen [deltae_zakelijk] */
.de-zakelijk { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--de-space-6); padding: 40px; border-radius: var(--de-radius-md); }
.de-zakelijk-tekst { flex: 1 1 420px; max-width: 680px; }
.de-zakelijk h2 { margin: 0 0 var(--de-space-2); font-size: 22px; line-height: 30px; color: var(--de-ink); }
.de-zakelijk p { margin: 0; font-size: 16px; line-height: 26px; color: var(--de-ink); }
.de-zakelijk-knoppen { display: flex; flex-wrap: wrap; gap: var(--de-space-4); }
.de-navy .de-btn-secondary { color: var(--de-ink); border-color: var(--de-ink); }
.de-navy .de-btn-secondary:hover { background: var(--de-surface-raised); }
.de-wp-zakelijk { padding-bottom: 56px; }
@media (max-width: 720px) { .de-zakelijk { padding: 24px var(--de-space-4); } }

/* Footer-onderdelen ([deltae_contact], [deltae_footerlinks], [deltae_juridisch]) */
.de-footer-links { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--de-space-2); }
.de-footer-links li { margin: 0; }
.de-footer-contact { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--de-space-2); }
.de-footer-contact li { display: flex; align-items: flex-start; gap: var(--de-space-2); margin: 0; }
.de-footer-contact .de-icon { margin-top: 1px; }
.de-juridisch { display: flex; flex-wrap: wrap; gap: var(--de-space-2) var(--de-space-6); }
.de-wp-footer .de-wp-footer-bottom .de-juridisch a { color: var(--de-ink-muted); }

/* Stukken in een concepttekst die nog aangevuld moeten worden */
.de-aanvullen { padding: var(--de-space-2) var(--de-space-4); background: var(--de-warning-bg); border-left: 4px solid var(--de-yellow); color: var(--de-warning); }

/* Knop op een smalle productkaart: tekst mag afbreken in plaats van over de rand te lopen */
.woocommerce ul.products li.product .button { white-space: normal; text-align: center; }
/* Secties op de homepage: breed, maar nooit breder dan 1200px inhoud */
.de-wp-section.alignwide { max-width: 1200px; margin-left: auto; margin-right: auto; }

/* Producttitel op de productpagina (ook in blokthema's als Twenty Twenty-Five) */
.single-product h1.wp-block-post-title, .woocommerce div.product .product_title { font-size: clamp(22px, 2.4vw, 30px); line-height: 1.3; letter-spacing: .01em; }

/* Productblokken (Gerelateerde producten, Productcollectie): links uitgelijnd zoals de winkel */
.wp-block-woocommerce-product-template > li { padding-bottom: var(--de-space-4); }
.wp-block-woocommerce-product-template > li > *:not(.wc-block-components-product-image) { margin-left: var(--de-space-4); margin-right: var(--de-space-4); text-align: left; }
.wp-block-woocommerce-product-template .wp-block-post-title { font-family: var(--de-font-display); font-size: 15px !important; line-height: 22px; }
.wp-block-woocommerce-product-template .wp-block-post-title a { color: var(--de-ink); text-decoration: none; }
.wp-block-woocommerce-product-template .wc-block-components-product-price { text-align: left; font-size: 20px; }
.wp-block-woocommerce-product-template .wp-block-woocommerce-product-button { margin-top: auto; width: calc(100% - 2 * var(--de-space-4)); }
.wp-block-woocommerce-product-template .wp-block-woocommerce-product-button .wp-block-button__link { width: 100%; white-space: normal; }
.wc-block-components-product-sale-badge { padding: var(--de-space-1) var(--de-space-2); border: 1px solid var(--de-ink); border-radius: var(--de-radius-sm); background: var(--de-yellow); color: var(--de-on-yellow); font-family: var(--de-font-sans); font-size: 13px; font-weight: 700; letter-spacing: 0; text-transform: none; }

/* Knoppen in de huisstijlonderdelen winnen van thema's met sterke eigen knopstijlen (zoals Twenty Twenty-One) */
body .de-hero .wp-block-button:not(.is-style-outline) .wp-block-button__link,
body .woocommerce ul.products li.product .button, body .woocommerce .single_add_to_cart_button,
body .de-btn.de-btn-primary { background: var(--de-yellow) !important; color: var(--de-on-yellow) !important; border: 2px solid var(--de-ink) !important; font-family: var(--de-font-display); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
body .de-hero .wp-block-button.is-style-outline .wp-block-button__link,
body .de-btn.de-btn-secondary { background: transparent !important; color: var(--de-ink) !important; border: 2px solid var(--de-ink) !important; font-family: var(--de-font-display); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }