/* Studio MVP Webshop: WooCommerce in de huisstijl, alleen tokens. */
.smvp-cart-link { position: relative; display: inline-grid; place-items: center; width: 44px; height: 44px; border-radius: var(--smvp-radius); color: var(--smvp-color-text); text-decoration: none; }
.smvp-cart-link:hover { background: var(--smvp-color-muted-bg); }
.smvp-cart-link__count { position: absolute; top: 2px; right: 0; min-width: 19px; height: 19px; padding: 0 5px; border-radius: 99px; background: var(--smvp-color-primary); color: var(--smvp-color-primary-contrast); font-size: 11px; font-weight: 700; line-height: 19px; text-align: center; }
.smvp-cart-link__count[data-empty] { display: none; }

.smvp-products__grid { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--smvp-gap); grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 900px) { .smvp-products__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.smvp-product__link { display: grid; gap: 8px; color: inherit; text-decoration: none; }
.smvp-product__link .smvp-frame img { transition: transform 600ms var(--smvp-ease); }
.smvp-product__link:hover .smvp-frame img { transform: scale(1.04); }
.smvp-product__title { font-size: 1rem; font-weight: 600; margin-top: 6px; }
.smvp-product__price { color: var(--smvp-color-muted); }

/* Klassieke WooCommerce sjablonen */
.smvp-shop .woocommerce-breadcrumb { font-size: var(--smvp-size-sm); color: var(--smvp-color-muted); margin-bottom: 18px; }
.smvp-shop .woocommerce-products-header__title, .smvp-shop .product_title { font-family: var(--smvp-font-heading); font-weight: var(--smvp-weight-heading); letter-spacing: var(--smvp-tracking-heading); line-height: var(--smvp-leading-heading); font-size: var(--smvp-size-h2); margin-bottom: 18px; }
.woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: 1rem; font-weight: 600; }
.woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price { color: var(--smvp-color-text); font-weight: 600; }
.woocommerce ul.products li.product a img { border-radius: var(--smvp-radius); aspect-ratio: 1 / 1; object-fit: cover; }
.woocommerce span.onsale { background: var(--smvp-color-accent); color: var(--smvp-color-accent-contrast); }
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce a.button.alt, .woocommerce button.button.alt {
	background: var(--smvp-color-primary); color: var(--smvp-color-primary-contrast); border-radius: var(--smvp-radius); font-family: var(--smvp-font-body); font-weight: 600; padding: 0.85em 1.4em;
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce button.button.alt:hover, .woocommerce a.button.alt:hover { background: color-mix(in srgb, var(--smvp-color-primary) 86%, #000); color: var(--smvp-color-primary-contrast); }
.woocommerce .woocommerce-message, .woocommerce .woocommerce-info { border-top-color: var(--smvp-color-primary); }
.woocommerce .woocommerce-message::before, .woocommerce .woocommerce-info::before { color: var(--smvp-color-primary); }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active { border-bottom-color: var(--smvp-color-bg); }

/* WooCommerce blokken (winkelmand en afrekenen) */
.wc-block-components-button:not(.is-link) { background: var(--smvp-color-primary) !important; color: var(--smvp-color-primary-contrast) !important; border-radius: var(--smvp-radius) !important; }
.wc-block-components-text-input input, .wc-block-components-combobox input, .wc-block-components-select select { border-radius: var(--smvp-radius) !important; }

/* Instant filter (SMVP Instant Filter) in de huisstijl: alleen tokens. */
.smvp-shop .smvp-if { --smvp-if-ink: var(--smvp-color-text); --smvp-if-line: var(--smvp-color-line, var(--smvp-color-text)); --smvp-if-bg: var(--smvp-color-bg, #fff); --smvp-if-accent: var(--smvp-color-primary); margin: 0 0 28px; }
.smvp-shop .smvp-if__select, .smvp-shop .smvp-if__toggle { border-radius: var(--smvp-radius); font-family: var(--smvp-font-body); }
.smvp-shop .smvp-if__label { letter-spacing: 0.04em; color: var(--smvp-color-muted); }
.smvp-shop .smvp-if a.smvp-if__reset { color: var(--smvp-color-text) !important; }
.smvp-shop .smvp-if a.smvp-if__reset:hover, .smvp-shop .smvp-if a.smvp-if__reset:focus-visible { color: var(--smvp-color-primary) !important; }
.smvp-shop .smvp-if-empty { margin: 24px 0 !important; }


/* Knoppen in productblokken: kleur uit de tokens, genoeg contrast. */
.wc-block-grid__product-add-to-cart .wp-block-button__link,.wp-block-woocommerce-product-button .wp-block-button__link,.wc-block-components-product-button__button,.smvp-empty-cart .wp-element-button{background:var(--smvp-color-primary,#0c434c)!important;color:var(--smvp-color-primary-contrast,#fff)!important;border-radius:var(--smvp-radius,8px)}
.smvp-empty-cart{margin:1.5em 0}
.woocommerce-breadcrumb{color:var(--smvp-color-text,#1d2327)}
.woocommerce-breadcrumb a{color:var(--smvp-color-text,#1d2327);text-decoration:underline;text-underline-offset:2px}