/* ══════════════════════════════════════════════════════════════
   COMPONENT: FAQ Accordion
   Used on: faq page, sarasota, bradenton, st-petersburg locations
   ══════════════════════════════════════════════════════════════ */

.faq-section { margin-bottom: 48px; }

.faq-item { border-bottom: 1px solid var(--gray-200); }

.faq-question {
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  padding: 20px 0; cursor: pointer; width: 100%; background: none; border: none;
  font-family: inherit; font-size: 17px; font-weight: 600; color: var(--navy);
  text-align: left; transition: color 0.2s;
}
.faq-question:hover { color: var(--yellow); }
.faq-question svg { flex-shrink: 0; width: 20px; height: 20px; color: var(--gray-400); transition: transform 0.3s; }

.faq-item.open .faq-question svg { transform: rotate(45deg); color: var(--yellow); }

.faq-answer {
  max-height: 0; overflow: hidden; transition: max-height 0.35s ease, padding 0.35s ease;
}
.faq-item.open .faq-answer { max-height: 200px; padding-bottom: 20px; }

.faq-answer p { font-size: 15px; color: var(--gray-600); line-height: 1.7; max-width: 700px; }

/* ── Responsive ── */
@media (max-width: 640px) {
  .faq-question { font-size: 16px; padding: 20px 0; }
}