/* BIJ FAQ accordion override.
 * The FAQ block stays a native Elementor `accordion` widget (so
 * `faq_schema => yes` keeps auto-emitting FAQPage JSON-LD), but this file
 * restyles it to visually match the reference design's
 * .faq-list / details / summary look: hairline borders, uppercase bold
 * question text, and a "+" icon that rotates 45deg when the tab is open.
 * Scoped broadly to .elementor-widget-accordion (this site only uses
 * accordions for FAQs) plus the .bij-faq-accordion / #bij-faq-accordion
 * hooks set on the widget itself, so it still applies even if a given
 * Elementor version drops one of those hooks.
 */

.elementor-widget-accordion .elementor-accordion,
.bij-faq-accordion .elementor-accordion {
  border: 1px solid rgba(248, 248, 242, 0.18);
  background: transparent;
}

.elementor-widget-accordion .elementor-accordion-item {
  border-bottom: 1px solid rgba(248, 248, 242, 0.18);
  background: rgba(255, 255, 255, 0.025);
}

.elementor-widget-accordion .elementor-accordion-item:last-child {
  border-bottom: 0;
}

.elementor-widget-accordion .elementor-tab-title {
  padding: 22px;
  color: #f8f8f2;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0;
}

.elementor-widget-accordion .elementor-tab-title .elementor-accordion-title,
.elementor-widget-accordion .elementor-tab-title a {
  color: inherit;
  font-weight: inherit;
  text-transform: inherit;
  text-decoration: none;
}

.elementor-widget-accordion .elementor-tab-content {
  padding: 0 22px 22px;
  color: #a6a69d;
  line-height: 1.62;
  border-top: 0;
  background: transparent;
}

/* Force a single "+" glyph (hide Elementor's default plus/minus swap on
   open) and rotate it 45deg when active -- matches the reference's
   `details[open] summary i { transform: rotate(45deg); }` behavior. */
.elementor-widget-accordion .elementor-accordion-icon {
  transition: transform 160ms ease;
}

.elementor-widget-accordion .elementor-accordion-icon-opened {
  display: none !important;
}

.elementor-widget-accordion .elementor-accordion-icon-closed {
  display: inline-flex !important;
}

.elementor-widget-accordion .elementor-tab-title.elementor-active .elementor-accordion-icon {
  transform: rotate(45deg);
}