/**
 * Two-Level Mega Menu Component
 * Designed to work within the app-sidebar container (260px width)
 * Categories in sidebar, panels slide out from right
 */

/* ====================================
   Container & Layout
   ==================================== */

.mega-menu {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}

/* Dark mode is always on for panels - no override needed */

/* ====================================
   Accessibility Enhancements
   ==================================== */

/* High contrast mode support */
@media (prefers-contrast: high) {
    .mega-menu {
        border: 2px solid var(--border);
    }
}

/* ====================================
   Print Styles
   ==================================== */

@media print {
    .mega-menu {
        display: none;
    }
}