/* Barra fixa de WhatsApp no celular (Q17). Usada por todas as páginas públicas, com o mesmo markup no fim do <body>:
     <div class="barra-wpp"><a class="barra-wpp-link" href="https://wa.me/...?text=..." target="_blank" rel="noopener">…</a></div>
   Abaixo de 992 px (o mesmo corte do menu, assets/css/menu.css) ela substitui o botão flutuante .wpp-float;
   a partir de 992 px não existe e o desktop fica como estava. Só tokens existentes (--ouro, --borda) e o
   fundo do cabeçalho; o link segue o .btn-ouro das páginas. O clique grava o evento anônimo na própria página. */

.barra-wpp {
  display: none;
}

@media (max-width: 991.98px) {
  .barra-wpp {
    display: block;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    /* Acima dos controles do Leaflet (1000); abaixo do cabeçalho do imóvel (1030). */
    z-index: 1001;
    padding: 10px 16px calc(10px + env(safe-area-inset-bottom));
    background: rgba(6, 20, 35, 0.95);
    border-top: 1px solid var(--borda);
    backdrop-filter: blur(12px);
  }

  .barra-wpp-link,
  .barra-wpp-link:hover {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    min-height: 48px;
    padding: 0 12px;
    background: var(--ouro);
    color: #061423;
    font-family: 'DM Sans', sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    text-align: center;
    text-decoration: none;
    border-radius: 2px;
  }

  .barra-wpp-link:hover {
    background: var(--ouro-claro, #f3d77d);
  }

  .barra-wpp-link:focus-visible {
    outline: 2px solid var(--ouro);
    outline-offset: 3px;
  }

  .barra-wpp-link i {
    font-size: 18px;
  }

  /* Um botão de WhatsApp por tela: no celular a barra substitui o flutuante. */
  .wpp-float {
    display: none !important;
  }

  /* A barra não cobre o fim da página (rodapé): 10 + 48 + 10 + 1 de borda. */
  body {
    padding-bottom: calc(69px + env(safe-area-inset-bottom));
  }

  /* Menu do celular aberto: a barra sai para não tapar o fim do painel. */
  #navbar.menu-aberto ~ .barra-wpp {
    display: none;
  }
}