/* Skry pôvodný select, ale nech ostane v DOM kvôli Shoptetu */
.mdv-hidden-select {
	position: absolute !important;
	left: -9999px !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
}

/* Kontajner kruhov – bližšie k sebe */
.mdv-sizes {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 12px 0 8px;
	align-items: center;
}

/* Menšie kruhy + farby podľa screenshotu:
   - dostupné: ružový obrys + ružový text
   - vybrané: plná ružová
   - nedostupné: sivé
*/
.mdv-size {
	width: 56px;                 /* zmenšené */
	height: 56px;                /* zmenšené */
	border-radius: 999px;
	border: 3px solid #F8719A;   /* ružový obrys */
	background: #fff;
	color: #F8719A;              /* ružový text */
	font-weight: 700;
	font-size: 15px;
	letter-spacing: 0.02em;
	cursor: pointer;
	opacity: 1;
	transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease, transform 0.08s ease;
}

.mdv-size:hover {
	transform: translateY(-1px);
}

/* Vybrané – plná ružová */
.mdv-size.is-active {
	background: #F8719A;
	border-color: #F8719A;
	color: #fff;
}

/* Nedostupné – sivé (klikateľné) */
.mdv-size.is-soldout {
	border-color: #d9d9d9 !important;
	color: #cfcfcf !important;
	background: #fff !important;
	cursor: pointer;
}

/* Ak je nedostupné aj vybrané – stále sivé */
.mdv-size.is-soldout.is-active {
	border-color: #d9d9d9 !important;
	color: #cfcfcf !important;
	background: #fff !important;
}

/* Špeciálne veľkosti – BEZ hrubšieho obrysu (nič nemeníme) */
.mdv-size.is-special {
	border-width: 3px;
}

/* Hook: ak je vybraná nedostupná veľkosť, zablokuj košík (selektory môžeš doladiť) */
body.mdv-unavailable-selected .p-detail-add-to-cart button,
body.mdv-unavailable-selected .add-to-cart-button,
body.mdv-unavailable-selected button.add-to-cart {
	pointer-events: none;
	opacity: 0.45;
}