/* Keuzeknoppen voor productvariaties */
.ew-keuzelijst { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.ew-keuzes { display: flex; flex-wrap: wrap; gap: .5rem; margin: .25rem 0 .5rem; }
.ew-keuze {
	min-height: 2.5rem; padding: .45rem .9rem; border: 2px solid #c9cac7; border-radius: 3px;
	background: #fff; color: #353740; font: inherit; font-size: .9rem; cursor: pointer;
}
.ew-keuze:hover { border-color: #353740; }
.ew-keuze:focus-visible { outline: 3px solid #90c2c1; outline-offset: 2px; }
.ew-keuze[aria-pressed="true"] { border-color: #353740; box-shadow: inset 0 0 0 1px #353740; font-weight: 600; }
.ew-keuze:disabled { opacity: .35; cursor: not-allowed; text-decoration: line-through; }
.ew-keuze--kleur { width: 2.5rem; height: 2.5rem; min-height: 0; padding: 3px; }
.ew-keuze--kleur span { display: block; width: 100%; height: 100%; border-radius: 1px; box-shadow: inset 0 0 0 1px rgb(0 0 0 / 12%); }
.ew-keuze--kleur[aria-pressed="true"] { box-shadow: 0 0 0 2px #fff, 0 0 0 4px #353740; border-color: #353740; }
.ew-keuze--kleur:disabled { text-decoration: none; }
.ew-gekozen { margin: 0 0 .5rem; font-size: .875rem; min-height: 1.4em; }
/* Tabel met keuzes: label boven de knoppen in plaats van ernaast */
.variations_form table.variations, .variations_form table.variations tbody, .variations_form table.variations tr,
.variations_form table.variations th, .variations_form table.variations td { display: block; width: 100%; padding: 0; border: 0; text-align: left; }
.variations_form table.variations th.label { padding-top: .75rem; }
.variations_form table.variations th.label label { font-weight: 700; color: #353740; }