.sidebar-overlay {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
}
.sidebar-overlay.active {
    opacity: 1;
    pointer-events: auto;
}

/* Sidebar mobile : panneau glissant */
.sidebar-panel {
    transform: translateX(-100%);
    transition: transform 0.3s ease;
}
.sidebar-panel.active {
    transform: translateX(0);
}