Nested accordion inherits parent's flush styling

Created by: Ylaana

Prerequisites

• I have searched for duplicate or closed issues
• I have validated any HTML to avoid common problems
• I have read the contributing guidelines

Describe the issue

When nesting a 'regular' accordion inside an accordion with the .accordion-flush class, it inherits the flush styling. I'd expect the nested accordion to retain the default styling.

Reduced test cases

https://codepen.io/ylaana/pen/OJEWJYM

What operating system(s) are you seeing the problem on?

Windows

What browser(s) are you seeing the problem on?

Chrome

What version of Bootstrap are you using?

v5.2.2