/* ==========================================================================
   🌌 THÈME SPATIAL (STARFIELD) - OVERRIDES
   Ce fichier gère l'affichage des étoiles et corrige les couleurs du menu
   ========================================================================== */

/* 1. Rendre le Body et le Main Content 100% transparents pour voir les étoiles */
body, .main-content {
    background-color: transparent !important;
}

/* 2. Le Canvas spatial (qui génère le ciel étoilé en JavaScript) */
#space-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: -9999; /* Place le canvas tout au fond */
    pointer-events: none; /* Laisse passer les clics vers ton site */
    /* Le dégradé de fond spatial (bleu nuit très sombre vers noir) */
    background: radial-gradient(ellipse at bottom, #0c1220 0%, #000000 100%);
}

/* ==========================================================================
   🔧 CORRECTION DES COULEURS DU MENU MOBILE
   (Écrase la variable --c-cards qui rendait le texte noir sur fond sombre)
   ========================================================================== */

/* Icône du menu hamburger */
.mobile-menu-toggle {
    color: var(--c-text-1) !important;
}

/* Liens du menu haut (Administration, Projects...) */
.mobile-top-link { 
    color: var(--c-text-1) !important; 
}

/* Liens de navigation principaux (Accueil, Nous, Contact...) */
.mobile-nav-link { 
    color: var(--c-text-1) !important; 
}

/* Liens actifs (ex: "Accueil" sur fond bleu) -> Forcés en blanc pur pour le contraste */
.mobile-top-link.active,
.mobile-nav-link:active,
.mobile-nav-link.active { 
    color: #ffffff !important; 
}

/* Menu des langues (Sélecteur et modale) */
.mobile-lang-item { 
    color: var(--c-text-1) !important; 
}

.btn-autres:hover, 
.btn-autres.active { 
    color: var(--c-text-1) !important; 
}

/* Lien de déconnexion sous le logo */
.mobile-dropdown-link {
    color: var(--c-text-1) !important;
}