/*
 * Thème sombre GSport-Zone pour Leaflet.
 *
 * Ce fichier DOIT être chargé après leaflet.css : les règles ci-dessous ont la
 * même spécificité que celles de Leaflet et gagnent donc par ordre du document.
 * Les variables (--dark-800, --border, ...) sont déclarées dans le :root de
 * base.html : les propriétés personnalisées sont héritées, pas besoin de les
 * redéclarer ici.
 */

/* Fond de la carte pendant le chargement des tuiles */
.leaflet-container {
    background: var(--dark-900, #14161a);
    color: var(--text-primary, #e2e8f0);
}

/* --- Popups (blanches par défaut) --- */
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
    background: var(--dark-800, #1a1d22);
    color: var(--text-primary, #e2e8f0);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.6);
}

.leaflet-popup-content-wrapper {
    border: 1px solid var(--border, #262b33);
}

.leaflet-popup-content {
    color: var(--text-primary, #e2e8f0);
}

.leaflet-popup-content strong {
    color: var(--text-heading, #f1f5f9);
}

.leaflet-popup-content em,
.leaflet-popup-content small {
    color: var(--text-secondary, #94a3b8);
}

/* Liens dans les popups : vert clair pour rester lisibles sur fond sombre */
.leaflet-popup-content a {
    color: var(--primary-green-light, #4ade80);
}

.leaflet-popup-content a:hover {
    color: var(--primary-green, #22c55e);
}

.leaflet-container a.leaflet-popup-close-button {
    color: var(--text-secondary, #94a3b8);
}

.leaflet-container a.leaflet-popup-close-button:hover {
    color: var(--text-heading, #f1f5f9);
    background: transparent;
}

/* --- Contrôles (zoom, etc.) --- */
.leaflet-bar {
    border: 1px solid var(--border, #262b33);
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.6);
}

.leaflet-bar a,
.leaflet-bar a:hover {
    background-color: var(--dark-800, #1a1d22);
    color: var(--text-primary, #e2e8f0);
    border-bottom-color: var(--border, #262b33);
}

.leaflet-bar a:hover {
    background-color: var(--dark-700, #262b33);
    color: var(--primary-green-light, #4ade80);
}

.leaflet-bar a.leaflet-disabled {
    background-color: var(--dark-800, #1a1d22);
    color: var(--text-muted, #64748b);
}

.leaflet-touch .leaflet-bar a {
    border-bottom-color: var(--border, #262b33);
}

/* --- Attribution & échelle --- */
.leaflet-control-attribution {
    background: rgba(20, 22, 26, 0.85);
    color: var(--text-muted, #64748b);
}

.leaflet-control-attribution a {
    color: var(--text-secondary, #94a3b8);
}

.leaflet-control-scale-line {
    background: rgba(20, 22, 26, 0.75);
    border-color: var(--border, #262b33);
    color: var(--text-secondary, #94a3b8);
}