/* =============================================================
   HGC Simulador de Parcelas — default-pix style
   Installment displayed as hero price on product pages.
   ============================================================= */

/* ---------- Base installment text (shared) ---------- */
.woocommerce .wc-simulador-parcelas-parcelamento-info.no-fee,
.woocommerce .wc-simulador-parcelas-parcelamento-info.fee-included {
  display: block;
  font-weight: normal;
  font-style: italic;
  font-size: 16px;
}

.woocommerce .wc-simulador-parcelas-detalhes-valor {
  font-weight: normal;
  font-style: italic;
  display: block;
}

.woocommerce .wc-simulador-parcelas:last-child { margin-bottom: 15px; }

/* ---------- PIX/boleto offer block ---------- */
.woocommerce .wc-simulador-parcelas-offer {
  position: relative;
  display: block;
  margin-top: 5px;
}
.woocommerce .wc-simulador-parcelas-offer .woocommerce-Price-amount {
  font-size: 24px;
  line-height: 0.9;
}
/* ---------- Loop/shop — compact card pricing ---------- */

/* Installment text — kill italic, clean hierarchy */
.woocommerce .products .wc-simulador-parcelas-parcelamento-info.no-fee,
.woocommerce .products .wc-simulador-parcelas-parcelamento-info.fee-included {
  font-style: normal;
  font-size: 13px;
  font-weight: 400;
  color: #888;
  line-height: 1.4;
  margin-top: 2px;
}
/* Price within installment — the number that matters */
.woocommerce .products .wc-simulador-parcelas-parcelamento-info .woocommerce-Price-amount {
  font-weight: 700;
  font-size: 17px;
  color: #1a1a1a;
  line-height: 1.3;
}
.woocommerce .products .wc-simulador-parcelas-parcelamento-info .woocommerce-Price-currencySymbol {
  font-size: 11px;
  font-weight: 600;
}

/* PIX — slim dark pill */
.woocommerce .products .wc-simulador-parcelas-offer {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  background: #1a1a1a;
  border-radius: 4px;
  margin-top: 8px;
  position: relative;
  overflow: hidden;
  transition: box-shadow 0.2s ease-out;
}
.woocommerce .products .wc-simulador-parcelas-offer .woocommerce-Price-amount {
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  line-height: 1;
}
.woocommerce .products .wc-simulador-parcelas-offer .woocommerce-Price-currencySymbol {
  font-size: 10px;
}
.woocommerce .products .wc-simulador-parcelas-detalhes-valor {
  font-size: 10px;
  font-weight: 600;
  font-style: normal;
  color: #4ade80;
  display: inline;
  letter-spacing: 0.3px;
}

/* Subtle glow on card hover — rewards browsing */
.woocommerce .products .product:hover .wc-simulador-parcelas-offer {
  box-shadow: 0 0 12px rgba(74, 222, 128, 0.15);
}

.woocommerce .products .wc-simulador-parcelas-parcelamento-loop {
  margin-top: 4px;
  margin-bottom: 6px;
  display: block;
}

/* ---------- Default installment container (loop/shop) ---------- */
.woocommerce .entry-summary .wc-simulador-parcelas-parcelamento-info-container {
  display: block;
  position: relative;
  padding-left: 40px;
  margin-top: 5px;
  margin-bottom: 20px;
}
.woocommerce .entry-summary .wc-simulador-parcelas-parcelamento-info-container::before {
  content: '';
  position: absolute;
  left: 0;
  top: 3px;
  width: 43px;
  height: 22px;
  background: url('../images/pix.png') 0 0 no-repeat;
  background-size: 30px auto;
}

.woocommerce .summary .wc-simulador-parcelas { margin-bottom: 20px; }

.woocommerce .wc-simulador-parcelas-payment-options { list-style: none; padding: 0; margin: 0; }
.woocommerce .wc-simulador-parcelas-payment-options li {
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #ccc;
}

.woocommerce .wc-simulador-parcelas-a-partir-de { font-size: 11px; display: block; }

.woocommerce .entry-summary .wc-simulador-parcelas-offer {
  position: relative;
  padding-left: 40px;
  margin-bottom: 20px;
}
.woocommerce .entry-summary .wc-simulador-parcelas-offer::before {
  display: none;
}

/* ---------- Installment table ---------- */
.wcsp-table { padding: 0; border: 1px solid rgba(0,0,0,.05); background: transparent; }
.wcsp-table tr th { padding: 0 10px; line-height: 30px; height: 30px; font-weight: normal; font-size: 13px; background: transparent; }
.wcsp-table thead { text-transform: uppercase; font-weight: normal; letter-spacing: 1px; }
.wcsp-table thead th { font-weight: bold; font-size: 16px; height: 45px; }

