/*
 * FAQ accordion enhancement — paired with faq-accordion.js. Re-adds the
 * collapse/expand that Framer's stripped runtime used to drive. Scoped to
 * .ht-faq-item (added by the JS) so non-enhanced DOM is never touched.
 */
.ht-faq-item {
  transition: height 0.32s ease;
  will-change: height;
}
.ht-faq-item [data-framer-name='Top'] {
  cursor: pointer;
}
.ht-faq-item [data-framer-name='Answer'] {
  transition: opacity 0.26s ease;
}

/* plus -> minus: hide the icon's vertical (second) bar when open. Structural —
   the Top's first child is the icon wrap; its 2nd child div is the vertical bar
   (Framer removes it on open). Targeted by position, not by the hashed class. */
.ht-faq-item.ht-faq-open [data-framer-name='Top'] > div:first-child > div:nth-child(2) {
  opacity: 0 !important;
  transition: opacity 0.2s ease;
}

/* No-JS fallback (content-first): if the enhancement never runs, .ht-faq-item is
   never added and Framer's closed height clips the answers. Reveal them (both the
   desktop "DT Closed" and mobile "MB Closed" variants) so no content is lost. Only
   applies when scripting is unavailable — no flash when JS is on. */
@media (scripting: none) {
  [data-framer-name='DT Closed'],
  [data-framer-name='MB Closed'] {
    height: auto !important;
  }
  [data-framer-name='Answer'] {
    opacity: 1 !important;
  }
}