/* ==========================================================================
   RSC Ermelo – opmaak voor Gutenberg-blokken (voorkant én editor)
   ========================================================================== */
:root {
	--rsc-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");
}

/* ---------- Knoppen (kernblok "Knoppen") ---------- */
.wp-block-buttons { gap: 14px; }
.wp-block-buttons.btn-row { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 8px; }
.wp-block-buttons.btn-row.center, .text-center .wp-block-buttons { justify-content: center; }
.wp-block-button .wp-block-button__link {
	display: inline-flex; align-items: center; justify-content: center; gap: .6em;
	font: inherit; font-weight: 700; font-size: 1rem; line-height: 1.2;
	padding: .9em 1.6em; border-radius: 999px; border: 2px solid transparent;
	text-decoration: none; cursor: pointer;
	background: var(--gold); color: var(--navy); box-shadow: 0 8px 20px -8px rgba(253, 215, 47, .8);
	transition: transform .2s var(--ease), background-color .2s, color .2s, border-color .2s;
}
.wp-block-button .wp-block-button__link:hover { background: var(--gold-soft); color: var(--navy); transform: translateY(-2px); }
.wp-block-button.is-style-navy .wp-block-button__link { background: var(--navy); color: #fff; box-shadow: none; }
.wp-block-button.is-style-navy .wp-block-button__link:hover { background: var(--navy-700); color: #fff; }
.wp-block-button.is-style-ghost .wp-block-button__link { background: rgba(255, 255, 255, .08); color: #fff; border-color: rgba(255, 255, 255, .55); box-shadow: none; backdrop-filter: blur(4px); }
.wp-block-button.is-style-ghost .wp-block-button__link:hover { background: #fff; color: var(--navy); }
.wp-block-button.is-style-outline .wp-block-button__link { background: transparent; color: var(--navy); border: 2px solid var(--navy); box-shadow: none; }
.wp-block-button.is-style-outline .wp-block-button__link:hover { background: var(--navy); color: #fff; }
.wp-block-button.btn-lg .wp-block-button__link { padding: 1.05em 2em; font-size: 1.05rem; }
.wp-block-button.btn-arrow .wp-block-button__link::after,
p.link-arrow a::after {
	content: ""; width: 18px; height: 18px; flex: none; background: currentColor;
	-webkit-mask: var(--rsc-arrow) center / contain no-repeat; mask: var(--rsc-arrow) center / contain no-repeat;
	transition: transform .2s var(--ease);
}
.wp-block-button.btn-arrow .wp-block-button__link:hover::after, p.link-arrow a:hover::after { transform: translateX(4px); }

/* ---------- Pijl-link als alinea ---------- */
p.link-arrow { margin: 0; }
p.link-arrow a { display: inline-flex; align-items: center; gap: .45em; font-weight: 700; color: var(--navy); text-decoration: none; }
p.link-arrow a:hover { text-decoration: underline; }
.service-card p.link-arrow { flex: none; }
.service-card p { margin-bottom: .6em; }
.service-card h3 { margin-bottom: .3em; }

/* ---------- Citaten ---------- */
blockquote.wp-block-quote.pullquote { margin: 28px 0; padding: 4px 0 4px 22px; border: 0; border-left: 5px solid var(--gold); }
blockquote.wp-block-quote.pullquote p { margin: 0; font: inherit; color: inherit; }
blockquote.wp-block-quote.big-quote { margin: 0; padding: 0; border: 0; }
blockquote.wp-block-quote.big-quote p { margin: 0; font: inherit; color: inherit; }

/* ---------- Afbeeldingen & lijsten ---------- */
figure.wp-block-image.photo-frame { margin: 0; }
.wp-block-image.photo-frame img { width: 100%; height: 100%; object-fit: cover; border-radius: 0; box-shadow: none; }
.wp-block-image img { height: auto; }
ul.wp-block-list { list-style: disc; padding-left: 1.4em; display: grid; gap: .5em; margin-bottom: 1em; }
ol.wp-block-list { padding-left: 1.4em; display: grid; gap: .5em; margin-bottom: 1em; }
.wp-block-list li::marker { color: var(--gold-deep); font-weight: 800; }

/* ---------- Secties ---------- */
.section > .container > .wp-block-group:last-child > p:last-child { margin-bottom: 0; }
.section-head .wp-block-group { margin: 0; }
.section-head p.muted { margin: 0; }
.section-head h2 { margin-bottom: .2em; }
.page-blocks > .section:first-child { padding-top: clamp(48px, 7vw, 88px); }
.page-blocks .wp-block-rsc-hero + * { margin-top: 0; }
.past-title { margin-top: 56px; }

/* ---------- Kaart-variant zonder wrapper-margin ---------- */
.info-card > div > h2 { margin-bottom: .15em; }
.info-card > div > p { margin: 0; color: inherit; opacity: .9; }
.info-card h2, .info-card h3 { color: #fff; font-size: 1.3rem; margin: 0 0 .15em; }
.info-card.is-gold h2, .info-card.is-gold h3 { color: var(--navy); }
.sponsor-text > :last-child { margin-bottom: 0; }
.safety-text > h2 { margin-top: 18px; }
.safety-text > p { color: #dedfff; margin: 0; }
.cta-panel .wp-block-buttons { justify-content: center; position: relative; }

/* Sectiekop met gouden streepje (zonder extra HTML in de kop) */
.section-title.with-dash::before { content: ""; display: inline-block; width: 36px; height: 5px; border-radius: 5px; background: var(--gold); flex: none; }

/* WordPress voegt een inner-container toe aan groepen; die moet de layout van de groep niet verstoren. */
.wp-block-group > .wp-block-group__inner-container { display: contents; }