/**
 * Review card: .mk-review-card (templates/components/review-card.php).
 * Border 1px, radius 10, padding 14 / 16. Header (accent-small name + stars)
 * + 8 + photos 56 (gap 8) + 8 + italic text. Name, stars and text: primary.
 */

.mk-review-card {
	display: flex;
	flex-direction: column;
	gap: var(--wp--custom--review-card--gap);
	padding-block: var(--wp--custom--review-card--padding-block);
	padding-inline: var(--wp--custom--review-card--padding-inline);
	border: var(--wp--custom--border-width--thin) solid
		var(--wp--custom--color--review-card--border);
	border-radius: var(--wp--custom--review-card--radius);
	color: var(--wp--custom--color--text--primary);
}

.mk-review-card__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--wp--custom--review-card--gap);
}

.mk-review-card__author {
	margin: 0;
	min-inline-size: 0;
	overflow-wrap: anywhere;
	font-family: var(--wp--custom--text--accent-small--font-family);
	font-size: var(--wp--custom--text--accent-small--font-size);
	font-style: var(--wp--custom--text--accent-small--font-style);
	font-weight: var(--wp--custom--text--accent-small--font-weight);
	line-height: var(--wp--custom--text--accent-small--line-height);
	letter-spacing: var(--wp--custom--text--accent-small--letter-spacing);
}

.mk-review-card__photos {
	display: flex;
	flex-wrap: wrap;
	gap: var(--wp--custom--review-card--gap);
	margin: 0;
	padding: 0;
	list-style: none;
}

.mk-review-card__photo-link {
	display: block;
	border-radius: var(--wp--custom--review-card--photo-radius);
}

.mk-review-card__photo-link:focus-visible {
	outline-width: var(--wp--custom--focus--ring-width);
	outline-style: solid;
	outline-color: var(--wp--custom--color--focus--ring);
	outline-offset: var(--wp--custom--focus--ring-offset);
}

/* Two classes: beats WooCommerce's `.woocommerce img { height: auto }`. */
.mk-review-card .mk-review-card__photo {
	display: block;
	inline-size: var(--wp--custom--review-card--photo-size);
	block-size: var(--wp--custom--review-card--photo-size);
	border-radius: var(--wp--custom--review-card--photo-radius);
	object-fit: cover;
}

.mk-review-card__text {
	font-family: var(--wp--custom--text--body-medium-italic--font-family);
	font-size: var(--wp--custom--text--body-medium-italic--font-size);
	font-style: var(--wp--custom--text--body-medium-italic--font-style);
	font-weight: var(--wp--custom--text--body-medium-italic--font-weight);
	line-height: var(--wp--custom--text--body-medium-italic--line-height);
	letter-spacing: var(--wp--custom--text--body-medium-italic--letter-spacing);
}

.mk-review-card__text > * {
	margin: 0;
}