/* ==========================================================================
   CONFIGURATION DESIGN DE LA CARTE VITRINE : /css/map.css
   ========================================================================== */

body {
    margin: 0;
    padding: 0;
    background-color: #f8fafc;
    font-family: 'Plus Jakarta Sans', sans-serif;
    height: 100vh;
    display: flex;
    flex-direction: column;
}

.map-wrapper {
    flex: 1;
    width: 100%;
    position: relative;
}

#map {
    width: 100%;
    height: 100%;
    z-index: 1;
}

/* RENDU PREMIUM ET DESIGN DES BULLES D'INFORMATION (POPUPS) */
.leaflet-popup-content-wrapper {
    border-radius: 16px !important;
    padding: 0 !important;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.15) !important;
}

.leaflet-popup-content {
    margin: 0 !important;
    width: 240px !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
}

/* ==========================================================================
   CORRECTION FINALE RESPONSIVE DU MENU BURGER SUR MOBILE
   ========================================================================== */
@media (max-width: 768px) {
    /* Force l'affichage du conteneur de navigation */
    .nav-container {
        display: flex !important;
        align-items: center;
    }

    /* Transformation de la liste de liens en menu latéral masqué */
    .navbar .nav-links {
        position: fixed !important;
        right: 0px !important;
        top: 8vh !important;
        height: 92vh !important;
        background-color: #0f172a !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        width: 70% !important;
        transform: translateX(100%) !important;
        transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
        box-shadow: -10px 0px 30px rgba(0, 0, 0, 0.3) !important;
        padding-top: 50px !important;
        gap: 30px !important;
        margin: 0 !important;
        z-index: 9999 !important;
    }

    .navbar .nav-links li {
        width: 100% !important;
        list-style: none !important;
    }

    .navbar .nav-links a {
        color: #ffffff !important;
        display: block !important;
        font-size: 1.1rem !important;
        text-align: center !important;
        width: 100% !important;
    }

    /* Force l'affichage visuel des 3 barres du burger */
    .navbar .burger {
        display: block !important;
        cursor: pointer !important;
        z-index: 10001 !important;
        padding: 10px;
    }

    .navbar .burger div {
        width: 25px !important;
        height: 3px !important;
        background-color: #0f172a !important; /* Couleur sombre visible sur la navbar claire */
        margin: 5px !important;
        transition: all 0.3s ease !important;
    }

    /* Classe d'activation déclenchée par le clic en JavaScript */
    .nav-active {
        transform: translateX(0%) !important;
    }

    /* Animation de transformation en croix (X) lors de l'ouverture */
    .toggle .line1 {
        transform: rotate(-45deg) translate(-5px, 6px) !important;
        background-color: #ffffff !important; /* Devient blanc pour ressortir sur le menu sombre */
    }
    .toggle .line2 {
        opacity: 0 !important;
    }
    .toggle .line3 {
        transform: rotate(45deg) translate(-5px, -6px) !important;
        background-color: #ffffff !important;
    }
}