html, body {
  height: 100%;
  background-color: #000;
}

body {
  margin: 0;
  padding: 0;
  background-color: #000;
}

.root {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.muiltr-12i7wg6-MuiPaper-root-MuiDrawer-paper, .muiltr-1l8j5k8{
  border-right: 0 !important;
}

[data-rsbs-has-header='false'] [data-rsbs-header], [data-rsbs-scroll], [data-rsbs-overlay], [data-rsbs-backdrop], [data-rsbs-root]:after{
  background: #141414 !important;
}

[data-rsbs-has-header='false'] [data-rsbs-header]{
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  padding: 1.5rem;
}

[data-rsbs-header]:before{
  display:none;
}

[data-rsbs-backdrop]{
  background-color: rgba(0, 0, 0, 0) !important;
}

/* Garantir que o BottomMenu fique acima do BottomSheet overlay */
.MuiPaper-root.MuiPaper-elevation0 {
  position: relative !important;
  z-index: 10000 !important;
}

.MuiBottomNavigation-root {
  position: relative !important;
  z-index: 10000 !important;
}

/* Permitir cliques no BottomMenu mesmo quando BottomSheet está aberto */
[data-rsbs-overlay] {
  pointer-events: none !important;
}

[data-rsbs-overlay] [data-rsbs-content],
[data-rsbs-overlay] [data-rsbs-header],
[data-rsbs-overlay] [data-rsbs-scroll] {
  pointer-events: auto !important;
}

/* Criar área não bloqueada para o BottomMenu na parte inferior */
[data-rsbs-overlay]::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 60px;
  pointer-events: none !important;
  z-index: -1;
}

/* Garantir que o BottomMenu seja clicável - específico para a área do footer */
footer,
footer *,
[class*="footer"],
[class*="footer"] *,
[class*="makeStyles-footer"],
[class*="makeStyles-footer"] * {
  pointer-events: auto !important;
  z-index: 10001 !important;
  position: relative !important;
}

/* Garantir que o BottomMenu seja clicável */
.MuiPaper-root[class*="roundedBottom"],
.MuiBottomNavigation-root,
.MuiBottomNavigationAction-root,
button[class*="MuiBottomNavigationAction"] {
  pointer-events: auto !important;
  z-index: 10001 !important;
  position: relative !important;
}

[data-rsbs-header]{
  box-shadow: none !important;
}
.maplibregl-ctrl-bottom-left{
  left: 12px !important;
}