/* FAQ page styles */
.container { max-width: 1000px; margin: 0 auto; padding: 1rem; }
.faq-section { padding: 40px 0; }
.faq-section .container { max-width: 1000px; margin: 0 auto; padding: 0 1rem; }
.faq-list { display: grid; grid-template-columns: 1fr; gap: 1rem; }
.faq-item {
  background: var(--card-bg);
  padding: 20px 22px;
  border-radius: 10px;
  transition: background-color 0.175s ease, box-shadow 0.175s ease;
  color: var(--text);
}
.faq-item:hover { box-shadow: 0 5px 10px var(--card-shadow); cursor: pointer; }
.faq-item h3 { margin: 0 0 0.5rem 0; font-size: 1.05rem; color: var(--brand-color, #0e3b2e); cursor: pointer; display: flex; align-items: center; justify-content: space-between; }
.faq-item p { margin: 0; color: var(--text); line-height: 1.5; max-height: 0; overflow: hidden; transition: max-height 320ms ease, padding 200ms ease; cursor: pointer; }
.faq-item.open p { max-height: 1200px; padding-top: 0.5rem; }
.faq-item .chev { font-size: 1.1rem; opacity: 0.9; margin-left: 12px; }

/* Ensure all FAQ text uses the site text color variable */
.faq-section,
.faq-section .faq-list,
.faq-section .faq-item,
.faq-section .faq-item h3,
.faq-section .faq-item p,
.faq-section .faq-more,
.footer-faq-snippet,
.footer-faq-snippet h3,
.footer-faq-snippet summary,
.footer-faq-snippet p,
.footer-faq-snippet a {
  color: var(--text) !important;
}

/* FAQ heading color */
.faq-section h2 {
  color: var(--text-alt) !important;
}

/* Larger layout */
@media (min-width: 720px) {
  .faq-list { grid-template-columns: 1fr 1fr; }
}

/* Accessibility focus */
.faq-item:focus-within { outline: 3px solid rgba(14,59,46,0.08); }

/* Footer snippet: ensure text inherits site text color */
.footer-faq-snippet,
.footer-faq-snippet h3,
.footer-faq-snippet summary,
.footer-faq-snippet p,
.footer-faq-snippet a {
  color: var(--text) !important;
}

/* Force accordion content to use the site text color */
.faq-section .faq-item,
.faq-section .faq-item h3,
.faq-section .faq-item p {
  color: var(--text) !important;
}

/* Also target the standalone /faq page markup (uses .content .faq-list) */
.content .faq-list .faq-item,
.content .faq-list .faq-item h3,
.content .faq-list .faq-item p,
.content .faq-list a {
  color: var(--text) !important;
}