/**
 * Ravolli — swatches de "Cor do ouro" na PDP de Noivado (pendência 9.2,
 * decisão do Ramon em 18/09/2026: textura do metal em vez de cor sólida).
 *
 * O <select> nativo continua no DOM (fonte de verdade pro WooCommerce),
 * só escondido visualmente de forma acessível — ver
 * assets/js/ravolli-pdp-color-swatches.js.
 *
 * As duas texturas (Amarelo/Branco) estão embutidas como data URI —
 * ~3-4KB cada, sem necessidade de arquivo de imagem separado nem upload
 * na biblioteca de mídia pra só 2 swatches pequenos.
 */

select.ravolli-color-swatches-source {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/*
 * Rótulo do atributo. Antes da escolha: "Cor do ouro *". Depois: só o valor,
 * "BRANCO 18K *" (pedido da Ana, 25/09/2026). O texto "Cor do ouro" continua
 * no DOM, escondido só visualmente, para o leitor de tela seguir anunciando
 * qual campo é. O asterisco vem de style.css (label::after).
 * O <span> do valor fica em caixa normal ("Branco 18K") e o text-transform
 * aqui só estiliza visualmente (pedido do Ramon, 18/09/2026).
 */
.ravolli-color-swatch-selected {
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 0.02em;
}

label.has-selection > .ravolli-color-label-name {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.ravolli-color-swatches {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 6px 0 2px;
}

.ravolli-color-swatch {
	width: 36px;
	height: 36px;
	padding: 0;
	border-radius: 50%;
	border: 2px solid #fff;
	background-color: #e2e2e2;
	background-size: cover;
	background-position: center;
	cursor: pointer;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
	transition: box-shadow 0.15s ease, transform 0.15s ease;
}

.ravolli-color-swatch:hover {
	transform: translateY(-1px);
}

.ravolli-color-swatch:focus-visible {
	outline: 2px solid var(--wp--preset--color--brand-primary, #060e1e);
	outline-offset: 2px;
}

/* Selecionado: anel de 1px (mais delicado), no lugar do anel de 2px. O tamanho
   da bolinha não muda — o anel é box-shadow, fora da caixa. Vale na PDP e nas
   bolinhas do card de coleção (mesma classe). */
.ravolli-color-swatch.is-selected {
	box-shadow: 0 0 0 1px var(--wp--preset--color--brand-primary, #060e1e);
}

.ravolli-color-swatch[data-value="Amarelo"] {
	background-image: url("data:image/jpeg;base64,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");
}

.ravolli-color-swatch[data-value="Branco"] {
	background-image: url("data:image/jpeg;base64,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");
}

@media (max-width: 600px) {
	.ravolli-color-swatch {
		width: 32px;
		height: 32px;
	}
}