/**
 * Supplement for migrated legacy "card-faq / accordion-type-2" FAQ accordions.
 *
 * Three things break on the new theme:
 *   1. `.collapse` COLLISION — the theme's Tailwind build defines
 *      `.collapse { visibility: collapse }`, but the migrated markup uses
 *      Bootstrap's `.collapse`. When a panel opens (.show → display:block) it is
 *      still `visibility: collapse`, so the panel body is invisible ("content
 *      vanishes"). This is the main bug.
 *   2. the toggle icon references the old site's Ionicons webfont
 *      (glyphs \f176 / \f158) which is not loaded → the icon renders empty.
 *   3. the body's default dark text would sit on the dark-navy .div-box-list panel.
 *
 * Fix all three, scoped to .gistda-custom-page (legacy pages only). The icon is a
 * font-independent unicode circled plus/minus matching the old site (⊕ closed,
 * ⊖ open). Enqueued after legacy-bootstrap.css in app/setup.php.
 */

/* (1) Undo Tailwind's `.collapse { visibility: collapse }` for opened Bootstrap
   panels so their content is actually visible. `.collapsing` covers the animation
   frame (the shim swaps .collapse → .collapsing while animating height). */
.gistda-custom-page .collapse.show,
.gistda-custom-page .collapsing {
  visibility: visible !important;
}

/* (3) Panel body: explicit dark background + light, readable text/links. */
.gistda-custom-page .card-body-faq {
  background-color: #042d58;
}
.gistda-custom-page .card-body-faq,
.gistda-custom-page .card-body-faq a,
.gistda-custom-page .card-body-faq a span {
  color: #fff !important;
}
.gistda-custom-page .card-body-faq a:hover {
  color: #ffca52 !important;
  text-decoration: underline;
}

/* (2) Toggle icon: replace the missing Ionicons glyph with a font-independent
   circled plus/minus (matches the old site). State = trigger's .collapsed class
   (toggled by legacy-collapse.js). */
.gistda-custom-page .accordion.accordion-type-2 .card-faq .card-header-faq > a::after {
  font-family: inherit !important;
  content: "\2296"; /* ⊖ expanded */
}
.gistda-custom-page .accordion.accordion-type-2 .card-faq .card-header-faq > a.collapsed::after {
  content: "\2295"; /* ⊕ collapsed */
}