/* Ajustes no formulário flutuante de WhatsApp do RD Station (popup "floating button").
   O RD injeta o HTML na própria página com estilos por ID gerado (#rd-button-xxxx),
   por isso aqui usamos as classes estáveis do RD e !important só no necessário.
   Cores, textos e campos ficam na configuração do RD; aqui só o que o RD não oferece. */

/* Ícone flutuante: SVG nosso no lugar do PNG 60x61 do RD, que borra em telas com escala. */
.floating-button .rdstation-popup-js-floating-button{
  background-image:url("../img/whatsapp.svg") !important;
  background-size:contain !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  filter:drop-shadow(0 2px 5px rgba(0,0,0,.28));
}

/* O popup tem altura fixa e fica preso 100px acima do rodapé da tela: em telas baixas
   (ex.: 1920x1080 com escala de 150% e barra de favoritos) o topo saía da tela.
   Limita a altura à tela e rola só a área do formulário; o título fica fixo. */
.floating-button .bricks--component-popup .bricks--section{
  display:flex !important; flex-direction:column !important;
  max-height:calc(100vh - 120px) !important;
  max-height:calc(100dvh - 120px) !important;
}
.floating-button .bricks--component-popup .bricks--section > .bricks--row{
  flex:none !important; width:100% !important; max-width:none !important; align-self:stretch !important;
}
.floating-button .bricks--component-popup .bricks--section > .bricks--row:last-child{
  flex:1 1 auto !important; min-height:0 !important;
  overflow-y:auto !important; overscroll-behavior:contain;
}

/* Texto do botão centralizado (o RD usa flex sem alinhar o conteúdo). */
.floating-button .rdstation-popup-js-submit-button{
  align-items:center !important;
  justify-content:center !important;
  line-height:1.2 !important;
}

/* Telas baixas: campos e espaçamentos mais compactos, para rolar pouco ou nada. */
@media (max-height:720px){
  .floating-button .bricks-form{ margin-top:14px !important; margin-bottom:10px !important; }
  .floating-button .bricks-form__field{ margin-bottom:7px !important; }
  .floating-button .bricks-form__field input:not([type=hidden]):not([type=checkbox]):not([type=radio]),
  .floating-button .bricks-form__field select{ height:36px !important; min-height:36px !important; }
  .floating-button .rd-text{ margin-top:8px !important; margin-bottom:8px !important; }
  .floating-button .bricks-form__submit .rd-button{ margin-top:6px !important; }
}