/* Single review card + shared card chrome used by ws-form/reviews. */

.wsft-review,
.wp-block-ws-form-review {
	box-sizing: border-box;
	height: 100%;
	min-width: 0;
	width: 100%;
}

.wsft-reviews .wsft-reviews__avatar-img,
.wsft-review .wsft-reviews__avatar-img {
	border-radius: 50%;
	display: block;
	height: var(--wsft-reviews-avatar-size, 6.25rem);
	margin: 0 auto 0.625rem;
	object-fit: cover;
	width: var(--wsft-reviews-avatar-size, 6.25rem);
}

.wsft-reviews .rating,
.wsft-review .rating {
	display: flex;
	justify-content: center;
	list-style: none;
	margin: 0 0 0.625rem;
	padding: 0;
	user-select: none;
}

.wsft-reviews .rating > li,
.wsft-review .rating > li {
	display: inline-block;
	margin: 0;
	padding: 0;
}

.wsft-reviews .rating > li + li,
.wsft-review .rating > li + li {
	margin-left: 0.3125rem;
}

.wsft-reviews .wsft-reviews__star,
.wsft-review .wsft-reviews__star {
	display: block;
	fill: var(--wsft-reviews-star-color, var(--wp--preset--color--rating-star));
	height: var(--wsft-reviews-star-size, 1.5rem);
	width: var(--wsft-reviews-star-size, 1.5rem);
}

.wsft-reviews .wsft-reviews__title,
.wsft-review .wsft-reviews__title {
	color: var(--wsft-reviews-title-color, inherit);
	font-size: var(--wsft-reviews-title-size, inherit);
	margin: 0 0 0.625rem;
}

.wsft-reviews blockquote,
.wsft-review blockquote {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	margin: 0;
}

.wsft-reviews blockquote p,
.wsft-review blockquote p {
	color: var(--wsft-reviews-review-color, var(--wp--preset--color--text-light));
	font-size: var(--wsft-reviews-review-size, inherit);
	font-style: italic;
	margin: 0;
}

.wsft-reviews blockquote footer,
.wsft-review blockquote footer {
	font-size: 1rem;
}

.wsft-reviews .wsft-reviews__name,
.wsft-review .wsft-reviews__name {
	color: var(--wsft-reviews-name-color, inherit);
	font-size: var(--wsft-reviews-name-size, inherit);
}

.wsft-reviews .wsft-reviews__cite,
.wsft-review .wsft-reviews__cite {
	color: var(--wsft-reviews-cite-color, inherit);
	font-size: var(--wsft-reviews-cite-size, inherit);
}

/* Blue band: white quotes unless an explicit review color is set. */
.wsft-section-blue .wsft-reviews blockquote,
.wsft-section-blue .wsft-reviews blockquote p,
.wsft-section-blue .wsft-review blockquote,
.wsft-section-blue .wsft-review blockquote p {
	color: var(--wsft-reviews-review-color, var(--wp--preset--color--white));
}

/* Optional card chrome (any layout). */
.wsft-reviews--bordered .wsft-reviews__list > li,
.wsft-reviews--bordered .review,
.wp-block-post-content .wsft-reviews--bordered .wsft-reviews__list > li,
.entry-content .wsft-reviews--bordered .wsft-reviews__list > li,
.wsft-review--bordered {
	background: var(--wsft-reviews-card-bg, var(--wp--preset--color--white));
	border: var(--wsft-reviews-card-stroke, 0.0625rem) var(--wsft-reviews-card-stroke-style, solid) var(--wsft-reviews-card-stroke-color, var(--wp--preset--color--border));
	border-radius: var(--wsft-reviews-card-radius, 0.125rem);
	box-shadow: none;
	padding: 2rem;
}

/* Landscape card layout */
.wsft-reviews--landscape .wsft-reviews__list > li.wsft-reviews__card,
.wsft-reviews--landscape .review.wsft-reviews__card,
.wp-block-post-content .wsft-reviews--landscape .wsft-reviews__list > li.wsft-reviews__card,
.entry-content .wsft-reviews--landscape .wsft-reviews__list > li.wsft-reviews__card,
.wsft-review--landscape.wsft-reviews__card {
	display: flex;
	gap: 1.25rem;
	height: 100%;
}

