/**
 * RoarDev Mega Menu Builder - Frontend Styles
 */

.roardev-mmb-panel {
    position: fixed;
    z-index: 9999;
    background: #fff;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    overflow-y: auto;
    pointer-events: none;
}

.roardev-mmb-has-mega.roardev-mmb-open>.roardev-mmb-panel {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

/* Hide mega menu on mobile and tablet - Only show on desktop/PC */
@media (max-width: 1024px) {
    .roardev-mmb-panel {
        display: none !important;
    }
}