/* Customer Reviews for WooCommerce: a neutral, "review platform" look (Ryan, 2026-10-14: reviews that look too branded feel
 * fake). Deliberately NOT the site's fonts or colours: system UI type, grey hairlines, standard gold stars, no avatars.
 * The star breakdown stays: visitors click a row to read only that rating.
 * Loaded only where the plugin's own stylesheet loads (inc/assets.php). */

.cr-all-reviews-shortcode,
.cr-all-reviews-shortcode * {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
	letter-spacing: normal !important;
	text-transform: none !important;
}
.cr-all-reviews-shortcode { color: #1f2328; max-width: 820px; margin: 0 auto; }

/* Summary: the average on the left, the 5-1 star breakdown on the right (each row filters the list to that rating). */
.cr-all-reviews-shortcode .cr-summaryBox-wrap {
	display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: flex-start !important; gap: 16px 64px;
	background: transparent !important; border: 0; border-bottom: 1px solid #e4e6ea; border-radius: 0;
	padding: 0 0 20px !important; margin: 0 0 4px !important;
}
.cr-all-reviews-shortcode .cr-summary-separator { display: none !important; }
.cr-all-reviews-shortcode .cr-overall-rating-wrap {
	display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: center !important;
	gap: 6px; width: auto !important; padding: 0 !important; flex: 0 0 auto;
}
.cr-all-reviews-shortcode .cr-average-rating,
.cr-all-reviews-shortcode .cr-average-rating span { font-size: 34px !important; font-weight: 600 !important; line-height: 1 !important; color: #1f2328 !important; margin: 0 !important; }
.cr-all-reviews-shortcode .cr-total-rating-count { font-size: 14px !important; color: #656d76 !important; margin: 0 !important; }
.cr-all-reviews-shortcode .ivole-summaryBox { flex: 1 1 280px; max-width: 420px; width: auto !important; padding: 0 !important; margin: 0 !important; background: transparent !important; }
.cr-all-reviews-shortcode .cr-histogramTable { width: 100% !important; margin: 0 !important; border-collapse: collapse; }
.cr-all-reviews-shortcode .ivole-histogramRow:has(.cr-histogram-a) { cursor: pointer; } /* rows with no reviews are not links */
.cr-all-reviews-shortcode .ivole-histogramRow > div { padding: 3px 0 !important; vertical-align: middle; font-size: 13px !important; color: #424a53 !important; }
.cr-all-reviews-shortcode .ivole-histogramCell1 { width: 34px; white-space: nowrap; }
.cr-all-reviews-shortcode .ivole-histogramCell3 { width: 44px; text-align: right; color: #656d76 !important; }
.cr-all-reviews-shortcode .cr-histogram-rating-label { display: inline-flex; align-items: center; gap: 3px; }
.cr-all-reviews-shortcode .cr-histogram-rating-icon { width: 12px !important; height: 12px !important; color: #f5a623 !important; }
.cr-all-reviews-shortcode .ivole-meter {
	height: 8px !important; border-radius: 4px !important; background: #eef0f2 !important; box-shadow: none !important; border: 0 !important; overflow: hidden; margin: 0 10px !important;
}
.cr-all-reviews-shortcode .ivole-meter-bar {
	height: 100% !important; border-radius: 4px !important; background: #f5a623 !important; box-shadow: none !important; border: 0 !important; font-size: 0 !important; color: transparent !important;
}
.cr-all-reviews-shortcode .ivole-histogramRow:has(.cr-histogram-a):hover .ivole-meter { background: #e2e5e9 !important; }
.cr-all-reviews-shortcode .ivole-histogramRow:has(.cr-histogram-a):hover > div,
.cr-all-reviews-shortcode .ivole-histogramRow.ivole-histogramRow-selected > div { color: #1f2328 !important; text-decoration: underline; text-underline-offset: 2px; }

/* Stars: one standard gold everywhere, smaller. */
.cr-all-reviews-shortcode .crstar-rating-svg .cr-rating-icon-frnt svg { color: #f5a623 !important; fill: #f5a623 !important; }
.cr-all-reviews-shortcode .crstar-rating-svg .cr-rating-icon-base svg { color: #d0d4d9 !important; }
.cr-all-reviews-shortcode .crstar-rating-svg svg { width: 16px !important; height: 16px !important; }
.cr-all-reviews-shortcode .cr-average-rating-stars .crstar-rating-svg svg { width: 18px !important; height: 18px !important; }

/* Search box off; count + sort as small grey text. */
.cr-all-reviews-shortcode .cr-ajax-search { display: none !important; }
.cr-all-reviews-shortcode .cr-count-row {
	background: transparent !important; padding: 12px 0 !important; margin: 0 !important; border: 0;
	font-size: 13px !important; color: #656d76 !important;
}
.cr-all-reviews-shortcode .cr-count-row * { font-size: 13px !important; color: #656d76 !important; }
.cr-all-reviews-shortcode .cr-ajax-reviews-sort { border: 1px solid #d0d4d9 !important; border-radius: 6px !important; background: #fff !important; padding: 4px 8px !important; }

/* Each review: no avatar, hairline between, plain hierarchy. */
.cr-all-reviews-shortcode ol.commentlist { margin: 0 !important; padding: 0 !important; }
.cr-all-reviews-shortcode ol.commentlist li.review { border-top: 1px solid #e4e6ea; padding: 22px 0 !important; margin: 0 !important; }
.cr-all-reviews-shortcode ol.commentlist li.review:first-child { border-top: 0; }
.cr-all-reviews-shortcode .cr-avatar,
.cr-all-reviews-shortcode .cr-avatar-check { display: none !important; }
.cr-all-reviews-shortcode .comment_container { display: block !important; }
.cr-all-reviews-shortcode .cr-comment-text { margin: 0 !important; padding: 0 !important; border: 0 !important; width: auto !important; }
.cr-all-reviews-shortcode .cr-comment-text .meta { display: flex !important; align-items: baseline; justify-content: space-between; gap: 12px; margin: 0 0 6px !important; }
.cr-all-reviews-shortcode .cr-meta-author-title { display: flex !important; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; }
.cr-all-reviews-shortcode .woocommerce-review__author { font-size: 15px !important; font-weight: 600 !important; color: #1f2328 !important; }
.cr-all-reviews-shortcode .woocommerce-review__verified {
	font-size: 0 !important; color: #1a7f37 !important; display: inline-flex !important; align-items: center; gap: 4px;
}
.cr-all-reviews-shortcode .woocommerce-review__verified::before { content: "\2713"; font-size: 12px; font-weight: 700; }
.cr-all-reviews-shortcode .woocommerce-review__verified::after { content: "Verified purchase"; font-size: 13px; }
.cr-all-reviews-shortcode .woocommerce-review__published-date { font-size: 13px !important; color: #656d76 !important; white-space: nowrap; }
.cr-all-reviews-shortcode .cr-comment-text .crstar-rating-svg { margin: 0 0 10px !important; }
.cr-all-reviews-shortcode .cr-comment-head-text { font-size: 16px !important; font-weight: 600 !important; color: #1f2328 !important; margin: 0 0 6px !important; line-height: 1.4 !important; }
.cr-all-reviews-shortcode .description,
.cr-all-reviews-shortcode .description p { font-size: 15px !important; line-height: 1.6 !important; color: #424a53 !important; }
.cr-all-reviews-shortcode .description p { margin: 0 0 12px !important; }
.cr-all-reviews-shortcode .description p:last-child { margin-bottom: 0 !important; }

/* Pagination: small, neutral. */
.cr-all-reviews-shortcode .cr-all-reviews-pagination { border-top: 1px solid #e4e6ea; padding-top: 18px !important; margin-top: 0 !important; text-align: center; }
.cr-all-reviews-shortcode .cr-page-numbers { font-size: 14px !important; color: #424a53 !important; padding: 4px 10px !important; border-radius: 6px; }
.cr-all-reviews-shortcode .cr-page-numbers.current { background: #f0f2f4 !important; color: #1f2328 !important; font-weight: 600; }

@media (max-width: 600px) {
	.cr-all-reviews-shortcode .cr-summaryBox-wrap { flex-direction: column !important; align-items: stretch !important; }
	.cr-all-reviews-shortcode .ivole-summaryBox { max-width: none; flex: 0 0 auto; }
	.cr-all-reviews-shortcode .cr-comment-text .meta { flex-direction: column; gap: 2px; }
}