/* Styles pour le bouton de bascule du thème */
.mil-theme-toggle {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 1.5em; /* Ajustez la taille de l'icône si nécessaire */
    color: var(--mil-text-color-2); /* Utilisez une variable de couleur de votre thème */
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    margin-right: 15px; /* Espace entre le bouton et le menu */
    transition: color 0.3s ease;
}

.mil-theme-toggle:hover {
    color: var(--mil-accent-color); /* Couleur accentuée au survol */
}

/* Cacher l'icône de la lune par défaut (mode clair) */
.mil-theme-toggle .moon {
    display: none;
}

/* Afficher l'icône de la lune et cacher le soleil en mode sombre */
body.dark-mode .mil-theme-toggle .moon {
    display: inline-block;
}

body.dark-mode .mil-theme-toggle .sun {
    display: none;
}

body.dark-mode .mil-theme-toggle svg {
    stroke: #ffffff;
    fill: #ffffff;
}

/* mise a jour de la photo pour les ecran mobile */

                @media (max-width: 768px) {
                .mobile-background {
                    position: relative;
                    background: 
                    /* linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),  */
                    url('img/person/2.png') no-repeat center center;
                    background-size: cover;
                    color: white;
                    min-height: 100vh;
                    display: flex;
                    flex-direction: column;
                    justify-content: flex-end; /* pousse vers le bas */
                }

                .mobile-background .mil-banner-title {
                    padding: 2rem;
                    text-align: center;
                }

                .mobile-background h1,
                .mobile-background p {
                    color: white;
                    margin: 0;
                }
                }
                @media (max-width: 768px) {
                .hide-on-mobile {
                    display: none !important;
                }
                }


/*  */