/* Zaključani izbornik boje na stranici proizvoda: vidljiv, ali nepromjenjiv. */
.variations_form select.wccs-locked {
	pointer-events: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: none;
	padding-right: 0;
	cursor: default;
}
.variations_form .reset_variations {
	display: none !important;
}

/* Popis boja na stranici proizvoda */
.wccs-switcher { margin: 1.25em 0; clear: both; }
.wccs-switcher__title { display: block; font-weight: 600; margin-bottom: .5em; }
.wccs-switcher__list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.wccs-switcher__item { margin: 0; padding: 0; }
.wccs-switcher__link { display: flex; flex-direction: column; align-items: center; width: 64px; text-decoration: none; color: inherit; font-size: 11px; line-height: 1.2; text-align: center; }
.wccs-switcher__link img { width: 56px; height: 56px; object-fit: cover; border-radius: 6px; border: 2px solid transparent; display: block; margin: 0 0 4px; transition: border-color .15s, transform .15s; }
.wccs-switcher__link:hover img { border-color: currentColor; transform: translateY(-2px); }
.wccs-switcher__item.is-current .wccs-switcher__link img { border-color: currentColor; box-shadow: 0 0 0 2px #fff inset; }
.wccs-switcher__item.is-current .wccs-switcher__label { font-weight: 700; }
.wccs-switcher__item.is-out-of-stock .wccs-switcher__link { opacity: .45; }
.wccs-switcher__label { display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* Sakrij standardni redak izbornika boje (select ostaje u DOM-u jer ga WooCommerce JS koristi) */
.wccs-hide-color-select .variations tr:has(select.wccs-hidden),
.wccs-hide-color-select .variations_form .variation-row:has(select.wccs-hidden),
.wccs-hide-color-select .wccs-hidden-row { display: none !important; }
.wccs-switcher--before { margin: 0 0 1.25em; }

/* Okrugli uzorci boje */
.wccs-switcher--dot .wccs-switcher__list { gap: 6px; }
.wccs-switcher--dot .wccs-switcher__link { width: 40px; }
.wccs-switcher--dot .wccs-switcher__label { position: absolute; left: -9999px; }
.wccs-switcher__current { font-weight: 400; }
.wccs-dot { display: block; width: 32px; height: 32px; border-radius: 50%; border: 1px solid rgba(0,0,0,.15); box-shadow: 0 0 0 2px #fff, 0 0 0 3px transparent; background-size: cover; background-position: center; transition: transform .15s, box-shadow .15s; }
.wccs-dot--empty { background: repeating-linear-gradient(45deg,#eee,#eee 4px,#ddd 4px,#ddd 8px); }
.wccs-switcher--dot .wccs-switcher__link:hover .wccs-dot { transform: scale(1.12); box-shadow: 0 0 0 2px #fff, 0 0 0 3px currentColor; }
.wccs-switcher--dot .is-current .wccs-dot { box-shadow: 0 0 0 2px #fff, 0 0 0 3px currentColor; }
.wccs-switcher--dot .is-out-of-stock .wccs-dot { opacity: .35; }