/* Enhanced Mobile Sidebar Styles */

/* Sidebar overlay animations */
[data-sidebar="overlay"] {
    transition: opacity 0.3s ease, visibility 0.3s ease;
    visibility: hidden;
}

[data-sidebar="overlay"].show {
    opacity: 1 !important;
    visibility: visible;
    pointer-events: auto !important;
}

/* Sidebar panel animations */
[data-sidebar="sidebar"] {
    transition: transform 0.3s ease;
}

[data-sidebar="sidebar"].show {
    transform: translateX(0) !important;
}

/* Submenu animations */
[data-sidebar="menu"] [data-sidebar="toggle"] svg {
    transition: transform 0.2s ease;
}

[data-sidebar="menu"] button[data-sidebar="toggle"]:hover svg,
[data-sidebar="menu"] .group/category:hover svg,
[data-sidebar="menu"] .group/page:hover svg {
    transform: rotate(45deg);
}

/* Enhanced hover effects */
.group/category:hover [data-sidebar="toggle"] svg {
    color: #dc2626; /* branding-red */
}

.group/page:hover [data-sidebar="toggle"] svg {
    color: #dc2626; /* branding-red */
}

/* Mobile responsiveness */
@media (max-width: 640px) {
    [data-sidebar="sidebar"] {
        width: 85vw;
        max-width: 85vw;
    }
}

@media (min-width: 1280px) {
    /* Hide on desktop */
    [data-sidebar="sidebar"],
    [data-sidebar="overlay"] {
        display: none;
    }
}

/* Smooth scrolling for long menus */
[data-sidebar="sidebar"] .h-full {
    scroll-behavior: smooth;
}

/* Focus states for accessibility */
[data-sidebar="close"]:focus,
[data-sidebar="toggle"]:focus {
    outline: 2px solid #dc2626;
    outline-offset: 2px;
}

/* Button states */
[data-sidebar="close"]:active {
    transform: scale(0.95);
}

[data-sidebar="toggle"]:active {
    transform: scale(0.95);
}