/**
 * Art Division Testimonials - Frontend Styles
 *
 * Styles for the testimonials archive and cards. Kept minimal so the
 * active theme can restyle without fighting specificity.
 */

.art-testimonials-archive__inner {
	margin-inline: auto;
	max-width: var(--art-max-width, 1562px);
	padding-inline: var(--art-spacing, 1.5rem);
}

.art-testimonials-archive__header {
	padding-block: var(--art-spacing, 1.5rem);
}

.art-testimonials-archive__grid {
	display: grid;
	gap: var(--art-spacing, 1.5rem);
	grid-template-columns: repeat(auto-fill, minmax(min(320px, 100%), 1fr));
	padding-block-end: var(--art-spacing, 1.5rem);
}

.art-testimonials-card {
	background: var(--art-color-surface, transparent);
	border: 1px solid var(--art-color-border, currentColor);
	border-radius: var(--art-radius, 0);
	display: flex;
	flex-direction: column;
	gap: var(--art-spacing, 1.5rem);
	padding: var(--art-spacing, 1.5rem);
}

.art-testimonials-card__quote {
	border: 0;
	flex-grow: 1;
	margin: 0;
	padding: 0;
}

.art-testimonials-card__attribution {
	align-items: center;
	display: flex;
	gap: 0.75rem;
}

.art-testimonials-card__photo {
	border-radius: 50%;
	height: 48px;
	object-fit: cover;
	width: 48px;
}

.art-testimonials-card__meta {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
}

.art-testimonials-card__name {
	font-size: var(--art-text-base, 1rem);
	margin: 0;
}

.art-testimonials-card__rating {
	display: inline-flex;
	gap: 0.125rem;
	line-height: 1;
}

.art-testimonials-card__star {
	color: var(--art-color-muted, currentColor);
	font-size: var(--art-text-sm, 0.875rem);
}

.art-testimonials-card__star--filled {
	color: var(--art-color-accent, currentColor);
}

.art-testimonials-listing__pagination {
	padding-block: var(--art-spacing, 1.5rem);
}

.art-testimonials-listing__pagination .nav-links {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
}