/* SLZ7 V46.1 - Avaliacoes (estrelas, formulario e lista de comentarios).
   Extraido de account.css para carregar tambem em serviço/produto, criador e blog. */



/* --------------------------------------------------------------------
   6) Avaliacoes do serviço ou produto - bloco proprio
   -------------------------------------------------------------------- */
.offer-reviews{
  background:var(--c-bg-soft);border:1px solid var(--c-border);border-radius:calc(var(--radius) + 6px);
  padding:28px;margin-top:12px;
}
.offer-reviews .reviews-head{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;
  padding-bottom:20px;border-bottom:1px solid var(--c-border);
}
.offer-reviews h2{margin:0 0 4px}
.reviews-score{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:10px}
.reviews-score .rating-big{font-size:2.6rem;line-height:1}
.reviews-score .of{font-size:.8rem;color:var(--c-muted);display:block}
.reviews-cta{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.reviews-cta .muted{font-size:.78rem;text-align:right}
.slz7-rating-toggle{white-space:nowrap}

.slz7-rating-box{
  display:none;background:#fff;border:1px solid var(--c-border);border-radius:var(--radius);
  padding:22px;margin-top:20px;
}
.slz7-rating-box.open{display:block;animation:slz7-fade .25s ease}
@keyframes slz7-fade{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.slz7-rating-box h3{font-size:1.05rem;margin-bottom:.2rem}
.slz7-rating-box .hint{font-size:.82rem;color:var(--c-muted);margin-bottom:14px}
.slz7-rating-form .star-input{font-size:1.6rem;gap:8px}
.slz7-rating-form .star-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.slz7-rating-form .btn-cancel{background:var(--c-bg-soft);color:var(--c-dark)}

.slz7-reviews{margin-top:22px}
.slz7-reviews li{
  border:1px solid var(--c-border);border-top:1px solid var(--c-border);background:#fff;
  border-radius:var(--radius);padding:18px 20px;margin-bottom:12px;
}
.slz7-reviews li:last-child{margin-bottom:0}
.rev-head img{width:44px;height:44px}
.rev-head strong{color:var(--c-dark)}
.rev-head .stars{margin-left:8px}
.slz7-reviews p{margin:0;font-size:.92rem}
.reviews-empty{background:#fff;border:1px dashed var(--c-border);border-radius:var(--radius);padding:22px;text-align:center;margin-top:20px}

@media(max-width:768px){


  /* Avaliacoes */
  .offer-reviews{padding:20px 16px;border-radius:16px}
  .offer-reviews .reviews-head{grid-template-columns:minmax(0,1fr);gap:14px}
  .reviews-cta{align-items:stretch}
  .reviews-cta .btn{width:100%}
  .reviews-cta .muted{text-align:left}}
.slz7-avatar-preview{
  width:104px;height:104px;border-radius:50%;overflow:hidden;flex:0 0 auto;
  border:3px solid #fff;background:var(--c-bg-soft);
  box-shadow:0 14px 30px -18px rgba(15,17,35,.5);
}
.slz7-avatar-preview img{width:100%;height:100%;object-fit:cover;display:block}

/* ==========================================================================
   v9.3 - Avaliacoes: tipografia refinada (titulo, numeros e frases menores)
   Vale para avaliacoes de serviço ou produto e de criador.
   ========================================================================== */
.offer-reviews{padding:24px 26px}
.offer-reviews h2{
  font-size:1.12rem;font-weight:800;letter-spacing:-.01em;
  color:var(--c-dark);margin:0 0 3px;line-height:1.25;
}
.offer-reviews .reviews-head{gap:14px 18px;padding-bottom:16px}
.offer-reviews .reviews-head > div > .muted{font-size:.8rem;line-height:1.45;color:var(--c-muted)}
.offer-reviews .reviews-score{gap:12px;margin-top:12px;align-items:center}
.offer-reviews .reviews-score .rating-big{
  font-size:1.55rem;font-weight:800;color:var(--c-dark);line-height:1.05;
}
.offer-reviews .reviews-score .of{font-size:.68rem;color:var(--c-muted);letter-spacing:.02em}
.offer-reviews .reviews-score .stars,
.offer-reviews .reviews-score .stars i{font-size:.8rem}
.offer-reviews .reviews-score .rating-num{font-size:.78rem;font-weight:700;color:var(--c-dark)}
.offer-reviews .reviews-score .rating-count{font-size:.72rem;color:var(--c-muted)}
.offer-reviews .reviews-score > .muted{font-size:.76rem;color:var(--c-muted)}
.offer-reviews .reviews-cta .muted{font-size:.72rem;line-height:1.4;max-width:280px}
.offer-reviews .reviews-cta .btn,
.offer-reviews .slz7-rating-toggle{font-size:.8rem;padding:.7rem 1.1rem}

.offer-reviews .slz7-reviews li{padding:14px 0}
.offer-reviews .rev-head{gap:10px;margin-bottom:6px}
.offer-reviews .rev-head strong,
.offer-reviews .rev-head b{font-size:.88rem;color:var(--c-dark)}
.offer-reviews .rev-head time{font-size:.7rem}
.offer-reviews .rev-head .stars,
.offer-reviews .rev-head .stars i{font-size:.75rem}
.offer-reviews .slz7-reviews p{font-size:.86rem;line-height:1.6;color:var(--c-text);margin:0}
.offer-reviews .slz7-rating-box h3{font-size:.98rem}
.offer-reviews .slz7-rating-box .hint{font-size:.78rem}

@media (max-width:600px){
  .offer-reviews{padding:20px 18px}
  .offer-reviews h2{font-size:1.02rem}
  .offer-reviews .reviews-score .rating-big{font-size:1.4rem}
  .offer-reviews .reviews-cta .muted{max-width:none}}

/* ==========================================================================
   v9.4 - Avaliacoes: respiro interno dos comentarios
   O texto estava encostando na borda do cartao (padding lateral zerado).
   ========================================================================== */
.offer-reviews .slz7-reviews{margin-top:18px}
.offer-reviews .slz7-reviews li{
  padding:18px 22px;
  border:1px solid var(--c-border);
  border-radius:calc(var(--radius) - 2px);
  background:#fff;
  margin-bottom:12px;
}
.offer-reviews .slz7-reviews li:last-child{margin-bottom:0}
.offer-reviews .rev-head{gap:12px;margin-bottom:8px;align-items:center}
.offer-reviews .rev-head img{width:40px;height:40px;border-radius:50%}
.offer-reviews .slz7-reviews p{padding:0;overflow-wrap:anywhere}
.offer-reviews .slz7-rating-box{padding:22px 24px}
.offer-reviews > .muted,
.offer-reviews > p{padding:0 2px}
@media(max-width:600px){
  .offer-reviews .slz7-reviews li{padding:16px}}

/* de offer.css (V46.1) */
.rating-feedback{margin-left:12px;font-size:.85rem;font-weight:700}
.rating-feedback.ok{color:#12b76a}
.rating-feedback.err{color:#e0304a}

/* lista de avaliacoes sem marcador (V46.1) */
.slz7-reviews{list-style:none;padding-left:0}
.slz7-reviews li{list-style:none}

/* ==========================================================================
   V46 - Botao de avaliar: link curto e destacado no MOBILE
   Vale para item, perfil do criador e artigos (todo lugar onde o botao
   .slz7-rating-toggle aparece). No desktop nada muda.
   ========================================================================== */
.slz7-lbl-short{display:none}
@media(max-width:768px){
  .slz7-lbl-full{display:none}
  .slz7-lbl-short{display:inline}

  .reviews-cta{align-items:flex-start}
  .offer-reviews .reviews-cta .btn.slz7-rating-toggle,
  .slz7-rating-toggle{
    width:auto!important;background:none!important;background-image:none!important;
    border:0!important;box-shadow:none!important;border-radius:0!important;
    padding:2px 0!important;min-height:0;
    color:var(--c-primary,#5f2eea)!important;font-weight:800;font-size:.85rem!important;
    text-decoration:underline;text-underline-offset:3px;
  }
  .slz7-rating-toggle i{margin-right:4px}
  .slz7-rating-toggle.is-locked{color:var(--c-muted)!important;text-decoration:none}
}