/*
  Stijlen voor de FAQ-accordeon (<details class="faq-item">), gebruikt op
  FAQ.html en overal waar faq_block()-content wordt hergebruikt.
*/

.faq-item summary {
  list-style: none; cursor: pointer; padding: 22px 26px; font-weight: 700; font-size: 15.5px;
  color: var(--color-navy); display: flex; align-items: center; justify-content: space-between; gap: 20px;
}
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item .faq-icon { flex-shrink: 0; transition: transform 0.15s ease; color: var(--color-blue); }
.faq-item[open] .faq-icon { transform: rotate(45deg); }
.faq-item .faq-answer { padding: 0 26px 22px; font-size: 14.5px; line-height: 1.65; color: var(--color-grey-body); }