/**
 * NJGT front-end huisstijl-polish: hero, kaarten, stappen en CTA-band.
 * Site-breed ingeladen (zie branding.php) zodat de openbare pagina's er
 * afgewerkt/premium uitzien bovenop de Global Styles.
 */

/* ---- Eyebrow / kicker boven koppen (met rode 'golfbal'-stip, knipoog naar het logo) ---- */
.njgt-eyebrow {
	display: inline-block;
	font-family: "Manrope", sans-serif;
	font-weight: 700;
	font-size: 0.82rem;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #2E8B38;
	margin: 0 0 0.6rem;
}
.njgt-eyebrow::before {
	content: "";
	display: inline-block;
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 999px;
	background: #E2231A;
	margin-right: 0.5rem;
	vertical-align: middle;
	position: relative;
	top: -0.08em;
}

/* ---- Hero ---- */
.njgt-hero {
	position: relative;
	overflow: hidden;
	background: linear-gradient(135deg, #0F3D2A 0%, #1B5E20 55%, #237A2A 100%);
}
.njgt-hero::after {
	content: "";
	position: absolute;
	inset: 0;
	background:
		radial-gradient(60% 80% at 85% -10%, rgba(255, 255, 255, 0.14), transparent 60%),
		radial-gradient(50% 70% at 5% 110%, rgba(255, 255, 255, 0.10), transparent 60%);
	pointer-events: none;
}
.njgt-hero > * {
	position: relative;
	z-index: 1;
}
.njgt-hero .njgt-eyebrow {
	color: #CDE8CF;
}
.njgt-hero h1 {
	margin: 0 0 0.5rem;
	overflow-wrap: break-word;
	word-break: break-word;
	hyphens: auto;
}
.njgt-hero p {
	opacity: 0.92;
}

/* ---- Kaarten ---- */
.njgt-card {
	background: #FFFFFF;
	border: 1px solid #E7ECE6 !important;
	border-radius: 16px !important;
	box-shadow: 0 1px 2px rgba(20, 36, 26, 0.04), 0 12px 30px -18px rgba(20, 36, 26, 0.30);
	transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
	position: relative;
}
.njgt-card::before {
	content: "";
	position: absolute;
	top: 0;
	left: 24px;
	right: 24px;
	height: 3px;
	border-radius: 0 0 3px 3px;
	background: linear-gradient(90deg, #1B5E20, #E2231A);
	opacity: 0;
	transition: opacity 0.18s ease;
}
.njgt-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 4px 8px rgba(20, 36, 26, 0.06), 0 24px 48px -22px rgba(20, 36, 26, 0.40);
	border-color: #D5E0D2 !important;
}
.njgt-card:hover::before {
	opacity: 1;
}
.njgt-card h3 {
	margin-top: 0;
}
.njgt-card .njgt-cardlink a {
	font-family: "Manrope", sans-serif;
	font-weight: 700;
	text-decoration: none;
}
.njgt-card .njgt-cardlink a:hover {
	text-decoration: underline;
}

/* ---- Stappen (hoe werkt het) ---- */
.njgt-step {
	position: relative;
	padding-top: 0.25rem;
}
.njgt-step .njgt-step-num {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.6rem;
	height: 2.6rem;
	border-radius: 999px;
	background: #EAF1E7;
	color: #1B5E20;
	font-family: "Fraunces", Georgia, serif;
	font-weight: 700;
	font-size: 1.25rem;
	margin-bottom: 0.75rem;
}

/* ---- CTA-band ---- */
.njgt-cta {
	background: var(--njgt-ceramic, #ECEAE2);
	border-radius: 22px;
}

/* ---- Knop (solide groen, o.a. contactformulier) ---- */
.njgt-knop {
	display: inline-block;
	padding: 0.85rem 1.6rem;
	font-family: inherit;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.2;
	color: #FFFFFF;
	background: var(--njgt-green, #1B5E20);
	border: none;
	border-radius: var(--njgt-radius-pill, 999px);
	cursor: pointer;
	transition: background 0.2s ease, transform 0.12s ease, box-shadow 0.2s ease;
	box-shadow: 0 2px 6px rgba(27, 94, 32, 0.25);
}
.njgt-knop:hover {
	background: var(--njgt-green-house, #14331B);
	box-shadow: 0 4px 12px rgba(27, 94, 32, 0.3);
}
.njgt-knop:active {
	transform: scale(0.95);
}
.njgt-knop:focus-visible {
	outline: 3px solid rgba(27, 94, 32, 0.35);
	outline-offset: 2px;
}

/* iets ruimere koppen in secties */
.njgt-section-head h2 {
	margin-bottom: 0.4rem;
}

/* ---- Inschrijfformulier ---- */
.njgt-form {
	max-width: 760px;
	margin: 0 auto;
}
.njgt-form .njgt-fieldset {
	background: #FFFFFF;
	border: 1px solid #E7ECE6;
	border-radius: 16px;
	box-shadow: 0 1px 2px rgba(20, 36, 26, 0.04), 0 12px 30px -20px rgba(20, 36, 26, 0.28);
	padding: 1.5rem 1.6rem 1.7rem;
	margin: 0 0 1.5rem;
}
.njgt-form legend {
	font-family: "Fraunces", Georgia, serif;
	font-weight: 600;
	font-size: 1.3rem;
	color: #14241A;
	padding: 0;
	margin-bottom: 0.4rem;
	line-height: 1.2;
}
.njgt-form legend::after {
	content: "";
	display: block;
	width: 2.4rem;
	height: 3px;
	margin-top: 0.55rem;
	border-radius: 3px;
	background: linear-gradient(90deg, #1B5E20, #E2231A);
}
.njgt-form .njgt-deelnemer legend {
	font-size: 1.12rem;
}
.njgt-form p {
	margin: 0 0 0.9rem;
}
.njgt-form label {
	font-family: "Manrope", sans-serif;
	font-weight: 600;
	font-size: 0.92rem;
	color: #2C3A31;
	display: block;
}
.njgt-form input[type="text"],
.njgt-form input[type="email"],
.njgt-form input[type="date"],
.njgt-form textarea,
.njgt-form select {
	width: 100%;
	max-width: 100%;
	margin-top: 0.3rem;
	padding: 0.7rem 0.85rem;
	font-family: "Manrope", sans-serif;
	font-size: 1rem;
	font-weight: 400;
	color: #17271D;
	background: #FBFCFA;
	border: 1px solid #D5DED1;
	border-radius: 10px;
	box-sizing: border-box;
	transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}
.njgt-form textarea {
	min-height: 9rem;
	resize: vertical;
	line-height: 1.55;
}
.njgt-form input:focus,
.njgt-form textarea:focus,
.njgt-form select:focus {
	outline: none;
	border-color: #1B5E20;
	background: #FFFFFF;
	box-shadow: 0 0 0 3px rgba(27, 94, 32, 0.15);
}
.njgt-form .njgt-marker-hint {
	font-size: 0.85rem;
	color: #6B7A70;
	margin-top: -0.3rem;
}
.njgt-form .njgt-marker-slot {
	margin-top: 1rem;
	padding-top: 1rem;
	border-top: 1px dashed #E0E7DC;
}
.njgt-form .njgt-marker-slot:first-of-type {
	border-top: none;
	padding-top: 0;
}
.njgt-form .njgt-marker-label {
	font-family: "Manrope", sans-serif;
	color: #1B5E20;
	margin: 0 0 0.4rem;
}

/* GSN-zoekregel boven de deelnemervelden */
.njgt-gsn-zoek {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: 0.75rem;
	margin-bottom: 0.4rem;
}
.njgt-gsn-veld {
	flex: 1 1 14rem;
	margin: 0 !important;
}
.njgt-zoek-knop {
	font-family: "Manrope", sans-serif;
	font-weight: 700;
	font-size: 0.95rem;
	color: #1B5E20;
	background: #EAF1E7;
	border: 1px solid #CBE0C8;
	border-radius: 999px;
	padding: 0.7rem 1.4rem;
	cursor: pointer;
	white-space: nowrap;
	transition: background 0.15s ease, border-color 0.15s ease;
}
.njgt-zoek-knop:hover {
	background: #DCEAD7;
	border-color: #B6D4B2;
}
.njgt-zoek-knop:disabled {
	opacity: 0.6;
	cursor: default;
}
.njgt-zoek-status {
	flex: 1 1 100%;
	font-family: "Manrope", sans-serif;
	font-size: 0.88rem;
	color: #5B6A60;
	min-height: 1.1em;
}
.njgt-zoek-status.is-ok {
	color: #1B5E20;
	font-weight: 600;
}
.njgt-zoek-status.is-err {
	color: #B3261E;
}
.njgt-deelnemer-velden {
	margin-top: 1rem;
	padding-top: 1rem;
	border-top: 1px dashed #E0E7DC;
}
.njgt-add-wrap {
	max-width: 760px;
	margin: -0.5rem auto 1.75rem;
}
.njgt-add-deelnemer {
	font-family: "Manrope", sans-serif;
	font-weight: 700;
	font-size: 0.98rem;
	color: #1B5E20;
	background: transparent;
	border: 1.5px dashed #B6D4B2;
	border-radius: 12px;
	padding: 0.85rem 1.4rem;
	width: 100%;
	cursor: pointer;
	transition: background 0.15s ease, border-color 0.15s ease;
}
.njgt-add-deelnemer:hover {
	background: #F1F7EF;
	border-color: #1B5E20;
}
.njgt-submit {
	display: inline-block;
	font-family: "Manrope", sans-serif;
	font-weight: 700;
	font-size: 1.02rem;
	color: #FFFFFF;
	background: #1B5E20;
	border: none;
	border-radius: 999px;
	padding: 0.9rem 2.2rem;
	cursor: pointer;
	transition: background 0.15s ease, transform 0.15s ease;
}
.njgt-submit:hover {
	background: #14471A;
	transform: translateY(-1px);
}
.njgt-submit:active {
	background: #0F3D2A;
	transform: none;
}

/* Meldingen (succes / fout) */
.njgt-melding {
	max-width: 760px;
	margin: 0 auto 1.5rem;
	padding: 1.1rem 1.3rem;
	border-radius: 14px;
	font-family: "Manrope", sans-serif;
}
.njgt-melding p {
	margin: 0.4rem 0 0;
}
.njgt-melding--ok {
	background: #EAF5EC;
	border: 1px solid #BFE0C6;
	color: #14471A;
}
.njgt-melding--err {
	background: #FCEDEC;
	border: 1px solid #F3C6C2;
	color: #8A2018;
}
.njgt-melding--err ul {
	margin: 0.5rem 0 0;
	padding-left: 1.2rem;
}

/* ---- Contactpagina: gebalanceerde, brede twee-koloms layout ---- */
.njgt-contact-cols {
	max-width: 1100px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	width: 100%;
}
@media (min-width: 782px) {
	.njgt-contact-cols {
		display: flex;
		flex-wrap: nowrap;
		gap: 3rem;
		align-items: flex-start;
	}
	.njgt-contact-cols > .wp-block-column:first-child {
		flex: 0 0 38%;
	}
	.njgt-contact-cols > .wp-block-column:last-child {
		flex: 1 1 0;
	}
}
.njgt-contact-cols .njgt-form {
	max-width: 100%;
}

/* ---- Brede secties: zorg dat alignwide echt breed is en kolommen naast elkaar blijven ---- */
.wp-block-group.alignwide,
.wp-block-columns.alignwide {
	max-width: var(--wp--style--global--wide-size, 1200px);
	margin-left: auto;
	margin-right: auto;
}
@media (min-width: 782px) {
	.wp-block-columns.alignwide:not(.njgt-contact-cols) {
		flex-wrap: nowrap;
	}
}

/* ---- Footer ---- */
.njgt-footer {
	color: #ffffff;
}
.njgt-footer h2,
.njgt-footer h3 {
	color: #ffffff;
}
.njgt-footer .njgt-eyebrow {
	color: #CDE8CF;
}
.njgt-footer__brand {
	font-family: "Fraunces", Georgia, serif;
	font-size: 1.7rem;
	line-height: 1.15;
	margin: 0.2rem 0 0.8rem;
}
.njgt-footer p {
	color: rgba(255, 255, 255, 0.78);
}
.njgt-footer h3 {
	margin: 0 0 0.7rem;
}
.njgt-footer__links {
	list-style: none;
	margin: 0;
	padding: 0;
}
.njgt-footer__links li {
	margin: 0 0 0.45rem;
}
.njgt-footer a {
	color: rgba(255, 255, 255, 0.82);
	text-decoration: none;
}
.njgt-footer a:hover {
	color: #ffffff;
	text-decoration: underline;
}
.njgt-footer__mail {
	margin-top: 1rem;
	font-weight: 700;
}
.njgt-footer__mail a {
	color: #fff;
}
.njgt-footer__bottom {
	margin-top: 2.5rem;
	padding-top: 1.4rem;
	border-top: 1px solid rgba(255, 255, 255, 0.16);
}
.njgt-footer__bottom p {
	margin: 0;
	color: rgba(255, 255, 255, 0.6);
}

/* ---- Footer: social + mobiel ---- */
.njgt-footer__social {
	margin-top: 1.2rem;
}
.njgt-footer__social .wp-social-link,
.njgt-footer__social .wp-social-link a,
.njgt-footer__social svg {
	color: #ffffff;
	fill: #ffffff;
}
.njgt-footer__bottom p {
	font-size: 0.85rem;
}
@media (max-width: 781px) {
	.njgt-footer__nav {
		display: none !important;
	}
}

/* ---- Nieuws ---- */
.njgt-nieuws-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	gap: 1.6rem;
	margin: 1.5rem 0;
}
.njgt-nieuws-card {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	padding: 0 !important;
}
.njgt-nieuws-card__img {
	display: block;
	height: 180px;
	background-size: cover;
	background-position: center;
	background-color: #EAF1E7;
}
.njgt-nieuws-card__body {
	padding: 1.3rem 1.4rem 1.5rem;
}
.njgt-nieuws-card__date {
	margin: 0 0 0.3rem;
	font-family: "Manrope", sans-serif;
	font-size: 0.8rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #2E8B38;
}
.njgt-nieuws-card__titel {
	margin: 0 0 0.5rem;
	font-size: 1.2rem;
	line-height: 1.25;
}
.njgt-nieuws-card__titel a {
	color: #14241A;
	text-decoration: none;
}
.njgt-nieuws-card__titel a:hover { color: #1B5E20; }
.njgt-nieuws-card__excerpt {
	margin: 0 0 0.9rem;
	color: #4A5750;
	font-size: 0.96rem;
	line-height: 1.55;
}

/* ---- Clublogo's ---- */
.njgt-clublogo {
	width: 26px;
	height: 26px;
	object-fit: contain;
	border-radius: 5px;
	vertical-align: middle;
	background: #fff;
}
.njgt-club-cel {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
}
.njgt-kal__logowrap {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	margin-right: 0.4rem;
}
.njgt-kal__logo {
	width: 38px;
	height: 38px;
	object-fit: contain;
	border-radius: 7px;
	background: #fff;
}

/* ===================== Header / menu ===================== */
/* Clean crème header in huisstijl. Sticky op gewone pagina's; op de homepage
   scrollt 'ie mee met de hero (niet sticky) zodat de bal er niet onder verdwijnt. */
.wp-site-blocks > header.wp-block-template-part {
	position: sticky;
	top: 0;
	z-index: 100;
}
.njgt-header {
	background: #F5F3EC !important;
	border-bottom: 1px solid rgba(20, 40, 25, 0.10) !important;
	box-shadow: 0 6px 18px -16px rgba(20, 40, 25, 0.5);
	margin: 0 !important;
}

/* ---- Homepage: transparante header OVER de hero — één groen geheel, geen lijn ---- */
body.home .wp-site-blocks > header.wp-block-template-part {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 50;
	background: transparent;
}
body.home .njgt-header {
	background: transparent !important;
	border-bottom: none !important;
	box-shadow: none !important;
}
body.home .njgt-header .wp-block-site-logo img,
body.home .njgt-header .custom-logo {
	filter: brightness(0) invert(1);
}
body.home .njgt-header .wp-block-navigation a,
body.home .njgt-header .wp-block-navigation .wp-block-navigation-item__content,
body.home .njgt-header .wp-block-navigation__container a {
	color: #ffffff !important;
}
body.home .njgt-header .wp-block-navigation a:hover,
body.home .njgt-header .wp-block-navigation .wp-block-navigation-item__content:hover {
	color: #D6E8D6 !important;
}
body.home .njgt-header .wp-block-navigation__submenu-icon,
body.home .njgt-header .wp-block-navigation .wp-block-navigation-submenu__toggle svg {
	fill: #ffffff !important;
}
body.home .njgt-header .wp-block-navigation__responsive-container-open {
	color: #ffffff !important;
}
body.home .njgt-header .wp-block-navigation__responsive-container-open svg {
	fill: #ffffff !important;
}
/* Submenu-dropdown én mobiel uitklapmenu hebben een lichte achtergrond:
   daar de links donkergroen houden (anders wit-op-wit = onzichtbaar). */
body.home .njgt-header .wp-block-navigation__submenu-container a,
body.home .njgt-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content,
body.home .njgt-header .wp-block-navigation__responsive-container.is-menu-open a,
body.home .njgt-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
	color: #1B5E20 !important;
}
body.home .njgt-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-icon,
body.home .njgt-header .wp-block-navigation__responsive-container-close svg {
	fill: #1B5E20 !important;
}
/* Normale tekstgrootte in het mobiele uitklapmenu */
.njgt-header .wp-block-navigation__responsive-container.is-menu-open a,
.njgt-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
	font-size: 1.1rem;
}

/* Hero begint helemaal bovenaan (geen crème-strook onder de transparante header). */
main { margin-top: 0 !important; }
body.home main > .wp-block-group:first-child,
body.home .njgt-herowrap { margin-top: 0 !important; }
/* Content-pagina's: ook de eerste blokken tegen de bovenkant, zodat de groene
   band onder de vaste header begint en er geen crème/witte strook boven verschijnt. */
body:not(.home) main > .wp-block-post-content,
body:not(.home) .wp-block-post-content > .njgt-hero:first-child { margin-top: 0 !important; }
.njgt-header .wp-block-site-logo img,
.njgt-header .custom-logo {
	width: 140px !important;
	max-width: 42vw;
	height: auto !important;
}
/* Menu-links: merkgroen en leesbaar */
.njgt-header .wp-block-navigation {
	font-family: "Manrope", sans-serif;
	font-size: 1rem;
	font-weight: 600;
}
.njgt-header .wp-block-navigation a,
.njgt-header .wp-block-navigation .wp-block-navigation-item__content,
.njgt-header .wp-block-navigation__container a {
	color: #1B5E20 !important;
}
.njgt-header .wp-block-navigation a:hover,
.njgt-header .wp-block-navigation .wp-block-navigation-item__content:hover {
	color: #14331B !important;
}
.njgt-header .wp-block-navigation__submenu-icon,
.njgt-header .wp-block-navigation .wp-block-navigation-submenu__toggle svg { fill: #1B5E20; }
/* Hamburger: groen en zichtbaar op crème */
.njgt-header .wp-block-navigation__responsive-container-open {
	color: #1B5E20 !important;
}
.njgt-header .wp-block-navigation__responsive-container-open svg {
	fill: #1B5E20 !important;
	width: 30px;
	height: 30px;
}
/* Mobiel uitklapmenu: standaard licht, normale tekstgrootte (niet enorm groot) */
.njgt-header .wp-block-navigation__responsive-container.is-menu-open a,
.njgt-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
	font-size: 1.1rem;
}

@media (max-width: 781px) {
	.njgt-header .wp-block-site-logo img,
	.njgt-header .custom-logo { width: 112px !important; }
}

/* ===== Kolom-rijen niet in de smalle leesbreedte (645px) persen ===== */
/* Wrapper-groepen die kolommen bevatten verbreden naar de 'wide'-maat... */
.wp-block-group.is-layout-constrained:not(.alignfull):not(.alignwide):has(> .wp-block-columns) {
	max-width: var(--wp--style--global--wide-size, 1300px) !important;
}
/* ...en de kolommen zelf laten meegroeien (i.p.v. content-size cap). */
.is-layout-constrained > .wp-block-columns:not(.alignfull) {
	max-width: var(--wp--style--global--wide-size, 1300px) !important;
}

/* ===== Content-pagina's: header transparant over de groene band, solide bij scrollen ===== */
body:not(.home) .wp-site-blocks > header.wp-block-template-part {
	position: fixed;
	top: 0; left: 0; right: 0;
	z-index: 100;
}
/* eerste groene band onder de vaste header laten beginnen (ruimte voor de menubalk) */
body:not(.home) .wp-block-post-content > .njgt-hero {
	padding-top: calc(var(--wp--preset--spacing--80) + 52px) !important;
}
/* Transparante staat (header ligt over de groene band) */
.njgt-header.is-transparent {
	background: transparent !important;
	border-bottom: none !important;
	box-shadow: none !important;
}
.njgt-header.is-transparent .wp-block-site-logo img,
.njgt-header.is-transparent .custom-logo {
	filter: brightness(0) invert(1);
}
.njgt-header.is-transparent .wp-block-navigation a,
.njgt-header.is-transparent .wp-block-navigation .wp-block-navigation-item__content,
.njgt-header.is-transparent .wp-block-navigation__container a {
	color: #ffffff !important;
}
.njgt-header.is-transparent .wp-block-navigation a:hover {
	color: #D6E8D6 !important;
}
.njgt-header.is-transparent .wp-block-navigation__submenu-icon,
.njgt-header.is-transparent .wp-block-navigation .wp-block-navigation-submenu__toggle svg {
	fill: #ffffff !important;
}
.njgt-header.is-transparent .wp-block-navigation__responsive-container-open svg {
	fill: #ffffff !important;
}
/* Dropdown + mobiel uitklapmenu hebben een lichte achtergrond: daar links donkergroen houden */
.njgt-header.is-transparent .wp-block-navigation__submenu-container a,
.njgt-header.is-transparent .wp-block-navigation__submenu-container .wp-block-navigation-item__content,
.njgt-header.is-transparent .wp-block-navigation__responsive-container.is-menu-open a,
.njgt-header.is-transparent .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
	color: #1B5E20 !important;
}

/* ===== Menu eerder inklappen naar hamburger (t/m tablet & telefoon-landscape) =====
   Voorkomt dat de horizontale balk over twee regels valt of over de tekst loopt. */
@media (max-width: 1100px) {
	.njgt-header .wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: flex !important;
	}
	.njgt-header .wp-block-navigation:not(.has-modal-open) .wp-block-navigation__responsive-container:not(.is-menu-open) {
		display: none !important;
	}
}

/* ===== Inschrijfformulier: vergrendelde (bekende) gegevens + extra-marker-knop ===== */
.njgt-form .is-locked {
	background: #F1F4EF !important;
	color: #5B6A60 !important;
	border-style: dashed !important;
	cursor: not-allowed;
}
.njgt-lock-note {
	background: #EAF1E7;
	border: 1px solid #CBE0C8;
	border-radius: 10px;
	padding: 0.6rem 0.85rem;
	font-size: 0.9rem;
	line-height: 1.45;
	color: #2C3A31;
	margin: 0 0 1rem;
}
.njgt-lock-note a {
	color: #1B5E20;
	font-weight: 700;
}
.njgt-add-marker-wrap {
	margin: 0.75rem 0 0;
}
.njgt-add-marker {
	font-family: "Manrope", sans-serif;
	font-weight: 700;
	font-size: 0.95rem;
	color: #1B5E20;
	background: #EAF1E7;
	border: 1px solid #CBE0C8;
	border-radius: 999px;
	padding: 0.55rem 1.2rem;
	cursor: pointer;
	transition: background 0.15s ease, border-color 0.15s ease;
}
.njgt-add-marker:hover {
	background: #DCEAD7;
	border-color: #B6D4B2;
}

/* ===== Pagina's zonder groene hero-band (bv. een los nieuwsbericht, archief, zoeken) =====
   Daar zou de vaste header over de titel vallen. Laat de header er gewoon meelopen
   (niet vast) en geef de inhoud wat lucht, zodat de titel netjes ónder de menubalk staat. */
body:not(.home) .wp-site-blocks:not(:has(.wp-block-post-content .njgt-hero)) > header.wp-block-template-part {
	position: static !important;
}
body:not(.home) .wp-site-blocks:not(:has(.wp-block-post-content .njgt-hero)) > main {
	padding-top: 2rem !important;
}