/*
Mobile Menu Styles - RODA Website
Controls when desktop menu switches to mobile hamburger menu
*/

/* Mobile menu breakpoint at 1354px - stronger rules */
@media (max-width: 1354px) {
    .primary-menu {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        height: 0 !important;
        overflow: hidden !important;
    }
    .primary-menu-trigger {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: relative !important;
        z-index: 9999 !important;
    }
    .cnvs-hamburger {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}

@media (min-width: 1355px) {
    .primary-menu {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        height: auto !important;
        overflow: visible !important;
    }
    .primary-menu-trigger {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }
    .cnvs-hamburger {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }
}