/* FATURAS_BOTOES_AJUSTE_V92Y
   Ajuste fino sem JavaScript.
*/

/* Caixa pagamento: layout limpo */
.fatura-v27b-actions,
.pay-v23-actions,
.future-fatura-v28-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
  align-content:start!important;
  align-items:stretch!important;
}

/* Título "Pagamento" ocupa linha toda */
.fatura-v27b-actions > .fatura-v27b-label,
.pay-v23-actions > .pay-v23-label{
  grid-column:1 / -1!important;
}

/* Botões de copiar ocupam largura total */
.fatura-v27b-actions > button,
.pay-v23-actions > button,
.future-fatura-v28-actions > button{
  grid-column:1 / -1!important;
  width:100%!important;
}

/* Ajuda e mostrar próxima ocupam largura total */
.fatura-v27b-actions > a.pay-help,
.pay-v23-actions > a.pay-help,
.fatura-v27b-actions > a.help,
.pay-v23-actions > a.help,
.future-fatura-v28-actions > a.help,
.future-fatura-v28-actions > a.pay-help,
.fatura-v27b-actions > a[href*="wa.me"],
.pay-v23-actions > a[href*="wa.me"],
.future-fatura-v28-actions > a[href*="wa.me"],
.fatura-v27b-actions > a.ghost,
.pay-v23-actions > a.ghost{
  grid-column:1 / -1!important;
  width:100%!important;
}

/* Boleto fica lado a lado */
.fatura-v27b-actions > a.print-boleto-v35,
.pay-v23-actions > a.print-boleto-v35,
.future-fatura-v28-actions > a.print-boleto-v35,
.fatura-v27b-actions > a[href*="boleto-ponte?"],
.pay-v23-actions > a[href*="boleto-ponte?"],
.future-fatura-v28-actions > a[href*="boleto-ponte?"],
.fatura-v27b-actions > a[href*="boleto-ponte-pdf"],
.pay-v23-actions > a[href*="boleto-ponte-pdf"],
.future-fatura-v28-actions > a[href*="boleto-ponte-pdf"],
.fatven-boleto-actions-v92k > a{
  grid-column:auto!important;
  width:100%!important;
}

/* Tamanho uniforme de todos os botões */
.fatura-v27b-actions a,
.fatura-v27b-actions button,
.pay-v23-actions a,
.pay-v23-actions button,
.future-fatura-v28-actions a,
.future-fatura-v28-actions button,
.fatven-boleto-actions-v92k a{
  min-height:44px!important;
  height:44px!important;
  border-radius:14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  font-size:13px!important;
  font-weight:950!important;
  line-height:1.05!important;
  padding:8px 10px!important;
  margin:0!important;
  box-sizing:border-box!important;
  text-decoration:none!important;
}

/* Não deixar Imprimir boleto quebrar em duas linhas */
.print-boleto-v35,
.print-boleto-v34,
.print-boleto-v31,
.fatven-print-v92k,
.fatura-v27b-actions a[href*="boleto-ponte?"],
.pay-v23-actions a[href*="boleto-ponte?"],
.future-fatura-v28-actions a[href*="boleto-ponte?"]{
  flex-direction:row!important;
  gap:0!important;
  white-space:nowrap!important;
  font-size:12.5px!important;
}

/* Baixar também não quebra */
.fatven-download-v92k,
.fatura-v27b-actions a[href*="boleto-ponte-pdf"],
.pay-v23-actions a[href*="boleto-ponte-pdf"],
.future-fatura-v28-actions a[href*="boleto-ponte-pdf"]{
  white-space:nowrap!important;
  font-size:12.5px!important;
}

/* Remove qualquer dica antiga abaixo do imprimir */
.print-boleto-v35::after,
.print-boleto-v34::after,
.print-boleto-v31::after{
  content:none!important;
  display:none!important;
}

/* Cores finais */
.print-boleto-v35,
.print-boleto-v34,
.print-boleto-v31,
.fatven-print-v92k,
.fatura-v27b-actions a[href*="boleto-ponte?"],
.pay-v23-actions a[href*="boleto-ponte?"],
.future-fatura-v28-actions a[href*="boleto-ponte?"]{
  background:#7c3aed!important;
  border:1px solid #6d28d9!important;
  color:#ffffff!important;
}

.fatven-download-v92k,
.fatura-v27b-actions a[href*="boleto-ponte-pdf"],
.pay-v23-actions a[href*="boleto-ponte-pdf"],
.future-fatura-v28-actions a[href*="boleto-ponte-pdf"]{
  background:#f97316!important;
  border:1px solid #ea580c!important;
  color:#ffffff!important;
}

/* Pix verde, linha azul, ajuda azul claro, mostrar laranja */
.fatura-v27b-actions button,
.pay-v23-actions button,
.future-fatura-v28-actions button{
  background:#2563eb!important;
  border:1px solid #1d4ed8!important;
  color:#ffffff!important;
}

.fatura-v27b-actions button:first-of-type,
.pay-v23-actions button:first-of-type,
.future-fatura-v28-actions button:first-of-type{
  background:#16a34a!important;
  border:1px solid #15803d!important;
  color:#ffffff!important;
}

.fatura-v27b-actions a.pay-help,
.pay-v23-actions a.pay-help,
.fatura-v27b-actions a.help,
.pay-v23-actions a.help,
.future-fatura-v28-actions a.help,
.future-fatura-v28-actions a.pay-help,
.fatura-v27b-actions a[href*="wa.me"],
.pay-v23-actions a[href*="wa.me"],
.future-fatura-v28-actions a[href*="wa.me"]{
  background:#dbeafe!important;
  border:1px solid #bfdbfe!important;
  color:#1d4ed8!important;
}

.fatura-v27b-actions a.ghost,
.pay-v23-actions a.ghost{
  background:#f59e0b!important;
  border:1px solid #d97706!important;
  color:#ffffff!important;
}

/* Caixa de pagamento um pouco mais larga para os dois botões caberem melhor */
.fatura-v27b-grid,
.future-fatura-v28{
  grid-template-columns:1fr 1fr .78fr 1.45fr!important;
}

/* Mobile */
@media(max-width:900px){
  .fatura-v27b-grid,
  .future-fatura-v28{
    grid-template-columns:1fr!important;
  }

  .fatura-v27b-actions,
  .pay-v23-actions,
  .future-fatura-v28-actions,
  .fatven-boleto-actions-v92k{
    grid-template-columns:1fr!important;
  }

  .fatura-v27b-actions > a,
  .fatura-v27b-actions > button,
  .pay-v23-actions > a,
  .pay-v23-actions > button,
  .future-fatura-v28-actions > a,
  .future-fatura-v28-actions > button,
  .fatven-boleto-actions-v92k > a{
    grid-column:1 / -1!important;
  }
}