:root{
  --sogedi-green: #3E8E41;
  --sogedi-orange: #F18E00;
  --sogedi-white: #ffffff;
  --sogedi-dark: #222222;
}

.leaflet-top,
.leaflet-bottom {
  z-index: 1000 !important;
}

.my-layers {
  backdrop-filter: blur(4px);
}

/* Styles popup SOGEDI (Leaflet native) */
.leaflet-popup-content-wrapper.sogedi-popup-wrapper {
  border: 2px solid var(--sogedi-orange);
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 10px 30px rgba(0,0,0,0.12);
  padding: 8px 10px;
  color: #111;
  font-size: 13px;
}

/* tip (la flèche) */
.leaflet-popup-tip.sogedi-popup-wrapper {
  background: white;
  border-left: 2px solid var(--sogedi-orange);
  border-bottom: 2px solid var(--sogedi-orange);
}

/* Titre */
.sogedi-popup-title {
  font-weight: 700;
  color: var(--sogedi-orange);
  margin-bottom: 6px;
  font-size: 14px;
}

/* petite meta / ligne */
.sogedi-popup-row { font-size: 13px; margin: 4px 0; color: #333; }

/* accent */
.sogedi-popup-meta { color: #6b7280; font-size: 12px; }

/* assure popup visible au-dessus (si conflict) */
.leaflet-popup-pane { z-index: 12000 !important; }