/* ---------------------------------------------------------------------------
   AIODomain - Global domain marketplace
   Author: MD OMAR FARUK | www.faruk.bd | Copyright (c) 2026
   --------------------------------------------------------------------------- */
/* Affiliates and Reviews pages (1.9.0): stars, the star picker, review cards,
   the rating summary bars, the referral link box and the admin bits. Works on
   both faces: colours are literal or inherit from the theme. */

/* ---- stars */
.pgw-stars{display:inline-flex;align-items:center;gap:1px;vertical-align:middle;line-height:1}
.pgw-stars i{display:inline-flex;color:currentColor;opacity:.22}
.pgw-stars i.on{color:#f59e0b;opacity:1}
.pgw-stars i .aio-icon{fill:currentColor;stroke:currentColor}
.pgw-stars-n{font-size:12.5px;opacity:.75;vertical-align:middle}

/* ---- the picker: radios 5..1 drawn as stars (row-reverse so later siblings = lower stars) */
.pgw-pick{display:inline-flex;flex-direction:row-reverse;gap:2px;position:relative}
.pgw-pick input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.pgw-pick label{cursor:pointer;color:currentColor;opacity:.22;line-height:1;display:inline-flex;transition:transform .1s}
.pgw-pick label .aio-icon{fill:currentColor;stroke:currentColor}
.pgw-pick input:checked ~ label,.pgw-pick label:hover,.pgw-pick label:hover ~ label{color:#f59e0b;opacity:1}
.pgw-pick label:hover{transform:scale(1.12)}
.pgw-pick input:focus-visible + label{outline:2px solid #f59e0b;outline-offset:2px;border-radius:4px}

/* ---- member: to review */
.pgw-todo{border:1px solid var(--st-line,rgba(0,0,0,.12));border-radius:12px;margin:0 0 12px;background:var(--st-surface,#fff)}
.pgw-todo summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;cursor:pointer;list-style:none}
.pgw-todo summary::-webkit-details-marker{display:none}
.pgw-todo-dom{display:flex;flex-direction:column;gap:2px;min-width:0}
.pgw-todo[open] summary .aio-btn{display:none}
.pgw-write{padding:0 16px 16px}
.pgw-field{margin:0 0 12px}
.pgw-field label{display:block;font-weight:600;font-size:13.5px;margin:0 0 6px}

/* ---- a review */
.pgw-review{border:1px solid var(--st-line,rgba(0,0,0,.12));border-radius:12px;padding:16px 18px;margin:0 0 12px;background:var(--st-surface,#fff)}
.pgw-review-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.pgw-review-h>div:nth-child(2){flex:1;min-width:0}
.pgw-review-stars{display:flex;align-items:center;gap:8px}
.pgw-review h4{margin:12px 0 4px;font-size:15.5px}
.pgw-review p{margin:8px 0 0;white-space:normal;line-height:1.55}
.pgw-reply{margin:12px 0 0;padding:10px 14px;border-left:3px solid #f59e0b;background:rgba(245,158,11,.08);border-radius:0 8px 8px 0}
.pgw-reply p{margin:4px 0 0}
.pgw-report{margin:12px 0 0}
.pgw-report summary{cursor:pointer;opacity:.7;display:inline-flex;align-items:center;gap:4px}
.pgw-report summary:hover{opacity:1}
.pgw-report form{margin-top:8px;max-width:520px;display:grid;gap:8px}
.pgw-received{margin:0 0 14px}
.pgw-received .pgw-review{margin-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0}
.pgw-answer{border:1px solid var(--st-line,rgba(0,0,0,.12));border-top:0;border-radius:0 0 12px 12px;padding:10px 18px;background:var(--st-surface-2,rgba(0,0,0,.02))}
.pgw-answer summary{cursor:pointer}
.pgw-answer form{margin-top:10px;display:grid;gap:8px}
.pgw-received>p{padding:8px 18px 0}
.pgw-received-top{display:flex;flex-direction:column;gap:12px}

/* ---- rating summary (big number + bars) */
.pgw-summary{display:flex;gap:28px;align-items:center;flex-wrap:wrap}
.pgw-summary-big{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:120px}
.pgw-summary-big b{font-size:44px;font-weight:800;line-height:1;letter-spacing:-.03em}
.pgw-summary-big span{font-size:12.5px;opacity:.7}
.pgw-bars{flex:1;min-width:220px;display:grid;gap:5px}
.pgw-bar{display:grid;grid-template-columns:44px 1fr 32px;align-items:center;gap:10px;font-size:12.5px}
.pgw-bar>span:first-child{display:inline-flex;align-items:center;gap:3px;opacity:.8}
.pgw-bar-track{height:8px;border-radius:6px;background:rgba(127,127,127,.18);overflow:hidden}
.pgw-bar-fill{height:100%;background:#f59e0b;border-radius:6px}
.pgw-bar-n{text-align:right;opacity:.7}

/* ---- public reviews-of page */
.pgw-public-head{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;padding:22px 0 10px;border-bottom:1px solid var(--st-line,rgba(0,0,0,.1));margin-bottom:10px}
.pgw-public-who{display:flex;gap:16px;align-items:center}
.pgw-public-who h2{margin:0 0 6px;font-size:26px}
.pgw-public-who .pp-badges{display:flex;flex-wrap:wrap;gap:6px}
.pgw-public-who p{margin:8px 0 0}
.pgw-pill-sm{font-size:11px;padding:2px 8px}
@media (max-width:760px){.pgw-public-head{grid-template-columns:1fr}}

/* ---- seller profile + listing page pieces */
.pgw-seller-rating{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;margin:4px 0 8px}
.pgw-seller-rating a{font-size:13px}
.pgw-seller-reviews{margin-top:8px}
.pgw-seller-reviews .pgw-review{margin-bottom:10px}
.pgw-meta-stars{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}

/* ---- the review prompt on order pages */
.pgw-prompt{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.pgw-prompt>div:first-child{color:#f59e0b;display:inline-flex}
.pgw-prompt>div:nth-child(2){flex:1;min-width:200px}
.pgw-prompt p{margin:4px 0 0}
.pgw-rate{white-space:nowrap}

/* ---- affiliates (member) */
.pgw-link-card h3{margin:0 0 6px;display:flex;align-items:center;gap:8px}
.pgw-link{display:flex;gap:8px;margin:10px 0 8px;flex-wrap:wrap}
.pgw-link .aio-input{flex:1;min-width:220px}
.pgw-how{margin-bottom:10px}
.pgw-terms{margin:8px 0 0;line-height:1.5}
.pgw-tiles{margin-top:18px}

/* ---- admin */
.pgw-flags{color:#c2410c;margin-top:3px}
.pgw-inline-act{display:inline-block;vertical-align:top;margin-left:4px}
.pgw-inline-act summary{list-style:none;cursor:pointer;display:inline-flex}
.pgw-inline-act summary::-webkit-details-marker{display:none}
.pgw-inline-act form{display:flex;gap:6px;align-items:center;margin-top:6px;min-width:260px;text-align:left}
.pgw-inline-act form .aio-input{flex:1;min-width:150px}
.pgw-admin-text{white-space:normal;line-height:1.6;font-size:15px}
.pgw-admin-cell{max-width:380px;white-space:normal}
.adm-client-head h2 .pgw-stars{vertical-align:-3px;margin-right:6px}