/* Navigation Styles */

/* 
 * The navigation uses Tailwind utility classes for layout, spacing, and colors.
 * This file is reserved for custom responsive behaviors or complex dropdown animations 
 * that cannot be handled natively by Tailwind CSS.
 */

/* Example: Add a custom backdrop blur if Tailwind's backdrop-blur isn't sufficient */
.custom-nav-blur {
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

/* Mobile Hamburger Toggle - Strictly hidden on desktop, visible on mobile/tablet */
.mobile-menu-toggle {
    display: none !important;
}

@media (max-width: 1023px) {
    .mobile-menu-toggle {
        display: inline-flex !important;
    }
}