/*!
 * cb-rating.css — Castor Bezerra · Tem Tudo (2026-08-17, agente CARD-NOTA)
 * Selo "★ 4,8 (16)" nos cards de produto (home, categoria, busca, recomendados).
 * Fica no canto INFERIOR DIREITO da foto: nao briga com o -N% (topo esq.),
 * desejos/comparar (topo dir.), prova social (base esq.) nem com o botao
 * "Adicionar" (corpo do card). Injetado por static/js/cb-rating.js so quando
 * o produto tem avaliacao real; sem avaliacao = nada (nunca "0,0").
 */
.cb-rating-badge {
  position: absolute; right: 10px; bottom: 10px; z-index: 3;
  display: inline-flex; align-items: center; gap: 4px;
  max-width: calc(100% - 20px);
  background: rgba(255,255,255,.96); color: var(--cb-ink, #1B2434);
  font: 800 12px/1 var(--cb-font-ui, var(--rastreio-font-ui, 'Inter', system-ui, sans-serif));
  font-variant-numeric: tabular-nums; letter-spacing: .1px;
  padding: 5px 8px 5px 7px; border-radius: 999px;
  border: 1px solid rgba(15,42,102,.10);
  box-shadow: 0 2px 8px rgba(15,42,102,.16);
  pointer-events: none; white-space: nowrap;
  opacity: 0; transform: translateY(4px);
  transition: opacity .3s, transform .3s var(--cb-ease, cubic-bezier(.2,.7,.2,1));
}
.cb-rating-badge.is-in { opacity: 1; transform: none; }
.cb-rating-badge__star { width: 13px; height: 13px; flex: 0 0 auto; color: #F2C14E; fill: currentColor; filter: drop-shadow(0 1px 0 rgba(212,175,55,.45)); }
.cb-rating-badge__n { color: var(--cb-ink, #1B2434); }
.cb-rating-badge__c { font-weight: 600; font-size: 11px; color: var(--cb-muted, #4B5A73); }
/* hosts que recebem o selo (o cb-cart.css ja deixa os dois position:relative) */
.ttd-prod-img-wrap, .cb-reco-media { position: relative; }
/* Foto estreita (<240px: grades de 4-6 colunas, carrosseis) dividindo a base com a prova social
   ("N vendo agora", canto esq.): some o total e fica so "★ nota" — nunca se sobrepoem. */
.ttd-prod-img-wrap:has(.cb-social-badge) .cb-rating-badge--tight .cb-rating-badge__c,
.cb-reco-media:has(.cb-social-badge) .cb-rating-badge--tight .cb-rating-badge__c { display: none; }
/* Foto MUITO estreita (<200px: carrosseis da home no mobile) com prova social: nem "★ nota" cabe ao lado
   do "N vendo agora" — o selo sobe e fica logo acima dele (cluster no canto), sem sobrepor. */
.ttd-prod-img-wrap:has(.cb-social-badge) .cb-rating-badge--xs,
.cb-reco-media:has(.cb-social-badge) .cb-rating-badge--xs { bottom: 42px; }
@media (max-width: 767px) {
  .cb-rating-badge { right: 8px; bottom: 8px; padding: 4px 7px 4px 6px; font-size: 11.5px; }
  .cb-rating-badge__star { width: 12px; height: 12px; }
  /* card estreito com prova social ("N vendo agora") do outro lado: some o total, fica so a nota */
  .ttd-prod-img-wrap:has(.cb-social-badge) .cb-rating-badge__c,
  .cb-reco-media:has(.cb-social-badge) .cb-rating-badge__c { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .cb-rating-badge { transition: none !important; }
}