/**
 * theme-logo.css
 * Styles pour la gestion de l'affichage des logos en fonction du thème (clair/sombre)
 */

/* Conteneur principal pour gérer les deux logos */
.logo-container {
    position: relative;
    display: inline-block;
}

/* Style pour le logo en mode clair (par défaut) */
.logo-dark {
    display: block;
    transition: opacity 0.3s ease;
}

/* Style pour le logo en mode sombre (caché par défaut) */
.logo-light {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.3s ease;
}

/* En mode sombre, cacher le logo clair et afficher le logo sombre */
body.dark-mode .logo-dark:not(.dark-fallback) {
    display: none;
}

body.dark-mode .logo-light {
    display: block;
    opacity: 1;
}

/* Solution de secours : si pas de logo pour mode sombre, appliquer un filtre au logo normal */
body.dark-mode .dark-fallback {
    filter: invert(1) brightness(1.5);
    opacity: 0.9;
}

/* Adaptation spécifique pour certaines pages */
.nk-sidebar-logo .logo-container,
.nk-sidebar-logo .logo-dark,
.nk-sidebar-logo .logo-light {
    max-width: 100%;
    height: auto;
}

/* Adaptation pour l'en-tête d'authentification */
.nk-auth-body .logo-container {
    margin: 0 auto;
    text-align: center;
}

/* Adaptation pour les modes d'impression */
@media print {
    .logo-light {
        display: none !important;
    }
    .logo-dark {
        display: block !important;
        filter: none !important;
    }
}