/**
 * wc-faq.css
 * Styles for WC FAQ Accordion, FAQ Block, and FAQ Group components.
 */

/* ============================================================
   FAQ BLOCK (homepage)
   ============================================================ */
.wc-faq-block__heading {
  font-family: 'Montserrat', sans-serif;
  font-size: var(--t-h1);
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -0.02em;
  color: var(--dark);
}

.wc-faq-block__top-link,
.wc-faq-block__bottom-link {
  display: inline-block;
  font-size: var(--t-small);
  font-weight: 600;
  color: var(--red-mid);
  text-decoration: none;
  transition: color 0.2s;
}

.wc-faq-block__top-link:hover,
.wc-faq-block__bottom-link:hover {
  color: var(--red-bright);
}

/* ============================================================
   FAQ GROUP (FAQ page)
   ============================================================ */
.wc-faq-group {
  margin-bottom: var(--sp-xl);
}

.wc-faq-group:last-child {
  margin-bottom: 0;
}

.wc-faq-group__heading {
  font-family: 'Montserrat', sans-serif;
  font-size: var(--t-h2);
  font-weight: 800;
  color: var(--dark);
  line-height: 1.2;
}

/* ============================================================
   SHARED ACCORDION
   ============================================================ */
.faq-accordion {
  border: 1px solid var(--grey-light);
  border-radius: 6px;
  overflow: hidden;
}

/* ── Each item ── */
.faq-item {
  border-bottom: 1px solid var(--grey-light);
}

.faq-item:last-child {
  border-bottom: none;
}

/* ── Summary / trigger ── */
.faq-item__summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--sp-sm);
  padding: var(--sp-md);
  cursor: pointer;
  list-style: none;
  font-family: 'Playfair Display', serif;
  font-size: var(--t-body);
  font-weight: 700;
  color: var(--dark);
  line-height: 1.3;
  background: var(--white);
  transition: background 0.15s;
  user-select: none;
}

.faq-item__summary:hover {
  background: var(--grey-bg);
}

/* Remove native marker */
.faq-item__summary::-webkit-details-marker { display: none; }
.faq-item__summary::marker { display: none; content: ''; }

/* Chevron icon */
.faq-item__chevron {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  color: var(--red-mid);
  transition: transform 0.25s ease;
}

.faq-item__chevron svg {
  width: 100%;
  height: 100%;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* Rotate chevron when open */
.faq-item[open] > .faq-item__summary .faq-item__chevron {
  transform: rotate(180deg);
}

.faq-item[open] > .faq-item__summary {
  background: var(--grey-bg);
}

/* ── Answer body ── */
.faq-item__body {
  padding: 0 var(--sp-md) var(--sp-md);
  font-size: var(--t-small);
  color: var(--body-text);
  line-height: 1.7;
  background: var(--grey-bg);
}

.faq-item__body p {
  margin-bottom: var(--sp-xs);
}

.faq-item__body p:last-child {
  margin-bottom: 0;
}

.faq-item__body a {
  color: var(--red-mid);
  text-decoration: underline;
  transition: color 0.2s;
}

.faq-item__body a:hover {
  color: var(--red-bright);
}

/* Font change for HC Detail pages */
.wc-hc-section .faq-accordion summary {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
}