/*
 * WC Configurador de Preços — Frontend CSS
 * Base: CSS do usuário (variáveis --font-size-xl, --c1, etc.)
 */

/* ══════════════════════════════════════════════
   BADGES PIX E BOLETO
   ══════════════════════════════════════════════ */

.wc-pix-price,
.wc-boleto-price {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.3;
  vertical-align: middle;
  border-radius: 20px;
  padding: 4px 12px 4px 8px;
}
.wc-pix-price svg,
.wc-boleto-price svg { flex-shrink: 0; }

/* Pix — verde */
.wc-pix-price {
  background: #d1fae5;
  color: #065f46;
  border: 1px solid #a7f3d0;
}
.wc-pix-price svg { color: #059669; }
.wc-pix-price .price-value,
.wc-pix-price .woocommerce-Price-amount {
  color: #065f46 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  transform: translateY(-1px);
}

/* Boleto — azul */
.wc-boleto-price {
  background: #fff8e4;
  color: #cb7600;
  border: 1px solid #ffeaab;
}
.wc-boleto-price svg { color: #cb7600; }
.wc-boleto-price .price-value,
.wc-boleto-price .woocommerce-Price-amount {
  color: #cb7600 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  transform: translateY(-1px);
}

.box-tags-pagamento .wc-boleto-price .woocommerce-Price-amount,
.box-tags-pagamento .wc-pix-price .woocommerce-Price-amount {
  font-size: 13px !important;
}

.box-tags-pagamento .price-value {
  transform: translateY(0px);
}
/*
.preco-woo .wc-pix-price,
.preco-woo .wc-boleto-price {
  font-size: 12px;
}
*/
/* Texto " no Pix / no Boleto" */
.wc-pix-price    > span:last-child,
.wc-boleto-price > span:last-child { font-weight: 400; opacity: .85; }

.wc-pix-price .woocommerce-Price-currencySymbol,
.wc-boleto-price .woocommerce-Price-currencySymbol { font-size: inherit; }


/* ══════════════════════════════════════════════
   SHORTCODE [preco_produto]
   ══════════════════════════════════════════════ */

.wcpc-preco {
  display: block;
  width: 100%;
  font-size: var(--font-size-xl, 1.5rem);
  font-weight: var(--font-weight-bold, 700);
  color: var(--c1, #111827);
}

.wcpc-preco-prefixo {
  font-size: 0.75em;
  font-weight: var(--font-weight-normal, 400);
  color: #6b7280;
  letter-spacing: 0.01em;
}

.wcpc-preco-atual,
.wcpc-preco ins {
  text-decoration: none !important;
  font-weight: var(--font-weight-bold, 700);
  color: var(--c1, #111827);
  font-size: var(--font-size-xl, 1.5rem);
}
.wcpc-preco ins {
  display: inline-flex;
  align-items: baseline;
  gap: 4px;
}

.wcpc-preco del,
.wcpc-preco-antigo {
  color: #9ca3af !important;
  font-size: 0.82em !important;
  font-weight: 400 !important;
  text-decoration: line-through !important;
  opacity: 1 !important;
  text-decoration: none !important;
}
.wcpc-preco del .woocommerce-Price-amount,
.wcpc-preco-antigo .woocommerce-Price-amount {
  color: #9ca3af !important;
  font-size: 14px !important;
  font-weight: 400 !important;
}

.wcpc-preco-faixa { font-weight: 700; color: var(--c1, #111827); }

.wcpc-em-promocao .wcpc-preco-atual .woocommerce-Price-amount,
.wcpc-em-promocao ins .woocommerce-Price-amount {
  color: var(--c1, #111827) !important;
  font-weight: 700 !important;
}

.wcpc-preco .woocommerce-Price-amount         { color: inherit; font-weight: inherit; }
.wcpc-preco .woocommerce-Price-currencySymbol  { font-size: inherit; }

/* Remove o risco padrão do WooCommerce que costuma ficar desalinhado */
.wcpc-preco-antigo {
        text-decoration: none !important;
        position: relative;
        display: inline-block;
        color: #999; /* Cor cinza do preço antigo */
        margin-right: 8px; /* Espaço entre o preço antigo e o novo */
        font-size: 14px !important;
}

/* Cria um novo risco centralizado */
.wcpc-preco-antigo::after {
        content: "";
        position: absolute;
        left: 0;
        top: 58%; /* Ajuste aqui: 50% é o meio exato, 55% desce um pouco */
        width: 100%;
        height: 1px; /* Espessura da linha */
        background-color: currentColor; /* Segue a cor do texto */
        transform: translateY(-50%);
}

/* ══════════════════════════════════════════════
   SHORTCODE [melhor_parcela]
   ══════════════════════════════════════════════ */

.wc-melhor-parcela {
    display: flex;
    font-size: 14px;
    color: #374151;
    font-weight: 500;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
    margin-bottom: 5px;
    width: 100%;
}
.wc-melhor-parcela .woocommerce-Price-amount {
  font-weight: 700;
  color: #111827;
}

.preco-woo .wc-melhor-parcela .woocommerce-Price-amount {
  font-size: 13px !important;
}

.sp-info-pagamento .wc-melhor-parcela .woocommerce-Price-amount {
  font-size: 14px !important;
}




/* ══════════════════════════════════════════════
   SHORTCODE [parcelamento] — tabela profissional
   ══════════════════════════════════════════════ */

.wc-parcelamento .parcelamento-info {
    display: flex;
    flex-direction: column;
    gap: 0;
    width: 100%;
    border-radius: var(--radius-md);
    border: 1px solid #eee;
    padding: var(--space-4);
}

/* Linha de cada parcela */
.wc-parcelamento .parcela-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px;
  border-radius: 8px;
  font-size: var(--font-size-xs);
  background: transparent;
  transition: background .12s;
  line-height: 1.3;
}
.wc-parcelamento .parcela-item:hover {
  background: #f9fafb;
}
.wc-parcelamento .parcela-item + .parcela-item {
  border-top: 1px solid #f3f4f6;
}

.parcela-item .woocommerce-Price-amount {
  font-weight: 700 !important;
}

.t-box-parcelas {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  padding: var(--space-3);
}

/* Número de parcelas */
.wc-parcelamento .parcela-qtd {
  font-size: 13px;
  font-weight: 700;
  color: #111827;
  min-width: 30px;
  flex-shrink: 0;
}

/* Valor */
.wc-parcelamento .parcela-valor {
  font-weight: 700;
  color: #111827;
  flex: 1;
}
.wc-parcelamento .parcela-valor .woocommerce-Price-amount,
.wc-parcelamento .parcela-valor .woocommerce-Price-currencySymbol {
  color: inherit;
  font-weight: inherit;
  font-size: inherit;
}

/* Badge sem/com juros */
.wc-parcelamento .parcela-juros {
  display: inline-flex;
  align-items: center;
  font-size: 10px;
  font-weight: 700;
  padding: 2px 7px;
  border-radius: 20px;
  flex-shrink: 0;
  letter-spacing: 0.01em;
  text-transform: lowercase;
}
.wc-parcelamento .parcela-juros--sem {
  background: #d1fae5;
  color: #065f46;
  border: 1px solid #a7f3d0;
}
.wc-parcelamento .parcela-juros--com {
  background: #f3f4f6;
  color: #6b7280;
  border: 1px solid #e5e7eb;
}