/* =============================================================
   HERO INSTALLMENT — product page display
   97% mobile traffic. Every pixel counts on a 375px screen.
   Template should be: {{ parcelas }}x de {{ valor }}
   "sem juros" added via CSS badge for design control.
   ============================================================= */

/* Wrapper */
.woocommerce .entry-summary .hgc-installment-hero {
  display: block;
  margin-bottom: 10px;
}

/* Strip default card-icon indent */
.woocommerce .entry-summary .hgc-installment-hero .wc-simulador-parcelas-parcelamento-info-container {
  padding-left: 0;
  margin: 0;
}
.woocommerce .entry-summary .hgc-installment-hero .wc-simulador-parcelas-parcelamento-info-container::before {
  display: none;
}

/* Label text ("12x de") — quiet context above the number */
.woocommerce .entry-summary .hgc-installment-hero .wc-simulador-parcelas-parcelamento-info {
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  color: #666;
  line-height: 1.4;
}

/* The price — block, owns its line. Fade-in on page load. */
.woocommerce .entry-summary .hgc-installment-hero .woocommerce-Price-amount {
  display: block;
  font-size: 42px;
  font-weight: 700;
  font-style: normal;
  color: #1a1a1a;
  line-height: 1;
  margin: 1px 0 4px;
  letter-spacing: -0.5px;
  animation: hgc-price-in 0.6s ease-out both;
}

/* R$ — proportional but not competing with digits */
.woocommerce .entry-summary .hgc-installment-hero .woocommerce-Price-currencySymbol {
  font-size: 22px;
  font-weight: 600;
}

/* "sem juros" badge — fades in after count-up completes */
.woocommerce .entry-summary .hgc-installment-hero .wc-simulador-parcelas-parcelamento-info.no-fee::after {
  content: 'sem juros';
  display: inline-block;
  margin-top: 2px;
  padding: 3px 10px;
  font-size: 11px;
  font-weight: 600;
  font-style: normal;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  border-radius: 3px;
  background: #f0faf4;
  color: #1a7a45;
  animation: hgc-badge-in 0.3s ease-out 0.7s both;
}

/* Secondary price — muted full-price anchor above hero */
.woocommerce .entry-summary .hgc-price-secondary {
  display: block;
  margin: 0 0 6px;
  color: #aaa;
  font-size: 13px;
  line-height: 1.4;
}
.woocommerce .entry-summary .hgc-price-secondary .woocommerce-Price-amount {
  font-size: 13px;
  color: #aaa;
}
.woocommerce .entry-summary .hgc-price-secondary del {
  opacity: 0.6;
}
.woocommerce .entry-summary .hgc-price-secondary ins {
  text-decoration: none;
}

/* PIX — dark card, shimmer after installment animation completes */
.woocommerce .entry-summary .wc-simulador-parcelas-offer {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  background: #1a1a1a;
  border-radius: 6px;
  margin-bottom: 16px;
  position: relative;
  overflow: hidden;
  animation: hgc-pix-fade 0.4s ease-out 1.1s both;
}
/* One-time shimmer sweep across PIX card — fires after fade-in */
.woocommerce .entry-summary .wc-simulador-parcelas-offer::after {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.08), transparent);
  animation: hgc-shimmer 0.6s ease-out 1.6s both;
}
.woocommerce .entry-summary .wc-simulador-parcelas-offer .woocommerce-Price-amount {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  line-height: 1;
}
.woocommerce .entry-summary .wc-simulador-parcelas-offer .woocommerce-Price-currencySymbol {
  font-size: 12px;
}
.woocommerce .entry-summary .wc-simulador-parcelas-detalhes-valor {
  font-size: 11px;
  font-weight: 600;
  font-style: normal;
  color: #4ade80;
  display: inline;
  letter-spacing: 0.3px;
}

/* --- Animations (all one-shot, no loops, no JS) --- */

/* "sem juros" badge: pop-in after count-up finishes */
@keyframes hgc-badge-in {
  from { opacity: 0; transform: translateY(4px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Installment price: subtle slide-up + fade */
@keyframes hgc-price-in {
  from { opacity: 0; transform: translateY(6px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* PIX card: fade in after installment settles */
@keyframes hgc-pix-fade {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* Shimmer sweep across PIX card — highlights the discount */
@keyframes hgc-shimmer {
  from { left: -100%; }
  to   { left: 100%; }
}

/* Mobile-first: tighten on small screens */
@media (max-width: 768px) {
  .woocommerce .entry-summary .hgc-installment-hero .woocommerce-Price-amount {
    font-size: 38px;
  }
  .woocommerce .entry-summary .hgc-installment-hero .woocommerce-Price-currencySymbol {
    font-size: 19px;
  }
  .woocommerce .entry-summary .wc-simulador-parcelas-offer {
    padding: 8px 12px;
    gap: 8px;
  }
  .woocommerce .entry-summary .wc-simulador-parcelas-offer .woocommerce-Price-amount {
    font-size: 16px;
  }
}