/* One star display for review pages, account lists and Gutenberg article boxes. */
.rio-rating-display { position:relative; display:inline-block; width:calc(var(--rio-star-size,26px) * 5); height:var(--rio-star-size,26px); vertical-align:middle; flex-shrink:0; }
.rio-rating-display-base,.rio-rating-display-fill { position:absolute; top:0; left:0; height:var(--rio-star-size,26px); display:flex; width:calc(var(--rio-star-size,26px) * 5); overflow:hidden; color:var(--rio-stars-color,var(--rio-ink,#20344b)); }
.rio-rating-display-base { opacity:.18; }
.rio-rating-display :is(.rio-rating-display-base,.rio-rating-display-fill)>span { width:var(--rio-star-size,26px); height:var(--rio-star-size,26px); flex:0 0 var(--rio-star-size,26px); display:flex; align-items:center; justify-content:center; }
.rio-rating-display .rio-icon { width:var(--rio-star-icon-size,22px); height:var(--rio-star-icon-size,22px); max-width:var(--rio-star-icon-size,22px); flex:0 0 var(--rio-star-icon-size,22px); }

.rio-rating-summary { display:inline-flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:10px 14px; max-width:100%; color:inherit; font:400 13px/1.5 var(--rio-font,system-ui,sans-serif); text-decoration:none; }
.rio-rating-summary[hidden] { display:none; }
.rio-button.rio-rating-summary-header { --rio-stars-color:var(--rio-accent,#00fe01); --rio-star-size:23px; --rio-star-icon-size:20px; min-height:50px; padding:12px 20px; font:var(--rio-button-weight,400) var(--rio-button-size,13px)/1.5 var(--rio-button-font,'Poppins',system-ui,-apple-system,"Segoe UI",sans-serif); text-transform:var(--rio-button-transform,none); letter-spacing:0; gap:10px 16px; border:0; }
.rio-rating-summary-header .rio-rating-summary-count { padding-left:16px; border-left:1px solid color-mix(in srgb,currentColor 30%,transparent); }
a.rio-rating-summary-header:hover { --rio-stars-color:var(--rio-on-accent,#20344b); }
.rio-rating-summary>strong { white-space:nowrap; font-size:16px; }
.rio-rating-summary small { font-size:12px; font-weight:400; }
.rio-rating-summary-count { overflow-wrap:anywhere; }
.rio-rating-context-badge { display:inline-flex; align-items:center; gap:6px; padding:4px 8px; margin-bottom:8px; background:var(--rio-soft,#f4f6f7); color:var(--rio-ink,#20344b); font:600 11px/1.5 var(--rio-font,system-ui,sans-serif); }
.rio-rating-context-badge .rio-icon { width:14px; height:14px; flex:0 0 14px; }
.rio-rating-section-header { padding:24px 28px 0; }
.rio-rating-section-header h2 { font:var(--rio-heading-weight,700) var(--rio-heading-current-size,var(--rio-heading-size,30px))/1.15 var(--rio-heading,system-ui,sans-serif); margin:0; }
@media(max-width:599px) { .rio-rating-section-header { padding:20px 18px 0; }.rio-button.rio-rating-summary-header { padding:12px 14px; gap:8px 12px; }.rio-rating-summary-header .rio-rating-summary-count { padding-left:12px; } }
