/*
 * Kružići u bojama na kartici komada koji postoji u više boja — Caroline Art.
 *
 * Od 18. septembra 2026. Karolinina primedba na nacrt Lunavere u pet boja:
 * „kupac u prodavnici vidi samo jednu boju i ako ne pogleda proizvod ne vidi
 * druge, pa možda ni ne uđe." Kružići stoje ispod naziva, jedan po boji koja
 * je na zalihi; prelaz mišem ili dodir menja sliku na kartici u tu boju
 * (`boje.js`), a klik vodi na stranu sa već izabranom bojom.
 *
 * Ide na svaku stranu sajta, jer kartice stoje i na početnoj i u poklon
 * vodičima (Raven), ne samo u prodavnici. Nijansu svake boje daje polje
 * „Nijansa kružića" uz boju u Proizvodi → Atributi → Boja (`ca_nijansa`).
 */

.ca-k__boje {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
	margin: 6px 0 2px;
	padding: 0;
	line-height: 0;
}

.ca-k__boja {
	display: block;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: var(--ca-boja, #E4E0E3);
	border: 1px solid #E4E0E3;
	/* Tanak beli prsten unutra, da se bela i svetle nijanse vide na beloj kartici. */
	box-shadow: inset 0 0 0 1px #FFFFFF;
	text-decoration: none;
	cursor: pointer;
}

.ca-k__boja:hover,
.ca-k__boja:focus-visible,
.ca-k__boja.je {
	outline: 2px solid #42273B;
	outline-offset: 2px;
}

.ca-k__boja:focus {
	outline-color: #42273B;
}

@media (max-width: 767px) {
	.ca-k__boja {
		width: 12px;
		height: 12px;
	}
}