/*
 * Radiobox overrides — loaded after style.css (compiled theme, no sources in the repo) so these survive a
 * regenerate. Unselected options get a white background instead of showing the block behind them; the checked
 * state keeps the theme's primary background (its selector is more specific, so it still wins).
 */

.radiobox .radio-row .radio-container label {
	background-color: var(--bs-white);
}

/* Same 25% primary tint as the theme, but opaque so it no longer depends on what's behind the label. */
.radiobox .radio-row .radio-container label:hover {
	background-color: color-mix(in srgb, var(--bs-primary) 25%, var(--bs-white));
}

.radiobox .radio-row .radio-container input:disabled ~ label:hover {
	background-color: var(--bs-white);
}