/* Ritme tussen secties (Guido, 9 november 2026).
   Veel secties hadden boven en onder 8vw padding (110 px op een laptop). Twee secties op elkaar gaven zo
   220 tot 380 px lege ruimte. Dit bestand staat als laatste stylesheet op elke pagina en zet de
   tussenruimte op één maat: ongeveer 150 px tussen de inhoud van twee secties op een laptop.
   Nieuwe sectie met eigen padding? Zet de klasse hieronder in de juiste groep. */
:root {
  --ritme: clamp(3.25rem, 5.5vw, 4.75rem);
  --ritme-klein: clamp(2.75rem, 4.5vw, 3.75rem);
  --ritme-band: 2.5rem;
}

@media (min-width: 861px) {
  main > section.pavilion-intro,
  main > section.pavilion-location,
  main > section.pavilion-photo-grid,
  main > section.pavilion-request,
  main > section.pavilion-contact,
  main > section.wedding-arrangements,
  main > section.wedding-faq,
  main > section.aseal,
  main > section.faq:not(.kb-vragen),
  main > section.impression,
  main > section.occasions,
  main > section.story,
  main > section.kb-sectie,
  main > section.events,
  main > section.restaurant-hospitality,
  main > section.gallery,
  main > section.split-story,
  main > section.event-section,
  main > section.de-austern,
  main > section.de-sektion {
    padding-top: var(--ritme);
    padding-bottom: var(--ritme);
  }

  main > section.faq.kb-vragen,
  main > section.location-practical {
    padding-bottom: var(--ritme);
  }

  main > section.event-dates,
  main > section.event-faq,
  main > section.jobs-highlights,
  main > section.jobs-roles,
  main > section.jobs-route,
  main > section.jobs-contact,
  main > section.region-faq,
  main > section.region-menu,
  main > section.region-story,
  main > section.show-menu {
    padding-top: var(--ritme-klein);
    padding-bottom: var(--ritme-klein);
  }

  /* Gekleurde banden: eigen binnenruimte, minder buitenmarge. */
  main > section.pavilion-reach,
  main > section.event-cta-band,
  main > section.region-route-band,
  main > section.reach,
  main > section.kb-slot {
    padding-top: var(--ritme);
    padding-bottom: var(--ritme);
  }

  main > section.flavour-band,
  main > section.restaurant-flavour-band,
  main > section.jobs-band,
  main > section.event-highlight-band {
    margin-top: var(--ritme-band);
    margin-bottom: var(--ritme-band);
  }

  main > section.event-cta-band,
  main > section.region-route-band {
    margin-top: var(--ritme-band);
  }

  main > section.reach {
    margin-bottom: 0;
  }

  main > section.pavilion-contact-map {
    margin-bottom: var(--ritme);
  }
}

/* Paviljoen: na de zwevende showkaart direct verder. */
main > section.pv1 {
  margin-bottom: 0;
}

main > section.pv1 + section {
  padding-top: var(--ritme-klein);
}

@media (min-width: 861px) {
  /* Binnenblokken van banden en tabellen met dezelfde grote padding. */
  main > section .pavilion-capacity__inner,
  main > section .wedding-why__inner,
  main > section.wedding-dining {
    padding-top: var(--ritme);
    padding-bottom: var(--ritme);
  }
}