/* =========================================================================
   Melhorias da página de vendas (fora do checkout):
   - selo "Apenas hoje DD/MM/AAAA"
   - frete grátis elegante
   - barra de avaliação + ações (curtir/compartilhar/whatsapp) funcionais
   - resumo de avaliações 4,9/5
   - cronômetro real até a meia-noite
   ========================================================================= */
:root { --vy-primary: #ee4d2d; --vy-ink: #1f2733; --vy-muted: #6b7280; --vy-line: #e4e8ec; }

/* selo "Apenas hoje" — pill discreto e elegante (sobre o banner vermelho) */
.vy-today { font-size: 11px !important; line-height: 1.2 !important; font-weight: 700 !important; margin: 0 !important; }
.vy-today-pill {
  display: inline-flex; flex-wrap: wrap; align-items: center; gap: 3px 6px; max-width: 100%; vertical-align: middle;
  background: rgba(255,255,255,.16); border: 1px solid rgba(255,255,255,.4);
  color: #fff; padding: 5px 11px; border-radius: 8px; font-size: 11px; font-weight: 700; letter-spacing: .2px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}
.vy-today-pill svg { width: 13px; height: 13px; flex: 0 0 auto; display: block; }
.vy-today-pill .vy-tp-lead { display: inline-flex; align-items: center; gap: 5px; white-space: nowrap; }
.vy-today-pill .vy-tp-date { white-space: nowrap; font-weight: 800; }

/* frete — caminhão original à esquerda, texto na frente, uma linha */
.vy-frete2 {
  display: flex; align-items: center; justify-content: flex-start; gap: 11px; padding: 12px 18px;
  width: 100%; box-sizing: border-box;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}
.vy-frete2-ico { width: 34px; height: auto; flex: 0 0 auto; }
.vy-frete2-txt { font-size: 13.5px; font-weight: 600; color: #2b3440; white-space: nowrap; line-height: 1.3; }
.vy-frete2-txt b { font-weight: 800; color: #16a34a; }

/* barra de avaliação (substitui Rev.png) */
.vy-rate-bar {
  display: flex; align-items: center; gap: 9px; flex-wrap: wrap; padding: 4px 2px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}
.vy-rate-bar .vy-stars { color: #ff9500; font-size: 16px; letter-spacing: 1px; }
.vy-rate-bar .vy-score { font-weight: 800; color: var(--vy-ink); font-size: 15px; }
.vy-rate-bar .vy-sold { color: var(--vy-muted); font-size: 13px; }
.vy-actions { margin-left: auto; display: inline-flex; gap: 7px; flex: 0 0 auto; }
/* !important porque o tema da página força estilos em <button> (cor rosa, raio, etc) */
.vy-act {
  width: 34px !important; height: 34px !important; min-width: 0 !important; max-width: 34px !important;
  border-radius: 50% !important; border: 1px solid var(--vy-line) !important; background: #fff !important;
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  cursor: pointer; color: var(--vy-muted) !important; padding: 0 !important; margin: 0 !important;
  box-shadow: none !important; text-transform: none !important; flex: 0 0 auto;
  transition: background .15s, color .15s, transform .12s, border-color .15s;
}
.vy-act:hover { background: #f6f8fa !important; }
.vy-act:active { transform: scale(.9); }
.vy-act svg { width: 17px !important; height: 17px !important; }
.vy-act.vy-wpp { color: #25D366 !important; border-color: #bdebcb !important; }
.vy-act.vy-wpp:hover { background: #eafaf0 !important; }
.vy-act-heart.is-fav { color: #ee4d2d !important; border-color: #f6c3b7 !important; background: #fdecea !important; animation: vy-pop .32s ease; }
.vy-act-heart.is-fav svg { fill: #ee4d2d !important; stroke: #ee4d2d !important; }
@keyframes vy-pop { 0% { transform: scale(.6); } 55% { transform: scale(1.25); } 100% { transform: scale(1); } }

/* resumo de avaliações (substitui aval-nota.png) */
.vy-reviews-summary { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; padding: 6px 18px 14px; }
.vy-reviews-summary .vy-rs-title { font-size: 16px; font-weight: 800; color: var(--vy-ink); }
.vy-reviews-summary .vy-rs-score { display: flex; align-items: center; gap: 7px; margin-top: 8px; flex-wrap: wrap; }
.vy-reviews-summary .vy-rs-score .vy-stars { color: #ff9500; font-size: 16px; letter-spacing: 1px; line-height: 1; display: inline-flex; }
.vy-reviews-summary .vy-rs-score b { font-size: 17px; font-weight: 800; color: var(--vy-primary); line-height: 1; }
.vy-reviews-summary .vy-rs-count { font-size: 13px; color: var(--vy-muted); line-height: 1; }

/* card do vendedor — stats responsivas (substitui aval-vend.png) */
.vy-seller-stats { display: flex; align-items: stretch; justify-content: space-between; gap: 6px; padding: 6px 2px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; }
.vy-seller-stats .vy-st { flex: 1; min-width: 0; text-align: center; padding: 2px 6px; border-left: 1px solid #eceff2; }
.vy-seller-stats .vy-st:first-child { border-left: 0; }
.vy-seller-stats .vy-st-top { display: block; font-size: 13.5px; font-weight: 800; color: #1f2733; white-space: nowrap; }
.vy-seller-stats .vy-st-top small { font-weight: 600; color: #9aa1aa; font-size: 10.5px; }
.vy-seller-stats .vy-st-star { color: #ff9500; }
.vy-seller-stats .vy-st-lbl { display: block; font-size: 11px; color: #6b7280; margin-top: 3px; line-height: 1.25; }
.vy-reviews-summary .vy-rs-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.vy-reviews-summary .vy-chip { font-size: 12px; font-weight: 600; color: #475569; background: #f1f3f5; border: 1px solid #e4e8ec; border-radius: 999px; padding: 5px 12px; }

/* cronômetro real até meia-noite — compacto (substitui o widget de countdown) */
.vy-countdown { display: inline-flex; gap: 4px; align-items: stretch; flex: 0 0 auto; }
.vy-cd-box { min-width: 30px; padding: 3px 5px; border: 1.5px solid rgba(255,255,255,.55); border-radius: 7px; text-align: center; line-height: 1.05; flex: 0 0 auto; }
.vy-cd-box .vy-cd-num { font-size: 15px; font-weight: 800; color: #fff; font-variant-numeric: tabular-nums; }
.vy-cd-box .vy-cd-lbl { font-size: 7.5px; font-weight: 700; letter-spacing: .4px; color: rgba(255,255,255,.85); text-transform: uppercase; }

/* toast "link copiado" */
.vy-toast {
  position: fixed; left: 50%; bottom: 92px; transform: translateX(-50%) translateY(10px);
  background: #1f2733; color: #fff; font-size: 13px; font-weight: 600; padding: 11px 18px;
  border-radius: 10px; box-shadow: 0 10px 30px rgba(0,0,0,.3); z-index: 2147483600;
  opacity: 0; pointer-events: none; transition: opacity .2s, transform .2s;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}
.vy-toast.is-on { opacity: 1; transform: translateX(-50%) translateY(0); }