/* ==========================================================================
   Accordion + popover clipping fix
   --------------------------------------------------------------------------
   Bootstrap 4 applies `overflow: hidden` to `.accordion > .card`, which clips
   any popover panel that extends beyond the card's box. Four-way placement and
   the panel height cap reduce how often this happens, but a tall definition in
   a short card can still spill past the card edges and get clipped.

   This override lets the card show overflow once it's fully expanded, so the
   panel is displayed instead of cut off. It's scoped to the OPEN (.show) state
   so it does not interfere with Bootstrap's collapse open/close animation
   (which relies on overflow: hidden while sliding).

   If you have multiple accordions, the generic selectors below cover them all.
   To limit the fix to one accordion, prefix with its id, e.g.
   `#accordion7 > .card { ... }`.
   ========================================================================== */

/* Allow the expanded card to show the popover panel beyond its box. */
.accordion > .card {
  overflow: visible;
}

/* Keep the collapsing region clipped while animating, visible once open, so the
   slide animation stays clean but an open panel isn't cut off. */
.accordion .collapse:not(.show) {
  overflow: hidden;
}
.accordion .collapse.show {
  overflow: visible;
}

/* The card-body shouldn't clip either. */
.accordion .card-body {
  overflow: visible;
}