/* Saasveld · base — reset, a11y/CRO-fundering, container */

/* Globale border-box reset: padding/border tellen mee in width. Voorkomt horizontale
   overflow (o.a. .sv-container met width:100% + padding op mobiel). */
*,*::before,*::after{box-sizing:border-box}

/* ============ FUNDERING (a11y + conversie-basis, uit CRO-onderzoek) ============ */
/* Prijzen met tabelcijfers: nette uitlijning, geen springende breedtes bij live updates. */
.woocommerce-Price-amount,.price .amount,.saasveld-cart-total,.saasveld-mobile-cta__price,.product-price,.product-subtotal{font-variant-numeric:tabular-nums}
/* Zichtbare, merk-gekleurde toetsenbord-focus (toegankelijkheid + vertrouwen). */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.button:focus-visible,.wp-element-button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--wp--preset--color--primary);outline-offset:2px;border-radius:4px}
/* Respecteer 'prefers-reduced-motion'. */
@media (prefers-reduced-motion:reduce){
	*,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important}
}

:root{--sv-maxw:1200px}
/* Voorkom horizontale overflow door off-screen fixed drawers (nav/mini-cart). */
html,body{overflow-x:clip;max-width:100%}
.sv-container{max-width:var(--sv-maxw);margin-inline:auto;padding-inline:clamp(1rem,3vw,2rem)}