/* Amsterdam Parken home page — parent layout (widths, gutters, spacing between sections) */

body.home-page {
  --ap-home-section-gap: 5rem;
  --ap-home-content-wide: 70.625rem;
  --ap-home-content-narrow: 43.75rem;
  --ap-home-header-content-gap: 3.5rem;
  --ap-home-page-gutter: 1rem;
  overflow-x: clip;
}

@media (min-width: 48.0625rem) {
  body.home-page {
    --ap-home-section-gap: 10rem;
  }
}

/* Spacing between page sections */
body.home-page main > * {
  margin-top: var(--ap-home-section-gap);
}

/* ─── Layout wrappers (Website owns spacing only) ──────────────────────────── */

body.home-page .ap-home-section {
  box-sizing: border-box;
}

body.home-page .ap-home-section--wide {
  max-width: var(--ap-home-content-wide);
  margin-inline: auto;
  padding-inline: var(--ap-home-page-gutter);
}

body.home-page .ap-home-section--narrow {
  max-width: var(--ap-home-content-narrow);
  margin-inline: auto;
  padding-inline: var(--ap-home-page-gutter);
}

body.home-page .ap-home-section--faq {
  max-width: 56.25rem;
  margin-inline: auto;
  padding-inline: var(--ap-home-page-gutter);
}

@media (max-width: 48rem) {
  body.home-page .ap-home-section--wide {
    padding-inline: 1.125rem;
  }

  body.home-page .ap-home-section--narrow {
    max-width: none;
  }

  body.home-page .ap-home-section--faq {
    max-width: none;
  }
}

/* ─── Google reviews ──────────────────────────────────────────────────────── */

body.home-page qp-google-review {
  width: 100%;
  max-width: 100%;
  overflow-x: clip;
}

/* ─── FAQ ─────────────────────────────────────────────────────────────────── */

body.home-page qp-google-review + qp-faq {
  margin-top: var(--ap-home-section-gap);
}

body.home-page .ap-home-section--last {
  margin-bottom: 10rem;
}

@media (max-width: 48rem) {
  body.home-page .ap-home-section--last {
    margin-bottom: 6.25rem;
  }
}