/* FAQ — Figma FAQ 7444:7457. Divider between items, chevron on the right. */

.faq-item {
  box-sizing: border-box; /* faq.js animates height as the outer size */
  border-block-end: 1px solid #e5e7eb; /* Figma gray-200 */

  &:last-child {
    border-block-end: 0;
  }
}

.faq-question {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--gap-m);
  padding-block: 0.75rem;
  font-weight: 600;
  color: #111827; /* Figma Body bold */
  text-wrap: pretty;
  cursor: pointer;
  list-style: none;

  &::-webkit-details-marker {
    display: none;
  }

  &::after {
    content: "";
    flex: 0 0 1.25rem; /* 20px */
    block-size: 1.25rem;
    background: center / contain no-repeat
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%236B7280' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    transition: transform 0.2s ease;
  }

  .faq-item[open]:not(.is-closing) > &::after {
    transform: rotate(180deg);
  }
}

.faq-answer {
  padding-block: 0.75rem 1.625rem;
  border-block-start: 1px solid #e5e7eb;
  color: #4b5563; /* Figma Body */

  > :last-child {
    margin-block-end: 0;
  }
}