/**
 * Pool Ready Home - shared FAQ accordion
 * A dependency-free accordion built on native <details>/<summary>. Used by
 * page-services.php and single-service-detail.php.
 */

.prh-faq__list {
  max-width: 48rem;
  margin-inline: auto;
}

.prh-faq__item {
  padding: var(--prh-space-5) 0;
  border-bottom: var(--prh-border);
}

.prh-faq__item:first-child {
  border-top: var(--prh-border);
}

.prh-faq__question {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--prh-space-4);
  color: var(--prh-ink);
  cursor: pointer;
  font-size: var(--prh-fs-h6);
  font-weight: var(--prh-fw-semibold);
  list-style: none;
}

.prh-faq__question::-webkit-details-marker {
  display: none;
}

.prh-faq__question:hover {
  color: var(--prh-teal);
}

.prh-faq__icon {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: var(--prh-radius-circle);
  background: var(--prh-teal-10);
  color: var(--prh-teal);
  transition: transform var(--prh-transition);
}

.prh-faq__item[open] .prh-faq__icon {
  transform: rotate(180deg);
}

.prh-faq__answer {
  margin-top: var(--prh-space-3);
  color: var(--prh-grey-500);
  font-size: var(--prh-fs-sm);
  line-height: var(--prh-lh-loose);
}

.prh-faq__cta {
  margin-top: var(--prh-space-10);
  text-align: center;
}