/* --- RESPONSIVE LOGIC --- */

/* 1. Default: Mobile View */
#desktop-links {
    display: none !important; /* Hide links on mobile */
}

#mobile-toggle-wrapper {
    display: flex !important; /* Show hamburger on mobile */
}

/* 2. Desktop: 1024px and up */
@media (min-width: 1024px) {
    #desktop-links {
        display: flex !important; /* Show links on desktop */
    }

    #mobile-toggle-wrapper {
        display: none !important; /* Hide hamburger on desktop */
    }
}