﻿/**
 * ============================================================================
 * DECOPA ENXOVAIS - ESTILOS DO PARCELAMENTO INTELIGENTE (R$ 100 MÍNIMO)
 * ============================================================================
 * Data: 21/10/2026
 * 
 * Aplicável para:
 * - Cards de produtos Linx Commerce (.product-line, .product-item, .shelf)
 * - Vitrines do Performa.ai ([class*="performa"], .performa-display-container)
 * - Página de Detalhes do Produto (PDP)
 * 
 * Regra:
 * - NÃO EXIBIR "sem juros"
 * - Destaque visual sofisticado em #927B69
 * ============================================================================
 */

/* 1. OCULTAÇÃO TOTAL E RIGOROSA DE QUALQUER MENÇÃO A "SEM JUROS" */
dfn.condition .label,
.condition .label,
.priceContainer .label,
.installment .label,
.installments .label,
.installment-custom-decopa .label,
.label-interest,
.interest,
.no-interest,
.badge-sem-juros,
.sem-juros,
.semjuros,
[class*="sem-juros"],
[class*="semjuros"],
[class*="no-interest"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  pointer-events: none !important;
  overflow: hidden !important;
}

/* 2. Alinhamento e estrutura em coluna do container de preço */
.product-line .price,
.product-line .prices,
.product-line .price-box,
.product-line .priceContainer,
.priceContainer {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

/* 3. Estilo da linha de parcelamento nos cards de produtos (Linx Commerce) */
dfn.condition,
.condition,
.installment-custom-decopa,
.product-line .installment,
.product-line .installments,
.product-line .parcelamento {
  display: block !important;
  width: 100% !important;
  clear: both !important;
  text-align: center !important;
  margin-top: 5px !important;
  font-size: 13px !important;
  color: #555555 !important;
  line-height: 1.35 !important;
  letter-spacing: 0.2px;
  font-style: normal !important;
  font-family: inherit;
}

/* Destaque no valor da parcela com a cor assinatura da Decopa */
dfn.condition strong,
dfn.condition .parcels strong,
dfn.condition .parcel-value strong,
.installment-custom-decopa strong,
.product-line .installment strong,
.product-line .installments strong,
.product-line .parcelamento strong {
  color: #927B69 !important; /* Tom nobre Decopa */
  font-weight: 700 !important;
  font-size: 13.5px !important;
}

/* 4. Estilo na Página de Detalhes do Produto (PDP) */
.installment-custom-pdp-decopa {
  font-size: 15px !important;
  color: #4b5563 !important;
  margin-top: 6px !important;
  padding: 4px 0 !important;
  text-align: left !important;
}

.installment-custom-pdp-decopa strong {
  color: #927B69 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}

/* 5. Suporte visual aos Widgets da Performa.ai */
[class*="performa"] .price,
[class*="performa"] .performa-product-price,
[class*="performa"] .performa-price,
[id*="performa"] .price,
.performa-display-container .price {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
}

[class*="performa"] .installment-custom-decopa,
[class*="performa"] .performa-installment,
[id*="performa"] .installment-custom-decopa,
.performa-display-container .installment-custom-decopa {
  display: block !important;
  margin-top: 4px !important;
  font-size: 13px !important;
  color: #555555 !important;
  text-align: center !important;
  width: 100% !important;
}

[class*="performa"] .installment-custom-decopa strong,
[id*="performa"] .installment-custom-decopa strong {
  color: #927B69 !important;
  font-weight: 700 !important;
}