.wsft-reviews--landscape .wsft-reviews__avatar,
.wsft-review--landscape .wsft-reviews__avatar {
	border: 2px solid var(--wp--preset--color--soft-blue);
	border-radius: 50%;
	box-shadow: 0 1px 2px color-mix(in srgb, var(--wp--preset--color--logo-blue) 6%, transparent);
	flex: none;
	height: var(--wsft-reviews-avatar-size, 3.5rem);
	overflow: hidden;
	width: var(--wsft-reviews-avatar-size, 3.5rem);
}

.wsft-reviews--landscape .wsft-reviews__avatar img,
.wsft-review--landscape .wsft-reviews__avatar img {
	border-radius: 50%;
	display: block;
	height: 100%;
	margin: 0;
	object-fit: cover;
	width: 100%;
}

.wsft-reviews--landscape .wsft-reviews__body,
.wsft-review--landscape .wsft-reviews__body {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	gap: 0.75rem;
	min-width: 0;
}

.wsft-reviews--landscape .rating,
.wsft-review--landscape .rating {
	gap: 0.125rem;
	justify-content: flex-start;
	margin: 0;
}

.wsft-reviews--landscape .rating > li + li,
.wsft-review--landscape .rating > li + li {
	margin-left: 0;
}

.wsft-reviews--landscape .wsft-reviews__star,
.wsft-review--landscape .wsft-reviews__star {
	fill: var(--wsft-reviews-star-color, var(--wp--preset--color--rating-star));
	height: var(--wsft-reviews-star-size, 1rem);
	width: var(--wsft-reviews-star-size, 1rem);
}

.wsft-reviews--landscape blockquote p,
.wsft-review--landscape blockquote p {
	color: var(--wsft-reviews-review-color, var(--wp--preset--color--text-light));
	font-size: var(--wsft-reviews-review-size, 1rem);
	line-height: 1.55;
	margin: 0;
}

.wsft-reviews--landscape blockquote footer,
.wsft-review--landscape blockquote footer {
	color: var(--wp--preset--color--text-dark);
	font-size: 0.875rem;
	margin: 0;
}

.wsft-reviews--landscape .wsft-reviews__name,
.wsft-review--landscape .wsft-reviews__name {
	font-weight: 600;
}

.wsft-reviews--landscape .wsft-reviews__sep,
.wsft-review--landscape .wsft-reviews__sep {
	color: var(--wp--preset--color--logo-gray);
}

.wsft-reviews--landscape .wsft-reviews__cite,
.wsft-review--landscape .wsft-reviews__cite {
	font-style: normal;
}

.wsft-reviews--landscape .wsft-reviews__cite a,
.wsft-review--landscape .wsft-reviews__cite a {
	color: var(--wp--preset--color--accent-blue);
	text-decoration: none;
}

/* Beat theme prose-link underline (Home reviews sit in .entry-content li/p). */
.entry-content .wsft-reviews a,
.entry-content .wsft-review a,
.wp-block-post-content .wsft-reviews a,
.wp-block-post-content .wsft-review a,
.entry-content .wsft-reviews a:hover,
.entry-content .wsft-reviews a:focus,
.entry-content .wsft-review a:hover,
.entry-content .wsft-review a:focus,
.wp-block-post-content .wsft-reviews a:hover,
.wp-block-post-content .wsft-reviews a:focus,
.wp-block-post-content .wsft-review a:hover,
.wp-block-post-content .wsft-review a:focus,
.wsft-reviews--landscape .wsft-reviews__cite a:hover,
.wsft-reviews--landscape .wsft-reviews__cite a:focus,
.wsft-review--landscape .wsft-reviews__cite a:hover,
.wsft-review--landscape .wsft-reviews__cite a:focus {
	text-decoration: none;
}
