/* =========================================================================
 * UnfoldCRO Ecommerce Review — RegenLabs review UI.
 * Modelled on nova-biolabs (Customer Reviews for WooCommerce / CusRev): rating
 * chip, summary box with 5→1 star histogram, verified review cards. Rendered in
 * the RegenLabs dark-clinical palette (Space Grotesk / IBM Plex).
 * ===================================================================== */
:root{
	--ur-ink:#49531E; --ur-muted:rgba(73,83,30,.64); --ur-faint:rgba(73,83,30,.42); --ur-line:#F1F1F1;
	--ur-line2:#F5F5F5; --ur-green:#49531E; --ur-green-d:#49531E; --ur-gold:#49531E;
	--ur-chip:#F1F1F1; --ur-chip-bd:#F1F1F1; --ur-panel:#fff;
	--ur-sans:'Poppins',system-ui,sans-serif; --ur-mono:'Poppins',monospace; --ur-grot:'Times New Roman',var(--ur-sans);
}

/* ---- stars ---- */
.ucro-stars{display:inline-flex;align-items:center;gap:2px;line-height:1;vertical-align:middle}
.ucro-star{display:inline-flex}
.ucro-star svg{display:block}
.ucro-star--full{color:var(--ur-gold)}
.ucro-star--empty{color:#F1F1F1}
.ucro-star--half svg path{fill:url(#ucro-half)}
.ucro-star--full svg path,.ucro-star--empty svg path{fill:currentColor}

/* ---- rating chip (near product title) ---- */
.ucro-chip{display:inline-flex;align-items:center;gap:6px;font:500 12.5px var(--ur-sans);color:#49531E}
.ucro-chip__star{color:var(--ur-gold)}
.ucro-chip__score{font:600 13px var(--ur-grot);color:var(--ur-ink)}
.ucro-chip__count{color:var(--ur-faint)}
.ucro-chip--empty{color:var(--ur-green-d);font:600 12px var(--ur-sans)}
.ucro-chip--empty:hover{color:var(--ur-green)}
.ucro-chip-holder{margin:10px 0}

/* ---- section shell ---- */
.ucro-reviews{max-width:1280px;margin:8px auto 0;padding:0 28px 84px}
.ucro-reviews__inner{border-top:1px solid var(--ur-line);padding-top:38px}
.ucro-reviews__head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:24px}
.ucro-reviews__eyebrow{font:600 10.5px/1 var(--ur-mono);letter-spacing:.16em;color:var(--ur-green-d);margin-bottom:10px}
.ucro-reviews__title{margin:0;font:600 26px/1.1 var(--ur-grot);letter-spacing:-.02em;color:var(--ur-ink)}
.ucro-reviews__write-toggle{font:600 13px var(--ur-sans);color:#fff;background:var(--ur-ink);border:1px solid var(--ur-ink);padding:11px 20px;border-radius:10px;cursor:pointer;transition:background .15s}
.ucro-reviews__write-toggle:hover{background:var(--ur-green-d)}

/* ---- summary box (avg + histogram) ---- */
.ucro-summary{display:grid;grid-template-columns:minmax(200px,260px) 1fr;gap:36px;align-items:center;background:var(--ur-panel);border:1px solid var(--ur-line);border-radius:16px;padding:24px 28px;margin-bottom:28px}
.ucro-summary__score{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;border-right:1px solid var(--ur-line2);padding-right:24px}
.ucro-summary__avg{font:600 46px/1 var(--ur-grot);color:var(--ur-ink)}
.ucro-summary__count{font:500 11px var(--ur-mono);letter-spacing:.04em;color:var(--ur-muted)}
.ucro-summary__hist{display:flex;flex-direction:column;gap:7px}
.ucro-hrow{display:grid;grid-template-columns:42px 1fr 40px;align-items:center;gap:12px}
.ucro-hrow__label{display:inline-flex;align-items:center;gap:3px;font:500 11.5px var(--ur-sans);color:var(--ur-muted)}
.ucro-hrow__label svg{color:var(--ur-gold)}
.ucro-hrow__meter{height:8px;background:#EEEFE3;border-radius:999px;overflow:hidden}
.ucro-hrow__bar{display:block;height:100%;background:var(--ur-green);border-radius:999px;transition:width .5s ease}
.ucro-hrow__pct{font:500 11px var(--ur-mono);color:var(--ur-faint);text-align:right}

/* ---- review list ---- */
.ucro-reviews__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.ucro-review{background:var(--ur-panel);border:1px solid var(--ur-line);border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:12px}
.ucro-review__top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.ucro-review__verified{display:inline-flex;align-items:center;gap:5px;font:600 9.5px/1 var(--ur-mono);letter-spacing:.05em;color:var(--ur-green-d);background:var(--ur-chip);border:1px solid var(--ur-chip-bd);padding:5px 9px;border-radius:999px}
.ucro-review__body{font:400 13.5px/1.6 var(--ur-sans);color:#49531E}
.ucro-review__body p{margin:0 0 8px}.ucro-review__body p:last-child{margin:0}
.ucro-review__head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:8px;border-top:1px solid var(--ur-line2)}
.ucro-review__author{font:600 12.5px var(--ur-sans);color:var(--ur-ink)}
.ucro-review__date{font:500 10.5px var(--ur-mono);color:var(--ur-faint)}
.ucro-reviews__empty{font:400 14px var(--ur-sans);color:var(--ur-muted);background:var(--ur-panel);border:1px solid var(--ur-line);border-radius:14px;padding:28px;text-align:center}

/* ---- write-a-review form ---- */
.ucro-review-form{margin-top:22px;background:var(--ur-panel);border:1px solid var(--ur-line);border-radius:14px;padding:22px 24px;max-width:640px}
.ucro-review-form[hidden]{display:none}
.ucro-review-form__title{margin:0 0 14px;font:600 16px var(--ur-grot);color:var(--ur-ink)}
.ucro-review-form__rating{display:flex;align-items:center;gap:4px;margin-bottom:16px}
.ucro-star-btn{background:none;border:none;padding:2px;cursor:pointer;color:#F1F1F1;line-height:0;transition:color .12s}
.ucro-star-btn.is-on,.ucro-star-btn.is-hover{color:var(--ur-gold)}
.ucro-review-form__row{display:flex;gap:10px;margin-bottom:12px;flex-wrap:wrap}
.ucro-review-form input[type=text],.ucro-review-form input[type=email],.ucro-review-form textarea{flex:1;min-width:180px;width:100%;border:1px solid #F1F1F1;border-radius:9px;padding:11px 13px;font:400 13.5px var(--ur-sans);color:var(--ur-ink);background:#fff}
.ucro-review-form textarea{margin-bottom:14px;resize:vertical}
.ucro-review-form input:focus,.ucro-review-form textarea:focus{outline:none;border-color:var(--ur-green);box-shadow:0 0 0 1px var(--ur-green)}
.ucro-review-form__hp{position:absolute!important;left:-9999px!important}
.ucro-review-form__actions{display:flex;align-items:center;gap:14px}
.ucro-review-form__submit{font:600 13.5px var(--ur-sans);color:#fff;background:var(--ur-green);border:1px solid var(--ur-green);padding:12px 22px;border-radius:10px;cursor:pointer;transition:background .15s}
.ucro-review-form__submit:hover{background:var(--ur-green-d)}
.ucro-review-form__submit:disabled{opacity:.6;cursor:default}
.ucro-review-form__status{font:500 12.5px var(--ur-sans)}
.ucro-review-form__status[data-state=ok]{color:var(--ur-green-d)}
.ucro-review-form__status[data-state=err]{color:#B0483C}

@media(max-width:760px){
	.ucro-reviews{padding-left:16px;padding-right:16px}
	.ucro-summary{grid-template-columns:1fr;gap:20px;text-align:center}
	.ucro-summary__score{border-right:none;border-bottom:1px solid var(--ur-line2);padding-right:0;padding-bottom:18px}
	.ucro-reviews__list{grid-template-columns:1fr}
}

/* review contact: phone with country flag + privacy note */
.ucro-phone{display:flex;gap:8px;margin-bottom:12px}
.ucro-phone__cc{flex:0 0 auto;width:118px;border:1px solid var(--ur-line);border-radius:9px;padding:11px 8px;font:500 13.5px var(--ur-sans);color:var(--ur-ink);background:#fff;cursor:pointer}
.ucro-phone__cc:focus{outline:none;border-color:var(--ur-green);box-shadow:0 0 0 1px var(--ur-green)}
.ucro-phone__num{flex:1;min-width:0}
.ucro-review-form__note{display:flex;align-items:flex-start;gap:7px;margin:0 0 14px;font:400 11.5px/1.5 var(--ur-sans);color:var(--ur-muted)}
.ucro-review-form__note svg{flex:none;margin-top:2px;color:var(--ur-green)}

.ucro-review-form__lbl{display:block;font:600 11px/1 var(--ur-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ur-muted);margin:0 0 6px}
.ucro-review-form input[readonly]{background:#F5F5F5;color:var(--ur-muted);cursor:not-allowed;margin-bottom:12px}