/* ===================================================================
   BRAPARK — widget de WhatsApp: regras de PÁGINA

   O widget inteiro (marcação e estilo) vive em Shadow DOM, dentro de
   widget.js. Aqui ficam só as regras que precisam existir na página:
   o elemento-host e o espaço que ele reserva.
   =================================================================== */

/* O host não tem filhos no DOM claro (tudo vive no shadow root), então
   `:empty` sempre casaria com ele — por isso nada de `display:none` aqui. */
#supreme-whatsapp-widget {
  position: relative;
  z-index: var(--z-widget, 99999);
}

/* No mobile a barra fixa de CTA e o gatilho do widget dividem o rodapé
   da tela. O deslocamento do gatilho está no widget.js (Shadow DOM);
   aqui só garantimos que a barra nunca passe por cima dele. */
@media (max-width: 900px) {
  .mobile-bar { padding-right: calc(var(--gutter) + 68px); }
}