/**
 * Home/Avaliações — Figma 270:14275 / 270:14361 (Produto/Avaliação item 110:1074).
 *
 * Desktop: título + resumo "★ 4,8 de 5 · 1.284 avaliações" (Body 16 ink-muted) na mesma linha, gap 16
 *   3 cards iguais, gap 24 · card: borda 1px line, raio radius-card, padding 24, gap 12
 *   avatar 40 (brand-subtle / brand-text, Label 16) · nome Label 16 (500) · "✓ Compra verificada" Caption 14 success
 *   data Caption 14 ink-muted · estrelas 16 accent, gap 4 · comentário Body 16.
 * Mobile (< 782px): resumo embaixo do título (gap 4) · linha com rolagem lateral, cards de 320, gap 12.
 */

.cdw-avaliacoes__cabecalho {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--wp--preset--spacing--space-4) var(--wp--preset--spacing--space-16);
}

.cdw-avaliacoes__resumo {
	margin: 0;
	color: var(--wp--preset--color--ink-muted);
	font-size: var(--wp--preset--font-size--body);
	line-height: 1.5;
}

.cdw-avaliacoes__lista {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--wp--preset--spacing--space-24);
	margin: 0;
	padding: 0;
	list-style: none;
}

.cdw-avaliacao {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	min-width: 0;
	margin: 0;
	padding: var(--wp--preset--spacing--space-24);
	border: 1px solid var(--wp--preset--color--line);
	border-radius: var(--wp--custom--radius--card);
	background: var(--wp--preset--color--surface);
}

.cdw-avaliacao__topo {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--wp--preset--spacing--space-8);
	width: 100%;
}

.cdw-avaliacao__pessoa {
	display: flex;
	align-items: center;
	gap: var(--wp--preset--spacing--space-16);
	min-width: 0;
}

.cdw-avaliacao__avatar {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: var(--wp--custom--radius--full);
	background: var(--wp--preset--color--brand-subtle);
	color: var(--wp--preset--color--brand-text);
	font-size: var(--wp--preset--font-size--label);
	font-weight: var(--wp--custom--weight--bold);
	line-height: 1.5;
}

.cdw-avaliacao__autor {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--space-4);
	min-width: 0;
	line-height: 1.5;
}

.cdw-avaliacao__nome {
	overflow: hidden;
	color: var(--wp--preset--color--ink);
	font-size: var(--wp--preset--font-size--label);
	font-weight: var(--wp--custom--weight--bold);
	text-overflow: ellipsis;
	white-space: nowrap;
}

.cdw-avaliacao__verificada {
	color: var(--wp--preset--color--success);
	font-size: var(--wp--preset--font-size--caption);
	white-space: nowrap;
}

.cdw-avaliacao__data {
	flex-shrink: 0;
	color: var(--wp--preset--color--ink-muted);
	font-size: var(--wp--preset--font-size--caption);
	line-height: 1.5;
}

/* Produto/Avaliação estrelas */
.cdw-estrelas {
	display: flex;
	gap: var(--wp--preset--spacing--space-4);
	color: var(--wp--preset--color--line);
	font-size: 16px;
}

.cdw-estrelas .is-cheia {
	color: var(--wp--preset--color--accent);
}

.cdw-avaliacao__comentario {
	margin: 0;
	color: var(--wp--preset--color--ink);
	font-size: var(--wp--preset--font-size--body);
	line-height: 1.5;
	overflow-wrap: anywhere;
}

@media (max-width: 781px) {
	.cdw-avaliacoes__cabecalho {
		flex-direction: column;
		align-items: flex-start;
	}

	.cdw-avaliacoes__lista {
		display: flex;
		gap: 12px;
	}

	.cdw-avaliacao {
		width: 320px;
		max-width: 85%;
	}
}