/*
 * Enhanced Reviews for WooCommerce — frontend styles.
 * Themable via CSS custom properties (fall back to sensible defaults):
 *   --erw-accent, --erw-ink, --erw-muted, --erw-surface, --erw-line, --erw-radius
 */
.erw,
.erw-section{
  --_accent: var(--erw-accent, var(--tangerine, #f3791a));
  --_ink: var(--erw-ink, var(--ink, #261c14));
  --_muted: var(--erw-muted, var(--muted, #72675d));
  --_surface: var(--erw-surface, var(--surface, #fefcf9));
  --_line: var(--erw-line, var(--line, #e2ddd5));
  --_r: var(--erw-radius, 10px);
}

.erw-h3{font-size:1.15rem;margin:0 0 .9rem}

/* ---------- summary ---------- */
.erw-summary{display:grid;grid-template-columns:auto 1fr auto;gap:2rem;align-items:center;background:var(--_surface);border-radius:var(--_r);padding:1.6rem;box-shadow:0 1px 2px rgb(0 0 0 / .04),0 4px 10px -6px rgb(0 0 0 / .1);margin-bottom:1.6rem}
@media (max-width:720px){.erw-summary{grid-template-columns:1fr;gap:1.2rem;text-align:center}}
.erw-summary__score{display:flex;flex-direction:column;align-items:center;gap:.2rem}
.erw-summary__avg{font-size:3rem;font-weight:700;line-height:1;color:var(--_ink)}
.erw-summary__count{font-size:.85rem;color:var(--_muted)}
.erw-summary__bars{display:grid;gap:.35rem;max-width:420px;width:100%}
.erw-bar{display:grid;grid-template-columns:2.6em 1fr 2em;align-items:center;gap:.6rem;font-size:.85rem;color:var(--_muted)}
.erw-bar__track{height:8px;background:var(--_line);border-radius:99px;overflow:hidden}
.erw-bar__fill{display:block;height:100%;background:var(--_accent);border-radius:99px}
.erw-bar__num{text-align:right}

/* ---------- stars (fractional via gradient) ---------- */
.erw-stars{--erw-rating:0;position:relative;display:inline-block;font-size:1.05rem;line-height:1;letter-spacing:2px}
.erw-stars::before{content:"★★★★★";color:var(--_line)}
.erw-stars::after{content:"★★★★★";position:absolute;inset:0;color:var(--_accent);overflow:hidden;width:calc(var(--erw-rating)/5*100%)}

/* ---------- gallery strip ---------- */
.erw-gallery{margin:0 0 1.8rem}
.erw-gallery__strip{display:flex;gap:.6rem;overflow-x:auto;padding-bottom:.4rem;scrollbar-width:thin}
.erw-gallery__thumb{flex:none;width:84px;height:84px;border-radius:calc(var(--_r) - 3px);overflow:hidden;padding:0;border:1.5px solid var(--_line);background:var(--_surface);cursor:pointer;position:relative;transition:transform .2s ease,border-color .2s}
.erw-gallery__thumb:hover{transform:translateY(-2px);border-color:var(--_accent)}
.erw-gallery__thumb img{width:100%;height:100%;object-fit:cover;display:block}
.erw-gallery__thumb--video{display:grid;place-items:center;background:var(--_ink)}
.erw-play{color:#fff;font-size:1.2rem}

/* ---------- review cards ---------- */
.erw-list{list-style:none;margin:0;padding:0;display:grid;gap:1rem}
.erw-card{background:var(--_surface);border-radius:var(--_r);padding:1.3rem 1.4rem;box-shadow:0 1px 2px rgb(0 0 0 / .04),0 4px 10px -6px rgb(0 0 0 / .1)}
.erw-card__head{display:flex;align-items:center;gap:.8rem;margin-bottom:.7rem;flex-wrap:wrap}
.erw-avatar{width:42px;height:42px;border-radius:50%;background:var(--_accent);color:#fff;display:grid;place-items:center;font-weight:700;flex:none}
.erw-card__who{display:flex;flex-direction:column;line-height:1.35;margin-right:auto}
.erw-card__who b{color:var(--_ink)}
.erw-card__who time{font-size:.78rem;color:var(--_muted)}
.erw-verified{font-size:.75rem;color:var(--erw-verified, #207e70);font-weight:600}
.erw-card__text{color:var(--_ink);font-size:.98rem}
.erw-card__text p{margin:0 0 .6em}
.erw-card__media{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.9rem}
.erw-card__media .erw-gallery__thumb{width:64px;height:64px}
.erw-empty{color:var(--_muted)}

/* moderação: destaque discreto para o autor vendo o próprio review pendente */
.erw-card.comment-awaiting-moderation-wrap,.erw-card .comment-awaiting-moderation{font-size:.8rem;color:var(--_muted);font-style:italic}

/* ---------- form ---------- */
.erw-form-wrap{margin-top:2rem;background:var(--_surface);border-radius:var(--_r);padding:1.6rem;box-shadow:0 1px 2px rgb(0 0 0 / .04),0 4px 10px -6px rgb(0 0 0 / .1)}
.erw-form-note{font-size:.85rem;color:var(--_muted);margin:0 0 1rem}
.erw-row{margin:0 0 1rem}
.erw-row label,.erw-label{display:block;font-size:.88rem;font-weight:600;margin-bottom:.35rem;color:var(--_ink)}
.erw-row input[type=text],.erw-row input[type=email],.erw-row textarea{width:100%;font:inherit;padding:.7em .9em;border:1.5px solid var(--_line);border-radius:8px;background:transparent;color:var(--_ink)}
.erw-row textarea{resize:vertical}
.erw-row input:focus,.erw-row textarea:focus{outline:none;border-color:var(--_accent)}

/* star picker (inputs em ordem 5..1 + flex-direction row-reverse = hover natural) */
.erw-rate{display:inline-flex;flex-direction:row-reverse;gap:.15rem}
.erw-rate input{position:absolute;opacity:0;pointer-events:none}
.erw-rate label{font-size:1.7rem;color:var(--_line);cursor:pointer;transition:color .15s;margin:0}
.erw-rate label:hover,.erw-rate label:hover ~ label,.erw-rate input:checked ~ label{color:var(--_accent)}
.erw-rate input:focus-visible + label{outline:2px solid var(--_accent);outline-offset:2px;border-radius:4px}

/* uploads */
.erw-media-row{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}
.erw-media-row .erw-label{width:100%}
.erw-upload{display:inline-flex;align-items:center;gap:.45em;padding:.55em 1em;border:1.5px dashed var(--_line);border-radius:8px;font-size:.88rem;font-weight:600;color:var(--_muted);cursor:pointer;transition:border-color .2s,color .2s}
.erw-upload:hover{border-color:var(--_accent);color:var(--_ink)}
.erw-upload input{display:none}
.erw-previews{display:flex;gap:.5rem;flex-wrap:wrap;width:100%}
.erw-previews img,.erw-previews .erw-prev-video{width:56px;height:56px;object-fit:cover;border-radius:8px;border:1.5px solid var(--_line)}
.erw-prev-video{display:grid;place-items:center;background:var(--_ink);color:#fff;font-size:.8rem}
.erw-error{width:100%;font-size:.82rem;color:#b3261e}

.erw-btn{display:inline-block;background:var(--_accent);color:#231a10;font-weight:700;font-size:.95rem;padding:.75em 1.5em;border-radius:8px;border:none;cursor:pointer;text-decoration:none;transition:transform .2s ease,box-shadow .2s}
.erw-btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px -12px var(--_accent)}

/* aviso "somente quem comprou avalia" + atalho de login com cara de botão */
.erw-locked{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1.1rem;margin-top:1.6rem;padding:1rem 1.25rem;background:var(--_surface);border:1.5px solid var(--_line);border-radius:var(--_r);color:var(--_muted);font-size:.92rem}
.erw-locked a{flex:none;display:inline-flex;align-items:center;background:var(--_accent);color:#231a10;font-weight:700;font-size:.88rem;padding:.55em 1.25em;border-radius:8px;text-decoration:none;transition:transform .2s ease,box-shadow .2s}
.erw-locked a:hover{transform:translateY(-2px);box-shadow:0 10px 22px -12px var(--_accent)}
.erw-locked a:focus-visible{outline:2px solid var(--_ink);outline-offset:2px}

/* modo "abaixo da descrição": seção autônoma no lugar da aba */
.erw-section{margin-top:2.5rem;padding-top:2.2rem;border-top:1px solid var(--_line)}
.erw-section__title{font-family:inherit;font-weight:700;font-size:clamp(1.35rem,1.1rem + 1vw,1.8rem);line-height:1.15;margin:0 0 1.4rem;color:var(--_ink)}

/* ---------- lightbox ---------- */
.erw-lightbox{position:fixed;inset:0;z-index:9999;background:rgb(0 0 0 / .82);display:grid;place-items:center;padding:4vmin}
.erw-lightbox[hidden]{display:none}
.erw-lightbox__body img,.erw-lightbox__body video{max-width:92vw;max-height:86vh;border-radius:10px;display:block}
.erw-lightbox__close{position:absolute;top:14px;right:16px;width:42px;height:42px;border-radius:50%;background:rgb(255 255 255 / .12);color:#fff;font-size:1.1rem;border:none;cursor:pointer}
.erw-lightbox__close:hover{background:rgb(255 255 255 / .25)}