/* WC Radio Variations (Safe) — wygląd radiobuttonów wariacji.
   Selektory celowo mocne (+ !important na kluczowych właściwościach),
   bo motyw wymusza na etykietach display:block / width:100% i chowa inputy. */

/* Ukryj natywny <select>, ale zostaw go w DOM i dostępny (nie display:none,
   żeby WooCommerce mógł na nim bez problemu operować). */
.variations_form .variations select.wcrv-hidden-select {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect( 0 0 0 0 ) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

.variations_form .variations .wcrv-group {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 8px !important;
	margin: 4px 0 2px !important;
	padding: 0 !important;
	list-style: none !important;
}

/* Pojedyncza opcja — „pigułka" dopasowana do treści, nie na całą szerokość. */
.variations_form .variations .wcrv-group .wcrv-item {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	width: auto !important;
	max-width: none !important;
	min-width: 0 !important;
	flex: 0 0 auto !important;
	float: none !important;
	gap: 6px !important;
	margin: 0 !important;
	padding: 6px 12px !important;
	border: 1px solid #d9d9d9 !important;
	border-radius: 4px !important;
	background: #fff !important;
	color: inherit !important;
	line-height: 1.2 !important;
	cursor: pointer !important;
	transition: border-color .15s ease, box-shadow .15s ease;
}

.variations_form .variations .wcrv-group .wcrv-item:hover {
	border-color: #9b7b3f !important;
}

/* Wymuś widoczność kółka radio (motyw potrafi je chować). */
.variations_form .variations .wcrv-group .wcrv-item .wcrv-input {
	position: static !important;
	display: inline-block !important;
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	opacity: 1 !important;
	clip: auto !important;
	pointer-events: auto !important;
	-webkit-appearance: radio !important;
	appearance: radio !important;
	cursor: pointer !important;
}

/* Zaznaczona opcja (nowoczesne przeglądarki + fallback z klasy JS). */
.variations_form .variations .wcrv-group .wcrv-item:has( .wcrv-input:checked ),
.variations_form .variations .wcrv-group .wcrv-item.wcrv-checked {
	border-color: #9b7b3f !important;
	box-shadow: 0 0 0 1px #9b7b3f inset !important;
}

/* Opcje niedostępne dla bieżącej kombinacji. */
.variations_form .variations .wcrv-group .wcrv-item.wcrv-disabled {
	opacity: .4 !important;
	cursor: not-allowed !important;
	pointer-events: none !important;
}

.variations_form .variations .wcrv-group .wcrv-item .wcrv-text {
	display: inline !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	user-select: none;
}