/* ============================= */
/*        NAVBAR - DARK MODE     */
/* ============================= */

/* Background du header */
.dark header {
    background-color: rgba(15, 23, 42, 0.7) !important; /* bleu nuit avec transparence */
    backdrop-filter: blur(12px) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

/* Liens de navigation */
.dark header a {
    color: #e2e8f0 !important; /* gris clair */
}

/* Hover liens */
.dark header a:hover {
    background-color: rgba(255, 255, 255, 0.08) !important;
    color: #ffffff !important;
}

/* Burger menu (mobile) */
.dark #mobile-menu-btn {
    color: #e2e8f0 !important;
}

.dark #mobile-menu-btn:hover {
    background-color: rgba(255, 255, 255, 0.08) !important;
}

/* Mobile menu items */
.dark #mobile-menu a {
    color: #e2e8f0 !important;
}

.dark #mobile-menu a:hover {
    background-color: rgba(255, 255, 255, 0.08) !important;
    color: #ffffff !important;
}

/* CTA "Me contacter" */
.dark header a.bg-gray-900 {
    background-color: #1e293b !important;
}

.dark header a.bg-gray-900:hover {
    background-color: #334155 !important;
}

/* Liens ADMIN */
.dark header a.bg-green-600 {
    background-color: #059669 !important;
}

.dark header a.bg-green-600:hover {
    background-color: #047857 !important;
}

.dark header a.bg-red-600 {
    background-color: #dc2626 !important;
}

.dark header a.bg-red-600:hover {
    background-color: #b91c1c !important;
}

/* Logo (optionnel si tu veux un effet léger) */
.dark header img {
    filter: brightness(0.9) contrast(1.1);
}

/* --- DARK MODE BUTTON --- */
#theme-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(6px);
}

.dark #theme-toggle {
    background: rgba(15, 23, 42, 0.6);
}

/* Icônes */
#theme-toggle span {
    font-size: 18px;
    transition: opacity .3s ease, transform .3s ease;
}

#theme-toggle-light {
    color: #facc15;
}

#theme-toggle-dark {
    color: #60a5fa;
}