/* Mobile/Tablet navigation layer (desktop remains unchanged) */

@media (max-width: 1023px) {
    .mobile-menu-toggle-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 8px 14px;
        border-radius: 9999px;
        border: 1px solid rgba(255, 255, 255, 0.35);
        background: rgba(255, 255, 255, 0.12);
        color: #ffffff;
        font-size: 13px;
        font-weight: 600;
        letter-spacing: 0.01em;
        transition: background-color 0.2s ease, border-color 0.2s ease;
    }

    .mobile-menu-toggle-btn:hover {
        background: rgba(255, 255, 255, 0.18);
        border-color: rgba(255, 255, 255, 0.5);
    }

    #mobile-menu {
        border-top: 1px solid rgba(255, 255, 255, 0.15);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
    }

    #mobile-menu .mobile-menu-content {
        background: linear-gradient(90deg, #1d4ed8 0%, #4338ca 100%);
    }

    #mobile-menu .mobile-menu-content a,
    #mobile-menu .mobile-menu-content button {
        border-radius: 0.5rem;
    }
}

@media (min-width: 1024px) {
    .mobile-menu-toggle-btn,
    #mobile-menu {
        display: none !important;
    }
}