/* static/css/mapa-minimap.css */

.leaflet-control-minimap {
  border-radius: 14px !important;
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22) !important;
  border: 2px solid rgba(255,255,255,.85) !important;
}

.leaflet-control-minimap a {
  display: none !important;
}

.miniMapToggleBtn {
  position: fixed;
  right: 8px;
  bottom: 25%;
  z-index: 2600;
  border: 0;
  background: rgba(17,17,17,.92);
  color: white;
  width: 44px;
  height: 44px;
  border-radius: 999px;
  font-size: 20px;
  box-shadow: 0 8px 24px rgba(0,0,0,.28);
}

.miniMapCloseBtn {
  display: none;
}

@media (max-width: 900px) {
  .leaflet-control-minimap {
    position: fixed !important;
    top: 50% !important;
    /* left: 50% !important; */
    right: 3px !important;
    bottom: auto !important;
    z-index: 2601 !important;
    transform: translate(-50%, -50%) !important;
    transition:
      opacity .22s ease,
      transform .22s ease;
  }

  .leaflet-control-minimap.is-hidden-mobile {
    opacity: 0;
    pointer-events: none;
    transform: translate(-50%, calc(-50% + 12px)) !important;
  }

  .miniMapCloseBtn {
    display: flex;
    position: absolute;
    top: 6px;
    right: 6px;
    z-index: 2602;
    width: 28px;
    height: 28px;
    border: 0;
    border-radius: 999px;
    align-items: center;
    justify-content: center;
    background: rgba(15, 23, 42, .9);
    color: white;
    font-size: 14px;
    line-height: 1;
    box-shadow: 0 4px 12px rgba(0,0,0,.25);
  }
}

@media (min-width: 901px) {
  .miniMapToggleBtn {
    display: none;
  }
}