/* Marum Imóveis — ajustes finos de estilo.
 *
 * O Dash publica sozinho tudo que estiver em frontend/assets/.
 */

/* ------------------------------------------------------------------
 * Mapa (Leaflet) x janelas em tela cheia
 * ------------------------------------------------------------------
 * O Leaflet empilha seus painéis e controles em z-index alto (400 a 1000),
 * bem acima do padrão de um modal — por isso o mapa aparecia por cima do
 * visualizador de fotos. Aqui rebaixamos o mapa; do lado do Python, os
 * modais sobem para z-index 2000 e o mapa é ocultado enquanto a janela
 * estiver aberta — por callback, não por CSS (o modal do Mantine continua
 * no documento mesmo fechado, então um seletor tipo :has() escondia o mapa
 * o tempo todo).
 */
.leaflet-container {
  z-index: 1;
}

.leaflet-pane,
.leaflet-map-pane,
.leaflet-tile-pane,
.leaflet-overlay-pane,
.leaflet-shadow-pane,
.leaflet-marker-pane,
.leaflet-tooltip-pane,
.leaflet-popup-pane {
  z-index: auto !important;
}

.leaflet-top,
.leaflet-bottom,
.leaflet-control,
.leaflet-control-layers,
.leaflet-control-zoom,
.leaflet-control-attribution {
  z-index: 2 !important;
}