/* Aanvullingen op theme.json: alleen wat theme.json niet kan. */

/* Woordmerk: sitetitel + tagline gestapeld */
.bdv-woordmerk { gap: 0.3rem !important; }
.bdv-woordmerk .wp-block-site-title,
.bdv-woordmerk .wp-block-site-tagline { margin: 0; }

/* Bovenkop (klein label boven een kop) */
.is-style-bovenkop {
	font-size: var(--wp--preset--font-size--x-small);
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--wp--preset--color--bordeaux);
	margin-bottom: 0;
}

/* Zichtbare markering voor alles wat nep of tijdelijk is */
.is-style-placeholder {
	display: inline-block;
	font-family: var(--wp--preset--font-family--sans);
	font-size: var(--wp--preset--font-size--x-small);
	font-weight: 500;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #7a1f00;
	background: #fff3c4;
	border: 1px dashed #c08a00;
	border-radius: 4px;
	padding: 0.2em 0.6em;
}

/* Kaart: zachte, ronde vormtaal uit het concept */
.is-style-kaart {
	border-radius: var(--wp--custom--radius--kaart);
	box-shadow: var(--wp--preset--shadow--kaart);
	transition: box-shadow 200ms ease, transform 200ms ease;
}
a:hover > .is-style-kaart,
.is-style-kaart:has(a:hover) {
	box-shadow: var(--wp--preset--shadow--kaart-hover);
	transform: translateY(-2px);
}

/* Gelegenheidstegels: hele tegel klikbaar */
.bdv-tegel { position: relative; }
.bdv-tegel .bdv-tegel__link a::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }

/* Productkaarten in de selectie-grid */
.bdv-selectie .wc-block-product {
	background: var(--wp--preset--color--wit);
	border-radius: var(--wp--custom--radius--kaart);
	box-shadow: var(--wp--preset--shadow--kaart);
	overflow: hidden;
	transition: box-shadow 200ms ease, transform 200ms ease;
}
.bdv-selectie .wc-block-product:hover { box-shadow: var(--wp--preset--shadow--kaart-hover); transform: translateY(-2px); }
.bdv-selectie .wc-block-components-product-image { background: var(--wp--preset--color--creme); margin-bottom: 0 !important; }
.bdv-selectie .wc-block-product > :not(.wc-block-components-product-image) { padding-inline: 1.25rem; }
.bdv-selectie .wc-block-product > :last-child { padding-bottom: 1.5rem; }
.bdv-selectie .wp-block-post-title { margin-top: 1.25rem; }
.bdv-selectie .wc-block-components-product-price { font-variant-numeric: tabular-nums; font-weight: 500; }

/* Hero */
.bdv-hero h1 { max-width: 14ch; }
.bdv-hero .bdv-hero__tekst { max-width: 36rem; }

@media (prefers-reduced-motion: reduce) {
	.is-style-kaart, .bdv-selectie .wc-block-product { transition: none; }
	a:hover > .is-style-kaart, .is-style-kaart:has(a:hover), .bdv-selectie .wc-block-product:hover { transform: none; }
}

/* Template-onderdelen (ook in WooCommerce-templates, daarom op element, niet op class) */
.wp-site-blocks > header.wp-block-template-part {
	position: sticky;
	top: 0;
	z-index: 40;
	background: color-mix(in srgb, var(--wp--preset--color--basis) 90%, transparent);
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
	border-bottom: 1px solid var(--wp--preset--color--lijn);
}
.admin-bar .wp-site-blocks > header.wp-block-template-part { top: var(--wp-admin--admin-bar--height, 0); }
.wp-site-blocks > main,
.wp-site-blocks > footer { margin-block-start: 0; }
.wp-site-blocks > footer { border-top: 1px solid var(--wp--preset--color--lijn); }
.bdv-footer-lijst { list-style: none; padding-left: 0; }
.bdv-footer-lijst li + li { margin-top: 0.4rem; }

/* Hero op donkere achtergrond */
.bdv-hero :is(h1, p):not(.is-style-placeholder) { color: var(--wp--preset--color--wit); }
.bdv-hero .is-style-bovenkop { color: color-mix(in srgb, var(--wp--preset--color--wit) 80%, transparent); }
.bdv-hero .bdv-hero__tekst { color: color-mix(in srgb, var(--wp--preset--color--wit) 88%, transparent); }
.bdv-hero .is-style-outline .wp-block-button__link {
	color: var(--wp--preset--color--wit);
	border-color: color-mix(in srgb, var(--wp--preset--color--wit) 35%, transparent);
}
.bdv-hero .is-style-outline .wp-block-button__link:hover { background: color-mix(in srgb, var(--wp--preset--color--wit) 10%, transparent); }

/* Beeld-placeholder */
.bdv-beeld-placeholder { aspect-ratio: 3 / 2; border-radius: var(--wp--custom--radius--kaart); }

/* v0.1.2 – na mobiele review */
/* Header-iconen gelijk kleuren (Woo voegt het account-icoon zelf toe) */
.wp-site-blocks > header .wc-block-customer-account,
.wp-site-blocks > header .wc-block-customer-account a,
.wp-site-blocks > header .wc-block-mini-cart__button { color: var(--wp--preset--color--pruim); }
@media (max-width: 600px) {
	.wp-site-blocks > header .wp-block-site-tagline { letter-spacing: 0.1em; font-size: 0.6875rem; }
}
/* Lege selectie */
.bdv-selectie .wc-block-product-collection__no-results { text-align: left; }

/* v0.2.0 – productpagina en kaart */
.bdv-selectie .wc-block-components-product-stock-indicator,
.wp-block-woocommerce-product-stock-indicator { color: var(--wp--preset--color--bordeaux); font-size: var(--wp--preset--font-size--small); }
.bdv-selectie .wc-block-product > p { margin-block: 0.25rem 0; }
.bdv-product-beeld .woocommerce-product-gallery__image,
.bdv-product-beeld .woocommerce-product-gallery img { border-radius: var(--wp--custom--radius--kaart); background: var(--wp--preset--color--creme); }
.bdv-video iframe { width: 100%; height: auto; aspect-ratio: 16 / 9; border-radius: var(--wp--custom--radius--kaart); }
.single-product .wp-block-add-to-cart-form .single_add_to_cart_button { border-radius: var(--wp--custom--radius--knop); }