/*--------------------------------------------------------------
# Block pages
--------------------------------------------------------------*/

/* Core blocks placed directly on a page get the regular container width */
.entry-content--blocks > :not([class*="wp-block-colvenier-"]):not(.alignfull) {
  width: 100%;
  max-width: 1440px;
  padding-right: var(--space-column);
  padding-left: var(--space-column);
  margin-right: auto;
  margin-left: auto;
}

main#primary .entry-content--blocks > .c-section:first-child {
  margin-top: var(--space-60);
}

/*
 * Core blocks placed between our sections behave as one implicit section: the
 * first one of a run gets section spacing above, the last one below. Vertical
 * margins collapse, so next to a .c-section this never doubles up.
 */
.entry-content--blocks > :not([class*="wp-block-colvenier-"]):first-child,
.entry-content--blocks > [class*="wp-block-colvenier-"] + :not([class*="wp-block-colvenier-"]) {
  margin-top: var(--space-120);
}

.entry-content--blocks > :not([class*="wp-block-colvenier-"]):last-child,
.entry-content--blocks > :not([class*="wp-block-colvenier-"]):has(+ [class*="wp-block-colvenier-"]) {
  margin-bottom: var(--space-120);
}

/*--------------------------------------------------------------
# Buttons
--------------------------------------------------------------*/

.wp-block-buttons {
  gap: var(--space-10);
}

.wp-block-button .wp-block-button__link {
  background: var(--color-brand);
  border: 2px solid var(--color-brand);
  border-radius: var(--space-20);
  color: var(--color-brand-text);
  padding: var(--space-10) var(--space-30);
  transition: all 0.35s ease;
  line-height: var(--leading-normal);
  font-family: var(--typeface-secondary);
  font-weight: var(--weight-500);
  font-size: inherit;
  text-decoration: none;
}

.wp-block-button .wp-block-button__link:hover,
.wp-block-button .wp-block-button__link:focus,
.wp-block-button .wp-block-button__link:active {
  background: none;
  color: var(--color-brand);
}

.wp-block-button.is-style-alt .wp-block-button__link {
  background: none;
  color: var(--color-text);
}

.wp-block-button.is-style-alt .wp-block-button__link:hover,
.wp-block-button.is-style-alt .wp-block-button__link:focus,
.wp-block-button.is-style-alt .wp-block-button__link:active {
  background: var(--color-brand);
  color: var(--color-brand-text);
}

* + .wp-block-buttons {
  margin-top: var(--space-30);
}

.section-hero.tc .wp-block-buttons {
  justify-content: center;
}

@media(min-width:992.01px) {
  .section-cta .wp-block-buttons {
    justify-content: center;
  }
}

/*--------------------------------------------------------------
# Sections
--------------------------------------------------------------*/

.section-generic .wp-block-columns {
  justify-content: space-between;
  gap: var(--space-40);
  margin-bottom: 0;
}

.section-generic .wp-block-column > *:last-child {
  margin-bottom: 0;
}

.section-generic .wp-block-embed,
.section-generic .wp-block-html {
  margin-top: var(--space-30);
}

.info-reservatie-banner {
  margin-bottom: var(--space-30);
}

.section-cta .section-sp {
  margin-top: var(--space-40);
}

/* The theme gives every div[class^="wp-block-"] a bottom margin, not wanted inside our blocks */
.section-hero .wp-block-buttons,
[class*="wp-block-colvenier-"] .wp-block-buttons:last-child,
div[class^="wp-block-colvenier-"]:not(.c-section) {
  margin-bottom: 0;
}

.section-generic .wp-block-column:not(:first-child) {
  margin-left: 0;
}

main#primary .entry-content--blocks .c-section.section-action {
  margin: 0;
}