/* ========================================================
   Clone fixes — overrides mínimos para puroconforto-clone
   Mantém estética do tema original; ajusta só o quebrado.
   ======================================================== */

/* --- 1. VCW (Video Commerce Widget) "QUALIDADE ✅" -------
   Usa HLS .m3u8 (não toca sem hls.js + segmentos .ts).
   Ocultamos a seção inteira pra não exibir popup vazio.
   ----------------------------------------------------- */
.shopify-section.section-video-commerce,
.vcw-root,
.vcw,
.vcw__overlay,
[id^="vcwBox-"],
[id^="vcwOverlay-"] {
  display: none !important;
}

/* --- 2. Seletor de Tamanhos ------------------------------
   Tema original usa círculos 50x50 com word-spacing: 100vw
   pra quebrar "2 anos" em duas linhas. Funciona pra labels
   curtos mas TRUNCA "14 anos / P" e "16 anos / M".
   Solução: aumentar levemente o círculo + font menor.
   ----------------------------------------------------- */
.product-form__input--pill input[type="radio"] + label {
  width: 60px !important;
  height: 60px !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  line-height: 1.05 !important;
  padding: 4px 4px !important;
  border: 2px solid #d6d6d6 !important;
}

.product-form__input--pill input[type="radio"]:checked + label {
  background-color: #1e1e1e !important;
  color: #fff !important;
  border-color: #1e1e1e !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.18);
}

.product-form__input--pill input[type="radio"] + label:hover {
  border-color: #1e1e1e !important;
}

/* Labels com mais de 4 chars (ex: "G Juvenil", "14/16", "0-3m")
   ganham pill alongado em vez de círculo. Usa atributo CSS
   pra detectar pelo value original. */
.product-form__input--pill input[type="radio"][value*="/"] + label,
.product-form__input--pill input[type="radio"][value*=" "] + label,
.product-form__input--pill input[type="radio"][value$="m"] + label {
  width: auto !important;
  min-width: 70px;
  padding: 6px 14px !important;
  border-radius: 30px !important;
  word-spacing: normal !important;
  white-space: nowrap;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
}

/* Gap mais respirado entre as pills */
.product-form__input--pill {
  gap: 8px !important;
}

/* --- 3. Acessórios pequenos ------------------------------ */
.whatsapp-btn {
  box-shadow: 0 4px 12px rgba(37,211,102,0.35) !important;
}

/* --- Promo alert "Últimas unidades..." — evita truncar --- */
.promo-alert {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 10px 0 !important;
}
.promo-alert__text {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  font-size: 13px !important;
  flex: 1 !important;
  min-width: 0 !important;
}

/* --- 4. Reviews customizados ----------------------------- */
.custom-reviews {
  max-width: 760px;
  margin: 32px auto;
  padding: 20px 16px;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.06);
  border: 1px solid #ececec;
  font-family: inherit;
}

.custom-reviews__summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 16px;
  border-bottom: 1px solid #f0f0f0;
  margin-bottom: 16px;
  gap: 16px;
}

.cr-summary-left {
  display: flex;
  align-items: center;
  gap: 10px;
}

.cr-avg {
  font-size: 32px;
  font-weight: 800;
  color: #1e1e1e;
  line-height: 1;
}

.cr-summary-right {
  text-align: right;
  display: flex;
  flex-direction: column;
}

.cr-summary-right strong {
  font-size: 14px;
  color: #1e1e1e;
}

.cr-summary-right small {
  font-size: 12px;
  color: #777;
}

.cr-stars {
  position: relative;
  color: #f5b301;
  font-size: 16px;
  letter-spacing: 1px;
  white-space: nowrap;
}

.cr-stars-empty {
  color: #e0e0e0;
}

.cr-section-title {
  font-size: 16px;
  font-weight: 700;
  margin: 12px 0 16px;
  color: #1e1e1e;
}

.custom-reviews__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.cr-card {
  padding: 14px;
  background: #fafafa;
  border-radius: 12px;
  border: 1px solid #f0f0f0;
}

.cr-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 6px;
  flex-wrap: wrap;
}

.cr-name {
  font-size: 14px;
  font-weight: 600;
  color: #1e1e1e;
}

.cr-verified {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 11px;
  font-weight: 600;
  color: #1b8b4b;
  background: #e7f7ee;
  padding: 2px 8px;
  border-radius: 12px;
}

.cr-meta {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
}

.cr-time {
  font-size: 12px;
  color: #888;
}

.cr-text {
  font-size: 14px;
  line-height: 1.5;
  color: #333;
  margin: 0;
}

@media (max-width: 480px) {
  .custom-reviews { padding: 16px 12px; margin: 20px 12px; }
  .cr-avg { font-size: 28px; }
}

/* Esconde mensagem "Não foi possível carregar disponibilidade"
   (Shopify pickup-availability API não responde no clone) */
.pickup-availability-preview .pickup-availability-button,
pickup-availability-info,
.pickup-availability-error {
  display: none !important;
}