/* =====================================================
   EXIBIR FACILIDADE DE PAGAMENTO
   Paleta:
   Primário   #EBDAD3
   Secundário #E69238
   Texto      #322922
   Realce     #6F380D
   Branco     #FFFFFE
   ===================================================== */


/* =====================================================
   1) BASE GLOBAL
   ===================================================== */

.norma-pagamento {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100%;
  margin-top: 8px;
  box-sizing: border-box;
}

.norma-pagamento__linha {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
}

.norma-pagamento__icone {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.norma-pagamento__texto {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px;
  min-width: 0;
  line-height: 1.25;
}

.norma-pagamento__prefixo {
  font-weight: 500;
  color: #322922;
}

.norma-pagamento__valor {
  font-weight: 700;
  color: #6F380D;
}

.norma-pagamento__valor .woocommerce-Price-amount,
.norma-pagamento__valor bdi,
.norma-pagamento__valor .woocommerce-Price-currencySymbol {
  color: inherit;
  font-weight: inherit;
}

.norma-pagamento__sufixo {
  font-weight: 500;
  color: #322922;
}

.norma-pagamento__sufixo--pix {
  color: #E69238;
}

/* Cores dos ícones */
.norma-pagamento__linha--cartao .norma-pagamento__icone {
  color: #6F380D;
}

.norma-pagamento__linha--pix .norma-pagamento__icone {
  color: #E69238;
}


/* =====================================================
   2) VITRINE (HOME / CATEGORIA / LOOP)
   ===================================================== */

.norma-pagamento--vitrine {
  margin-top: 6px;
  gap: 5px;
}

.norma-pagamento--vitrine .norma-pagamento__linha {
  display: grid;
  grid-template-columns: 14px minmax(0, 1fr);
  column-gap: 6px;
  align-items: start;
}

.norma-pagamento--vitrine .norma-pagamento__icone {
  width: 14px;
  min-width: 14px;
  margin-top: 2px;
  font-size: 12px;
}

.norma-pagamento--vitrine .norma-pagamento__texto {
  font-size: 12px;
  line-height: 1.2;
}


/* =====================================================
   3) PRODUTO (SINGLE PRODUCT)
   ===================================================== */

.norma-pagamento--produto {
  margin-top: 12px;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  gap: 8px;
}

/* FIX REAL DO SINGLE:
   ícone e texto em colunas fixas para não "pular" */
.norma-pagamento--produto .norma-pagamento__linha {
  display: grid;
  grid-template-columns: 16px minmax(0, 1fr);
  column-gap: 8px;
  align-items: start;
}

.norma-pagamento--produto .norma-pagamento__icone {
  width: 16px;
  min-width: 16px;
  margin-top: 2px;
  font-size: 14px;
}

.norma-pagamento--produto .norma-pagamento__texto {
  font-size: 14px;
  line-height: 1.3;
}


/* =====================================================
   4) DESKTOP / TABLET
   ===================================================== */

@media (min-width: 768px) {
  .norma-pagamento--vitrine .norma-pagamento__icone {
    font-size: 12px;
  }

  .norma-pagamento--vitrine .norma-pagamento__texto {
    font-size: 12px;
    line-height: 1.25;
  }

  .norma-pagamento--produto .norma-pagamento__icone {
    font-size: 14px;
  }

  .norma-pagamento--produto .norma-pagamento__texto {
    font-size: 14px;
    line-height: 1.3;
  }
}


/* =====================================================
   5) MOBILE
   ===================================================== */

@media (max-width: 767px) {
  .norma-pagamento {
    margin-top: 6px;
    gap: 4px;
  }

  /* ---------- VITRINE MOBILE ---------- */
  .norma-pagamento--vitrine {
    margin-top: 5px;
    gap: 4px;
  }

  .norma-pagamento--vitrine .norma-pagamento__linha {
    grid-template-columns: 13px minmax(0, 1fr);
    column-gap: 5px;
  }

  .norma-pagamento--vitrine .norma-pagamento__icone {
    width: 13px;
    min-width: 13px;
    margin-top: 2px;
    font-size: 11px;
  }

  .norma-pagamento--vitrine .norma-pagamento__texto {
    font-size: 11px;
    line-height: 1.18;
    gap: 3px;
  }

  /* ---------- PRODUTO MOBILE ---------- */
  .norma-pagamento--produto {
    margin-top: 12px;
    padding: 12px 14px;
    border-radius: 12px;
    gap: 8px;
  }

  .norma-pagamento--produto .norma-pagamento__linha {
    grid-template-columns: 15px minmax(0, 1fr);
    column-gap: 7px;
  }

  .norma-pagamento--produto .norma-pagamento__icone {
    width: 15px;
    min-width: 15px;
    margin-top: 2px;
    font-size: 13px;
  }

  .norma-pagamento--produto .norma-pagamento__texto {
    font-size: 13px;
    line-height: 1.25;
    gap: 3px;
  }
}


/* =====================================================
   6) COMPATIBILIDADE COM LOOP WOOCOMMERCE
   ===================================================== */

.woocommerce ul.products li.product .norma-pagamento,
.woocommerce-page ul.products li.product .norma-pagamento {
  max-width: 100%;
}


/* =====================================================
   7) OPCIONAL - VERSÃO ULTRA CLEAN NO MOBILE
   (descomente se quiser esconder Pix na vitrine mobile)
   ===================================================== */

/*
@media (max-width: 767px) {
  .norma-pagamento--vitrine .norma-pagamento__linha--pix {
    display: none;
  }
}
*/