/*
Theme Name: modestplus
Theme URI: https://modestplus.nl
Description: Child-thema van Twenty Twenty-Five in de Modestplus-huisstijl (versie 1, november 2026).
Author: Modestplus
Template: twentytwentyfive
Version: 1.1.1
Requires at least: 6.7
Text Domain: modestplus
*/

/* ---------- Header ---------- */
.mp-announce p { margin: 0; letter-spacing: 0.01em; }
.mp-header__row > * { flex: 1 1 0; min-width: 0; }
.mp-header__brand { flex: 0 0 auto !important; }
.mp-header__brand .wp-block-site-title,
.mp-footer .wp-block-site-title { margin: 0; line-height: 1; }
.mp-logo-icon { display: inline-flex; line-height: 0; }
.mp-logo-icon img { display: block; }
.mp-header .wp-block-search__button { background: none; border: 0; padding: 0; color: var(--wp--preset--color--contrast); }
.mp-header .wp-block-search__button svg { width: 22px; height: 22px; }
.mp-header .wc-block-mini-cart__button { padding: 0; }
.mp-header .wp-block-navigation-item__label { white-space: nowrap; }
/* Onder 1100px: hamburgermenu in plaats van zes losse links. */
@media (max-width: 1099px) {
	.mp-header .wp-block-navigation__responsive-container-open:not(.always-shown) { display: flex; }
	.mp-header .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: none; }
}
@media (max-width: 781px) {
	.mp-header__row > .mp-header__nav { flex: 0 0 auto; }
	.mp-header__brand .wp-block-site-title { font-size: 1rem !important; letter-spacing: 0.22em !important; }
	.mp-logo-icon img { width: 32px; height: 32px; }
	.mp-announce p { font-size: 0.75rem !important; }
}
@media (max-width: 480px) {
	.mp-header__brand .wp-block-site-title { display: none; }
}

/* ---------- Typografie ---------- */
h1 em, h2 em, .mp-display em { color: var(--wp--preset--color--accent-3); }
.is-style-mp-label,
p.mp-label {
	font-size: 0.75rem !important;
	font-weight: 600;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--wp--preset--color--accent-4);
}
.mp-more a,
a.mp-more {
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--wp--preset--color--contrast);
	text-underline-offset: 4px;
}

/* ---------- Knoppen ---------- */
.wp-block-button.is-style-outline > .wp-block-button__link {
	background: transparent;
	color: var(--wp--preset--color--contrast);
	border: 1px solid var(--wp--preset--color--contrast);
}
.wp-block-button.is-style-outline > .wp-block-button__link:hover {
	background: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base);
}

/* ---------- Homepage ---------- */
.wp-block-columns.mp-hero.has-background { padding: 0; }
.mp-hero { min-height: 0; }
.mp-hero .mp-hero__image .wp-block-image { margin: 0; }
.mp-hero .mp-hero__image img { width: 100%; height: 100%; min-height: 420px; object-fit: cover; display: block; }
.mp-hero .mp-hero__image { align-self: stretch; }
.mp-hero .mp-hero__image figure { height: 100%; margin: 0; }
.mp-card img { aspect-ratio: 1 / 1.04; object-fit: cover; width: 100%; }
.mp-card h3 { margin-top: 1rem; margin-bottom: 0.25rem; }
.mp-card p { margin: 0 0 0.6rem; }
.mp-usp p { margin: 0; font-size: 0.875rem; }
.mp-usp strong { font-weight: 600; }
.mp-story img { aspect-ratio: 1.23 / 1; object-fit: cover; width: 100%; }
.mp-advice { border: 1px solid var(--wp--preset--color--accent-2); }

/* ---------- Footer ---------- */
.mp-footer__title { font-weight: 600; font-size: 0.875rem; margin-bottom: 0.5rem; }
.mp-footer ul.is-style-plain { list-style: none; padding: 0; margin: 0; font-size: 0.875rem; line-height: 2; }
.mp-footer a { color: var(--wp--preset--color--contrast); text-decoration: none; }
.mp-footer a:hover { text-decoration: underline; }

/* ---------- WooCommerce ---------- */
.wc-block-components-product-image img,
.wc-block-grid__product-image img,
.woocommerce ul.products li.product a img {
	aspect-ratio: 4 / 5;
	object-fit: cover;
	background: var(--wp--preset--color--accent-1);
}
.woocommerce ul.products li.product,
.wc-block-product { text-align: left; }
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.wc-block-components-product-name {
	font-family: var(--wp--preset--font-family--inter);
	font-size: 0.875rem !important;
	font-weight: 400;
	color: var(--wp--preset--color--contrast);
}
.woocommerce ul.products li.product .price,
.wc-block-components-product-price { color: var(--wp--preset--color--contrast); font-size: 0.875rem; }
.woocommerce span.onsale,
.wc-block-components-product-sale-badge {
	background: var(--wp--preset--color--lila);
	color: var(--wp--preset--color--accent-3);
	border: 0;
	border-radius: 0;
	font-size: 0.6875rem;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}
.woocommerce a.button,
.woocommerce button.button,
.wc-block-components-button:not(.is-link) {
	border-radius: 0 !important;
	background: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base);
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.wc-block-components-button:not(.is-link):hover { background: var(--wp--preset--color--accent-3); }