/* Masquer les polygones de la vue Drupal */
.leaflet-overlay-pane path {
  fill: transparent !important;
  stroke: transparent !important;
  fill-opacity: 0 !important;
  stroke-opacity: 0 !important;
}

/* Mais garder visibles les polygones dans nos panes personnalisés */
.leaflet-maskPane-pane path,
.leaflet-departementsPane-pane path,
.leaflet-franceBorderPane-pane path {
  fill: inherit !important;
  stroke: inherit !important;
  fill-opacity: inherit !important;
  stroke-opacity: inherit !important;
}

/* POPUP */
.popup-departement .expert-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 0;
  border-bottom: 1px solid #eee;
}

.popup-departement .expert-item:last-child {
  border-bottom: none;
}

.popup-departement .expert-image img {
  width: 50px;
  height: 50px;
  border-radius: 25%;
  object-fit: cover;
  max-width: unset;
}

.popup-departement .expert-info {
  display: flex;
  flex-direction: column;
}

.popup-departement .expert-name {
  font-weight: bold;
  color: #333;
}

.popup-departement a {
  color: #8B1538;
  font-size: 0.9em;
}

.popup-departement a:hover {
  text-decoration: underline;
  color: #8B1538;
}


/* Popup à droite */
.leaflet-popup-right .leaflet-popup-tip-container {
  transform: rotate(90deg);
  left: -10px;
  top: 50%;
}

/* Optionnel : style de la popup */
.leaflet-popup-right .leaflet-popup-content-wrapper {
  border-radius: 8px;
  box-shadow: 0 3px 14px rgba(0,0,0,0.2);
}