/* Rawana — FAQ: sticky aside + one-open-at-a-time accordion. */

.rwn-faq__layout {
  display: grid;
  gap: var(--wp--preset--spacing--70);
}

@media (min-width: 980px) {
  .rwn-faq__layout {
    grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
    gap: clamp(var(--wp--preset--spacing--70), 6vw, var(--wp--preset--spacing--100));
  }

  .rwn-faq__aside {
    position: sticky;
    top: calc(var(--wp--custom--header-height) + var(--wp--preset--spacing--70));
    align-self: start;
  }
}

.rwn-faq__aside {
  display: grid;
  gap: var(--wp--preset--spacing--50);
  align-content: start;
}

/* Outranks .rwn-card { margin: 0 } — snippets load in filename order, so
   18-faq-block-styles is emitted before 8-section-furniture-styles. */
.rwn-faq .rwn-faq__contact { margin-top: var(--wp--preset--spacing--40); }
.rwn-faq__phone { font-size: var(--wp--preset--font-size--lg); }

/* ---- Accordion ---- */

.rwn-accordion {
  display: grid;
  gap: var(--wp--preset--spacing--20);
  align-content: start;
}

.rwn-accordion__item {
  border-radius: var(--wp--custom--radius-md);
  border: var(--wp--custom--border-width) solid var(--wp--custom--border-hairline);
  border-top-color: var(--wp--custom--border-top-light);
  background-color: var(--wp--preset--color--surface-two);
  background-image: var(--wp--custom--gradient-surface-top);
  overflow: hidden;
  transition: border-color var(--wp--custom--duration-mid) var(--wp--custom--ease-out),
              box-shadow var(--wp--custom--duration-mid) var(--wp--custom--ease-out),
              background-color var(--wp--custom--duration-mid) var(--wp--custom--ease-out);
}

.rwn-accordion__item.is-open {
  border-color: var(--wp--custom--border-accent);
  box-shadow: var(--wp--custom--glow-accent-sm);
  background-color: var(--wp--preset--color--surface-three);
}

.rwn-accordion__heading {
  margin: 0;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

.rwn-accordion__trigger {
  display: flex;
  align-items: center;
  gap: var(--wp--preset--spacing--40);
  width: 100%;
  padding: var(--wp--preset--spacing--50);
  margin: 0;
  background: none;
  border: 0;
  text-align: left;
  cursor: pointer;
  font-family: inherit;
  font-size: var(--wp--preset--font-size--md);
  font-weight: var(--wp--custom--weight-medium);
  line-height: var(--wp--custom--leading-snug);
  letter-spacing: var(--wp--custom--tracking-tight);
  color: var(--wp--preset--color--contrast);
}

.rwn-accordion__icon {
  margin-left: auto;
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  flex: none;
  border-radius: 50%;
  border: var(--wp--custom--border-width) solid var(--wp--custom--border-hairline);
  color: var(--wp--preset--color--accent);
  transition: transform var(--wp--custom--duration-mid) var(--wp--custom--ease-out),
              border-color var(--wp--custom--duration-mid) var(--wp--custom--ease-out);
}

.rwn-accordion__icon svg { width: 13px; height: 13px; }

.rwn-accordion__item.is-open .rwn-accordion__icon {
  transform: rotate(180deg);
  border-color: var(--wp--custom--border-accent);
}

.rwn-accordion__panel {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows var(--wp--custom--duration-mid) var(--wp--custom--ease-out);
}

.rwn-accordion__item.is-open .rwn-accordion__panel { grid-template-rows: 1fr; }

.rwn-accordion__panel > div { overflow: hidden; }

.rwn-accordion__body {
  margin: 0;
  padding: 0 var(--wp--preset--spacing--50) var(--wp--preset--spacing--50);
  font-size: var(--wp--preset--font-size--sm);
  line-height: var(--wp--custom--leading-relaxed);
  color: var(--wp--preset--color--muted);
  max-width: var(--wp--custom--width-prose);
}