/* =========================================================
   PATCH HABITYE v2 — cole ISTO NO FINAL do seu style.css
   (por vir por último, vence as regras antigas)
   Corrige: header sumindo no mobile + botão de menu invisível
   ========================================================= */

/* -----------------------------------------------------------
   1) HEADER FIXO (não some mais ao arrastar o mapa)
   .topbar era position:sticky; o mapa Leaflet captura o
   toque no mobile e o sticky descola. fixed prende de verdade.
----------------------------------------------------------- */
body.modo-mapa .topbar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 3000;              /* acima dos panes/controls do Leaflet */
}

/* container comeca 65px abaixo (altura do header) */
body.modo-mapa .container {
  margin-top: 65px;
  height: calc(100vh - 65px) !important;
  height: calc(100dvh - 65px) !important;
}

/* -----------------------------------------------------------
   2) BOTAO HAMBURGUER
   Havia .hamburger-btn { display:none !important } na linha 198
   que matava o botao ate no mobile. Aqui devolvemos ele no mobile
   com !important pra ganhar do conflito, e escondemos no desktop.
----------------------------------------------------------- */
.tb-hamburger.hamburger-btn { display: none !important; }   /* desktop */

@media (max-width: 900px) {
  .tb-hamburger.hamburger-btn {
    display: flex !important;                                 /* mobile */
    align-items: center;
    justify-content: center;
  }
}

/* -----------------------------------------------------------
   3) Z-INDEX do drawer acima do header fixo
----------------------------------------------------------- */
.mobile-menu  { z-index: 4100; }
.menu-overlay { z-index: 4000; }