/* Scoped under .pias-variation-ui — no hard-coded fonts or brand colors.
   Buttons intentionally inherit the theme's own button/input styling via
   the "button" class added in JS; this stylesheet only handles layout. */

.pias-variation-ui {
	margin-bottom: 1.5em;
}

.pias-vui-group {
	margin-bottom: 1em;
}

.pias-vui-group__label {
	display: block;
	font-weight: 600;
	margin-bottom: 0.5em;
	font-size: 0.85em;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.pias-vui-options {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5em;
}

.pias-vui-option {
	cursor: pointer;
	background: transparent;
}

.pias-vui-option[aria-pressed="true"] {
	outline: 2px solid currentColor;
	outline-offset: 1px;
}

.pias-vui-option[disabled],
.pias-vui-option.is-unavailable {
	opacity: 0.4;
	cursor: not-allowed;
	text-decoration: line-through;
}

.pias-vui-option:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 2px;
}

.pias-size-chart-link {
	margin-left: 0.75em;
	font-size: 0.85em;
}

/* The native select-based variation table keeps running WooCommerce's own
   price/stock/gallery logic; it's just not shown, since the buttons above
   fully replace it as the real, accessible control. */
.pias-variation-ui-active .variations_form > table.variations {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}