/* =============================================================
   WOMO — Welkom op mijn oprit
   Aanvulling op TT25 basis — bladspiegel wordt door de Site Editor beheerd
   ============================================================= */

/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;600&family=Inter:wght@400;500&display=swap');

/* ── FONTS ─────────────────────────────────────────────────── */
body { font-family: 'Inter', system-ui, sans-serif !important; }
h1, h2, h3, h4, h5 { font-family: 'Outfit', sans-serif !important; font-weight: 600 !important; }

/* ── HEADER ─────────────────────────────────────────────────── */
header.wp-block-template-part {
	position: sticky;
	top: 0;
	z-index: 200;
	background: var(--wp--preset--color--base, white) !important;
	box-shadow: 0 1px 0 rgba(0,0,0,.07);
	transition: box-shadow .25s ease;
}
.admin-bar header.wp-block-template-part {
	top: var(--wp-admin--admin-bar--height, 32px);
}
header.wp-block-template-part .wp-block-group.has-background {
	padding: 0 !important;
}

/* Header inner groep */
.womo-site-header {
	max-width: 1180px;
	margin-inline: auto;
	width: 100%;
	padding-inline: clamp(1.5rem, 4vw, 3rem);
	min-height: 64px;
	padding-block: 0 !important;
	box-sizing: border-box;
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	flex-wrap: nowrap !important;
	gap: 2rem !important;
}

/* Logo */
.womo-site-header .wp-block-site-title a {
	font-family: 'Outfit', sans-serif !important;
	font-weight: 600 !important;
	font-size: 1.25rem !important;
	color: #0d141a !important;
	text-decoration: none !important;
}
.womo-site-header .wp-block-site-title a:hover { color: #5E7C5B !important; }

/* Navigatie */
.womo-site-header .wp-block-navigation__container { gap: 2rem !important; }
.womo-site-header .wp-block-navigation-item__content {
	font-size: .9rem !important;
	font-weight: 400 !important;
	text-transform: none !important;
	padding: 0 !important;
	color: #0d141a !important;
}
.womo-site-header .wp-block-navigation-item__content:hover,
.womo-site-header .current-menu-item .wp-block-navigation-item__content {
	color: #5E7C5B !important;
	text-decoration: none !important;
}

/* ── HOMEPAGE: paginatitel verbergen + witruimte wegnemen ───── */
.home .wp-block-post-title { display: none !important; }
.wp-site-blocks > main {
	margin-block-start: 0 !important;
	margin-top: 0 !important;
}

/* ── HERO hoogte ─────────────────────────────────────────────── */
.wp-block-cover.alignfull { min-height: min(55vh, 580px) !important; }

/* ── Crowdfunding pill ───────────────────────────────────────── */
.womo-pill-geel {
	display: inline-block;
	background: #E8A30E;
	color: #1c1c1c !important;
	font-weight: 600;
	font-size: .85rem;
	padding: .45rem 1.75rem;
	border-radius: 50px;
	text-decoration: none !important;
	margin-bottom: 1.5rem;
}
.womo-pill-geel:hover { opacity: .9; }

/* ── Chessboard ──────────────────────────────────────────────── */
.womo-chess-item {
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	gap: 0 !important;
	margin: 0 !important;
}
.womo-chess-foto {
	min-height: 320px;
	overflow: hidden;
	padding: 0 !important;
}
.womo-chess-foto .wp-block-post-featured-image,
.womo-chess-foto .wp-block-post-featured-image img {
	width: 100%;
	height: 100%;
	min-height: 320px;
	object-fit: cover;
	display: block;
	margin: 0;
}
.womo-chess-tekst {
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	padding: 3rem !important;
}
.wp-block-post-template > li:nth-child(even) .womo-chess-item { direction: rtl; }
.wp-block-post-template > li:nth-child(even) .womo-chess-item > * { direction: ltr; }
.womo-chessboard .wp-block-post-template {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex !important;
	flex-direction: column !important;
	gap: 0 !important;
}
.womo-chessboard .wp-block-post-template > li { margin: 0 !important; }

@media (max-width: 768px) {
	.womo-chess-item { grid-template-columns: 1fr !important; }
	.wp-block-post-template > li:nth-child(even) .womo-chess-item { direction: ltr; }
}

/* ── JetFormBuilder — Bootstrap 5 look ──────────────────────── */
.jet-form-builder-row {
	margin-bottom: 1rem;
}

.jet-form-builder__label-text {
	display: inline-block;
	margin-bottom: 0.5rem;
	font-size: 0.875rem;
	font-weight: 500;
	color: #212529;
}

.jet-form-builder__required {
	color: #dc3545;
	margin-left: 2px;
}

.jet-form-builder__field.text-field {
	display: block;
	width: 100%;
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	background-color: #fff;
	border: 1px solid #ced4da;
	border-radius: 0.375rem;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	box-sizing: border-box;
	outline: none;
}

.jet-form-builder__field.text-field:focus {
	border-color: #86b7fe;
	box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.jet-form-builder__field-label.for-checkbox {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	font-size: 0.9375rem;
	cursor: pointer;
	margin-bottom: 0.375rem;
}

.jet-form-builder__field.checkradio-field {
	width: 1rem;
	height: 1rem;
	margin: 0;
	accent-color: #0d6efd;
	cursor: pointer;
	flex-shrink: 0;
}

.jet-form-builder__action-button.jet-form-builder__submit {
	display: inline-block;
	padding: 0.375rem 1.5rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #fff;
	background-color: #0d6efd;
	border: 1px solid #0d6efd;
	border-radius: 0.375rem;
	cursor: pointer;
	transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
	margin-top: 0.5rem;
}

.jet-form-builder__action-button.jet-form-builder__submit:hover {
	background-color: #0b5ed7;
	border-color: #0a58ca;
}

.jet-form-builder-message--success {
	margin-top: 1rem;
	padding: 0.75rem 1rem;
	background-color: #d1e7dd;
	border: 1px solid #a3cfbb;
	border-radius: 0.375rem;
	color: #0a3622;
	font-size: 0.9375rem;
}