/* Animations */
@keyframes slide-in-right {
    from { transform: translateX(100%); }
    to { transform: translateX(0); }
}

.animate-slide-in-right {
    animation: slide-in-right 0.3s ease-out;
}

/* Styles explicites pour le Menu Mobile (Sécurité production) */
#mobile-menu {
    position: fixed !important;
    inset: 0 !important;
    z-index: 9999 !important;
    background-color: rgba(15, 23, 42, 0.5) !important; /* bg-gray-900/50 */
    backdrop-filter: blur(4px) !important; /* backdrop-blur */
    display: none; /* Caché par défaut */
}

#mobile-menu:not(.hidden) {
    display: flex !important;
}

#mobile-menu .menu-content {
    position: fixed !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 320px !important; /* w-80 */
    background-color: white !important;
    box-shadow: -10px 0 25px -5px rgba(0, 0, 0, 0.1) !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 1.5rem !important;
}