/*
 * FAQ answers: legacy accordion + BS4/BS5 mix can leave .collapse panels at height:0
 * or hide .card-body text. This sheet loads last — keep rules defensive.
 */

section.faqSection .accordion .collapse:not(.show) {
  display: none !important;
}

section.faqSection .accordion .collapse.show {
  display: block !important;
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow: visible !important;
  visibility: visible !important;
  opacity: 1 !important;
}

section.faqSection .accordion .card,
section.faqSection .accordion .card-header {
  overflow: visible !important;
}

/* Answer copy: light panel on green card — avoids invisible / transparent fill */
section.faqSection .accordion .card-body {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  box-sizing: border-box !important;
  background-color: #f2f2f2 !important;
  color: #0c0d0d !important;
  -webkit-text-fill-color: #0c0d0d !important;
  padding: 1rem 1.25rem 1.25rem !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.55 !important;
  position: relative !important;
  z-index: 2 !important;
}

/*
 * Header: keep the bar visually transparent. Legacy sets body{background:#000}; Bootstrap 5
 * navbar uses --bs-navbar-bg. Without this, a dark fill can read as a “black header” behind links.
 */
header,
header .container,
header .navbar,
header .navbar-expand-lg {
  background: none !important;
  background-color: transparent !important;
  --bs-navbar-bg: transparent;
  box-shadow: none !important;
}

header.fixed {
  background: none !important;
  background-color: transparent !important;
}

/*
 * Header brand: custom.min6354 + responsive.css use fixed width/height on .navbar-brand img,
 * which stretches PNGs. This file loads last so these rules win.
 */
header .navbar .navbar-brand {
  display: flex !important;
  align-items: center !important;
  flex-shrink: 0 !important;
}

header .navbar .navbar-brand img {
  width: auto !important;
  height: auto !important;
  max-height: clamp(40px, 5vw, 72px) !important;
  max-width: min(330px, 72vw) !important;
  min-width: 0 !important;
  object-fit: contain !important;
  object-position: left center;
  display: block !important;
}

/* Mobile slide-out menu only — legacy uses .w-100 on the drawer logo; align left like original */
.nav.nav-fix-st .nav__list > .nav__list-item:first-child {
  text-align: left !important;
}

.nav.nav-fix-st .footerLogo {
  display: block !important;
  width: fit-content !important;
  max-width: 340px !important;
  margin-inline: 0 !important;
  margin-left: 0 !important;
}

.nav.nav-fix-st .footerLogo img {
  width: auto !important;
  max-width: 100% !important;
  max-height: 72px !important;
  height: auto !important;
  object-fit: contain !important;
  object-position: left center !important;
  display: block !important;
  margin-inline: 0 !important;
}