/*
Theme Name: Nachtje in de Kerk
Theme URI: https://nachtjeindekerk.nl
Template: twentytwentyfive
Author: Nachtje in de Kerk
Description: Child-thema van Twenty Twenty-Five in de huisstijl van Nachtje in de Kerk (2014): Pantone 2955, kerkblauw, zand en brons; Newsreader en Source Sans 3, lokaal geladen.
Version: 0.1.0
Requires at least: 6.7
Text Domain: nidk
*/

/* ---------- algemeen ---------- */
body { -webkit-font-smoothing: antialiased; }
::selection { background: #99B3CB; color: #003C69; }
.wp-site-blocks > main { margin-block-start: 0; }

/* label tussen rechte haken, zoals op de visitekaartjes */
.nidk-label {
	font-size: 0.8rem;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #94713A;
	margin-bottom: 0;
}
.nidk-label + * { margin-top: 0.6rem; }

/* zandkleurig balkje langs een tekstblok */
.nidk-balk { border-left: 3px solid #B5AB94; padding-left: 1.25rem; }

/* ---------- header ---------- */
.nidk-header {
	position: sticky;
	top: 0;
	z-index: 50;
	border-bottom: 1px solid #E2E8EE;
}
.admin-bar .nidk-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .nidk-header { top: 46px; } }
.nidk-header .wp-block-image img { display: block; }
.nidk-header .wp-block-navigation a { text-decoration: none; }
.nidk-header .wp-block-navigation a:hover { color: #00527D; }

/* ---------- hero ---------- */
.nidk-hero .wp-block-cover__inner-container { max-width: 1200px; }
.nidk-hero h1 { color: #fff; max-width: 15ch; }
.nidk-hero p { max-width: 46ch; }
.nidk-hero .nidk-label { color: #EEEBE4; }
.is-style-outline-wit .wp-block-button__link,
.wp-block-button.nidk-knop-licht .wp-block-button__link {
	background: transparent;
	color: #fff;
	border: 1.5px solid rgba(255,255,255,.8);
}

/* ---------- boekbalk (plaats voor de module van het boekingssysteem) ---------- */
.nidk-boekbalk {
	background: #fff;
	border: 1px solid #E2E8EE;
	border-left: 4px solid #00527D;
	box-shadow: 0 10px 30px rgba(0, 60, 105, 0.10);
}
.nidk-boekbalk .nidk-plaats {
	border: 1px dashed #99B3CB;
	color: #4A5A68;
	background: #F3F5F7;
}
.nidk-usps { color: #4A5A68; }
.nidk-usps p::before { content: "✓ "; color: #94713A; font-weight: 700; }

/* ---------- kaarten ---------- */
.nidk-kaart {
	background: #fff;
	border: 1px solid #E2E8EE;
	height: 100%;
	overflow: hidden;
}
.nidk-kaart .wp-block-image { margin: 0; }
.nidk-kaart .wp-block-image img {
	aspect-ratio: 4 / 3;
	object-fit: cover;
	width: 100%;
	height: auto;
}
.nidk-kaart h3 a { text-decoration: none; color: inherit; }
.nidk-kaart .nidk-prijs strong { font-family: Newsreader, Georgia, serif; font-size: 1.5rem; font-weight: 500; color: #003C69; }
.nidk-feiten { color: #5B6873; }

/* foto's met vaste verhouding */
.nidk-foto img { aspect-ratio: 3 / 2; object-fit: cover; width: 100%; height: auto; }
.nidk-foto-hoog img { aspect-ratio: 4 / 5; object-fit: cover; width: 100%; height: auto; }

/* ---------- direct boeken ---------- */
.nidk-usp .wp-block-image img { width: 44px; height: 44px; }

/* ---------- belevingstegels ---------- */
.nidk-tegel { min-height: 340px; }
.nidk-tegel .nidk-label { color: #EEEBE4; }
.nidk-tegel h3 { color: #fff; }

/* ---------- reviews ---------- */
.nidk-review {
	background: #fff;
	border-top: 3px solid #B5AB94;
}
.nidk-review .nidk-plaatshouder { color: #7A8690; font-style: italic; }

/* ---------- instagram ---------- */
.nidk-insta .wp-block-image img { aspect-ratio: 1 / 1; object-fit: cover; width: 100%; height: auto; }
.nidk-insta .wp-block-image { margin: 0; }

/* ---------- footer ---------- */
.nidk-footer a { color: #fff; text-decoration: none; }
.nidk-footer a:hover { text-decoration: underline; }
.nidk-footer h4 { color: #EEEBE4; font-family: "Source Sans 3", sans-serif; font-size: 0.8rem; letter-spacing: 0.14em; text-transform: uppercase; font-weight: 600; }
.nidk-footer p { margin: 0.2rem 0; }
.nidk-footer .nidk-onder { border-top: 1px solid rgba(255,255,255,.18); color: #99B3CB; }

/* ---------- kamerpagina ---------- */
.nidk-boekblok {
	background: #F3F5F7;
	border-top: 4px solid #00527D;
	position: sticky;
	top: 110px;
}
.nidk-boekblok .nidk-plaats { border: 1px dashed #99B3CB; background: #fff; color: #4A5A68; }

/* ---------- mobiel ---------- */
@media (max-width: 781px) {
	.nidk-hero { min-height: 520px !important; }
	.nidk-boekblok { position: static; }
	.nidk-header .wp-block-buttons { display: none; }
}