/* 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; }