/* Hide the menu by default on mobile */
@media (max-width: 767px) {
    .menu {
        display: none;
        margin-left : 10px; /* Add padding on mobiles so menu not on edge of screen */
    }

    /* Display the menu when the 'open-nav' class is added */
    nav.open-nav .menu {
        display: block !important;
    }
}

/* Optional: style the mobile toggle button (if needed) */
@media (max-width: 767px) {
    .mobile-toggle {
        display: block;
    }
}