/* Wrapper général de la carte */
.leaflet-geo-map-wrap {
  width: 100%;
  position: relative;
}

/* Conteneur interne de la carte Leaflet */
.leaflet-geo-map {
  width: 100%;
  height: 100%;
  min-height: 200px;
}

/* Contrôle bouton plein écran */
.leaflet-control-fullscreen a {
  width: 28px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  font-size: 16px;
  text-decoration: none;
  background: #fff;
  color: #000;
}

.leaflet-control-fullscreen a:hover {
  background: #f4f4f4;
  color: #000;
}

/* Mode plein écran : forcer la prise de tout l'espace */
.leaflet-geo-map-wrap:fullscreen,
.leaflet-geo-map-wrap:-webkit-full-screen {
  width: 100vw !important;
  height: 100vh !important;
  margin: 0;
  padding: 0;
}

/* Ajustement pour Leaflet en plein écran */
.leaflet-geo-map-wrap:fullscreen .leaflet-geo-map,
.leaflet-geo-map-wrap:-webkit-full-screen .leaflet-geo-map {
  height: 100% !important;
}

/* Grouper les contrôles comme un btn-group */
.leaflet-top .leaflet-control {
  margin-top: .5rem;
}
.leaflet-bar {
  border: 0;
  box-shadow: none;
}

/* Boutons façon Bootstrap */
.leaflet-bar a,
.leaflet-control-fullscreen a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  font-size: 14px;
  line-height: 1;
  border: 1px solid rgba(0,0,0,.125);
  background-color: #fff;
  color: #212529;
  border-radius: .25rem; /* ~ .btn rounded */
  box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
  transition: background-color .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.leaflet-bar a:hover,
.leaflet-control-fullscreen a:hover {
  background-color: #f8f9fa; /* .btn-light:hover */
  text-decoration: none;
}
.leaflet-bar a:focus,
.leaflet-control-fullscreen a:focus {
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(13,110,253,.25); /* focus Bootstrap */
}
.leaflet-bar a:active,
.leaflet-control-fullscreen a:active {
  background-color: #e9ecef;
}

/* Arrondis connectés façon .btn-group-vertical */
.leaflet-control-zoom .leaflet-control-zoom-in {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.leaflet-control-zoom .leaflet-control-zoom-out {
  margin-top: 2px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
