/* 1. CONFIGURATION GLOBALE BRIDGE */
    body { 
        font-family: 'Poppins', sans-serif; 
        overflow-x: hidden; 
        background-color: #6C1E52; /* Fond bordeaux identitaire */
        color: #FFFFFF; /* Texte blanc par défaut pour le confort visuel */
    }

    /* 2. EFFET VERRE (NAVBAR & OVERLAYS) */
    .glass { 
        background: rgba(108, 30, 82, 0.95); /* #6C1E52 avec transparence */
        backdrop-filter: blur(12px); 
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    /* 3. DROPDOWN DESKTOP (PREMIUM & LISIBLE) */
    .dropdown-card { 
        opacity: 0; 
        visibility: hidden; 
       /* transform: translateY(10px);*/
        transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
        border: 2px solid #E70A8D; /* Rappel du rose vif BRIDGE */
        border-radius: 20px;
        background: #FFFFFF; /* Fond blanc pour les menus internes */
        box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
    }
    
    .group:hover .dropdown-card { 
        opacity: 1; 
        visibility: visible; 
       /* transform: translateY(0); */
    }

    /* 4. NAVIGATION MOBILE & ACCORDÉONS */
    .no-scroll { 
        height: 100vh; 
        overflow: hidden !important; 
    }

    .mobile-content { 
        max-height: 0; 
        overflow: hidden; 
        transition: max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1); 
    }

    .mobile-content.open { 
        max-height: 500px; 
    }

    /* 5. UTILITAIRES DE COULEURS BRIDGE */
    .bg-bridge-main { background-color: #6C1E52 !important; }
    .bg-bridge-accent { background-color: #E70A8D !important; }
    .text-bridge-pink { color: #F092BE !important; }
    .text-bridge-vibrant { color: #E70A8D !important; }

    /* 6. ANIMATIONS & INTERACTIONS */
    #burger-btn {
        position: relative;
        z-index: 1001;
        transition: all 0.3s ease;
    }

    /* Accordéons de services (Zone 09 et autres) */
    .max-h-0 { 
        max-height: 0; 
        opacity: 0;
        transition: all 0.4s ease-out;
    }

    .max-h-open { 
        max-height: 1000px; 
        opacity: 1 !important; 
        padding-bottom: 24px; 
        transition: all 0.6s ease-in;
    }

    /* Rotation Icônes de contrôle */
    .rotate-45-icon { 
        transform: rotate(45deg); 
        color: #E70A8D !important; /* Le signe devient Rose Vif à l'ouverture */
    }

    /* 7. BOUTONS ÉLITE */
    .btn-bridge {
        background-color: #E70A8D;
        color: #FFFFFF;
        font-weight: 900;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        transition: all 0.3s shadow;
    }

    .btn-bridge:hover {
        background-color: #F00E70;
        transform: scale(1.02);
        box-shadow: 0 0 20px rgba(231, 10, 141, 0.4);
    }

    /* 8. CONFORT VISUEL (TEXT SHADOW) */
    .text-high-vis {
        color: #FFFFFF;
        text-shadow: 0 2px 10px rgba(0,0,0,0.3);
    }


    .glass-white {
        background: rgba(255, 255, 255, 0.7);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
    }
    .glass-light {
        background: rgba(255, 255, 255, 0.4);
        backdrop-filter: blur(15px);
        -webkit-backdrop-filter: blur(15px);
    }