/**
 * Customer Reviews for WooCommerce (CR Plus) — brand-tinted overrides.
 * Loaded only when the plugin is active (see inc/single-product.php).
 *
 * Plugin's default layout is kept; we only re-skin colors / fonts / radii
 * so reviews match the Mr.Woo brand and other site components.
 */

/* Container — match our other section spacing. */
.cr-rev-form-button-wrap,
.cr-all-reviews-wrap,
#cr-form-rating-wrap,
.cr-shop-and-product-reviews,
.cr-qna-page-form-wrap,
.cr-qna-page-questions-wrap {
	font-family: var(--font-sans);
}

/* Section heading, "Atsiliepimai" etc. */
.cr-shop-and-product-reviews h2,
.cr-shop-and-product-reviews h3,
.cr-all-reviews-wrap h2,
.cr-all-reviews-wrap h3 {
	font-family: var(--font-heading);
	font-weight: var(--font-bold);
	color: var(--color-black);
}

/* Stars: pink fill instead of orange. */
.cr-rating-stars,
.cr-rating-stars--filled,
.cr-stars,
.cr-stars--filled,
.cr-stars i,
.star-rating::before,
.star-rating span::before {
	color: var(--color-pink-strawberry) !important;
}

.star-rating::before,
.star-rating span::before {
	color: var(--color-grey-border);
}

.star-rating span {
	color: var(--color-pink-strawberry);
}

/* Buttons inside CR Plus → match our pill-style primary buttons. */
.cr-button,
.ivole-button,
.cr-rev-form-button,
.cr-form-submit,
input[type="submit"][name^="ivole_"],
button.ivole-form-submit {
	background: var(--color-pink-shocking) !important;
	color: var(--color-black) !important;
	border: 0 !important;
	border-radius: var(--radius-pill) !important;
	font-family: var(--font-sans) !important;
	font-weight: var(--font-semibold) !important;
	font-size: var(--text-sm) !important;
	letter-spacing: var(--tracking-wide) !important;
	padding: var(--space-3) var(--space-6) !important;
	transition: background var(--transition-fast) !important;
}

.cr-button:hover,
.ivole-button:hover,
.cr-rev-form-button:hover,
.cr-form-submit:hover,
input[type="submit"][name^="ivole_"]:hover,
button.ivole-form-submit:hover {
	background: var(--color-pink-middle) !important;
}

/* Form fields. */
.cr-form input[type="text"],
.cr-form input[type="email"],
.cr-form textarea,
.cr-rev-form input[type="text"],
.cr-rev-form input[type="email"],
.cr-rev-form textarea,
.cr-qna-page input[type="text"],
.cr-qna-page textarea {
	border: 1px solid var(--color-border) !important;
	border-radius: var(--radius-md) !important;
	padding: var(--space-3) var(--space-4) !important;
	font-family: var(--font-sans) !important;
	font-size: var(--text-sm) !important;
}

.cr-form input[type="text"]:focus,
.cr-form input[type="email"]:focus,
.cr-form textarea:focus,
.cr-rev-form input[type="text"]:focus,
.cr-rev-form input[type="email"]:focus,
.cr-rev-form textarea:focus {
	outline: none !important;
	border-color: var(--color-pink-shocking) !important;
}

/* Single review item — soften card edges. */
.cr-rev-list .review,
.cr-all-reviews-wrap .commentlist > li,
.cr-all-reviews-wrap .review,
.cr-rev-list-row {
	border-radius: var(--radius-md);
	border: 1px solid var(--color-border) !important;
	padding: var(--space-5) !important;
	background: var(--color-white) !important;
}

/* Histogram bars — pink fill. */
.cr-histogram-bar-fill,
.cr-rating-bars-row .cr-rating-bar-fill {
	background: var(--color-pink-shocking) !important;
}

/* Verified buyer badge — soften. */
.cr-verified-badge,
.ivole-verified {
	background: var(--color-pink-light) !important;
	color: var(--color-pink-strawberry) !important;
	border-radius: var(--radius-pill) !important;
	padding: 2px var(--space-2) !important;
	font-size: var(--text-xs) !important;
}

/* Photo upload area / lightbox */
.cr-rev-list-photos img,
.cr-photo-thumb img {
	border-radius: var(--radius-sm);
}