/* =========================================
   FAQ (Gutenberg Details block)
   ========================================= */

.gg-faq__content {
  max-width: 900px;
  margin: 0 auto;
}

/* WP Details block wrapper can be: .wp-block-details, but also plain details.
   We target both to be safe. */
.gg-faq__content details,
.gg-faq__content .wp-block-details {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding: 22px 0;
  margin: 0;
}

/* Summary row = question */
.gg-faq__content summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;

  cursor: pointer;
  user-select: none;

  font-size: 20px;
  font-weight: 600;
  color: #fff;

  /* Remove default spacing/marker behaviour across browsers */
  list-style: none;
  outline: none;
}

.gg-faq__title {
  font-size: 54px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  margin-bottom: 40px;
}

/* Remove default triangle marker (Chrome/Safari) */
.gg-faq__content summary::-webkit-details-marker {
  display: none;
}

/* Remove default marker (Firefox) */
.gg-faq__content summary::marker {
  content: "";
}

/* Right-side + / – icon */
.gg-faq__content summary::after {
  content: "+";
  flex: 0 0 auto;
  font-size: 24px;
  line-height: 1;
  color: var(--gg-accent, #ff7a00);
  transform: translateY(-1px);
}

/* Open state icon */
.gg-faq__content details[open] summary::after,
.gg-faq__content .wp-block-details[open] summary::after {
  content: "–";
}

/* Answer panel */
.gg-faq__content details > *:not(summary),
.gg-faq__content .wp-block-details > *:not(summary) {
  padding: 14px 0 0;
  color: rgba(255, 255, 255, 0.78);
  line-height: 1.65;
  font-size: 16px;
}

/* Prevent extra margins from Gutenberg paragraphs inside answers */
.gg-faq__content details p,
.gg-faq__content .wp-block-details p {
  margin: 0 0 12px;
}

.gg-faq__content details p:last-child,
.gg-faq__content .wp-block-details p:last-child {
  margin-bottom: 0;
}

/* Optional: subtle hover to feel interactive */
.gg-faq__content summary:hover {
  color: rgba(255, 255, 255, 0.92);
}