/* Lettertypen van de brochures, lokaal (11-09-2026). Tot die datum haalde brochure.css
   ze met een @import bij Google Fonts op, waarmee het IP-adres van elke bezoeker naar
   Google ging (AVG). Nu staan de latin-bestanden in assets/fonts/brochure/: Cormorant
   Garamond 300-700 rechtop en cursief (het thema zelf levert alleen 400-700 rechtop) en
   Lato in de vijf varianten die de brochures gebruiken. Sacramento komt uit theme.json.
   scope-css.py laat de Google-@import bij een herbouw voortaan weg. */
/* cormorant-garamond-300-700-italic.woff2, 38 kB */
@font-face {
	font-family: 'Cormorant Garamond';
	font-style: italic;
	font-weight: 300 700;
	font-display: swap;
	src: url('../fonts/brochure/cormorant-garamond-300-700-italic.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cormorant-garamond-300-700-normal.woff2, 36 kB */
@font-face {
	font-family: 'Cormorant Garamond';
	font-style: normal;
	font-weight: 300 700;
	font-display: swap;
	src: url('../fonts/brochure/cormorant-garamond-300-700-normal.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* lato-300-italic.woff2, 17 kB */
@font-face {
	font-family: 'Lato';
	font-style: italic;
	font-weight: 300;
	font-display: swap;
	src: url('../fonts/brochure/lato-300-italic.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* lato-400-italic.woff2, 23 kB */
@font-face {
	font-family: 'Lato';
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url('../fonts/brochure/lato-400-italic.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* lato-300-normal.woff2, 22 kB */
@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url('../fonts/brochure/lato-300-normal.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* lato-400-normal.woff2, 23 kB */
@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('../fonts/brochure/lato-400-normal.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* lato-700-normal.woff2, 22 kB */
@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('../fonts/brochure/lato-700-normal.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* ---------------------------------------------------------------
   Eigen aanpassingen op de brochurepagina's. Staat los van
   brochure.css, want dat bestand wordt gegenereerd uit het concept
   (zie scope-css.py) en gaat bij een herbouw verloren.
   --------------------------------------------------------------- */

/* Op verzoek: de achtergrondkleuren over de volle breedte. In het
   concept staat de brochure in een kolom van 210mm, zodat het beeld
   op het scherm al een A4 is. Bij printen houden we die maat aan,
   op het scherm niet meer. De teksten zelf blijven leesbaar: die
   zitten in .brochure-container met een eigen max-width. */
.lr-brochure .brochure-a4-wrapper {
	max-width: none;
	padding-top: 0;
}

/* De site-header staat er nu boven. De eigen menubalk van de
   brochure mag dus niet meer vastgeplakt aan de bovenkant van het
   scherm hangen, anders schuift hij eroverheen. */
.lr-brochure nav.fixed {
	position: static;
}

/* Bij printen blijft de brochure de brochure: site-header en
   -footer horen niet in de PDF. De eigen menubalk en de knop
   verdwijnen al via de stylesheet uit het concept. */
@media print {
	header.wp-block-template-part,
	footer.wp-block-template-part {
		display: none !important;
	}
}

/* De menubalk van de brochures op 1200px. Het concept hield 1152px
   (max-w-6xl) aan; met het logo eruit is er ruimte voor iets meer.
   Bewust op de balk gericht en niet op .py-3: die klasse komt op
   sommige brochures tot zestien keer voor, ook op knoppen. */
.lr-brochure nav > .py-3 {
	max-width: 1200px;
}

/* De kop op /brochures/voorbereiding/ staat op een donkere hero maar
   miste in het concept een kleurklasse, waardoor hij de donkere
   tekstkleur erfde en wegviel. Op verzoek zuiver wit, niet de
   gebroken witte --primary-foreground die de andere hero's gebruiken. */
.lr-brochure .lr-kop-wit {
	color: #fff;
}

/* Aanvulling 18-09-2026: bedanktpagina's (792, 794, 796).
   brochure.css is een vaste Tailwind-build: er zitten alleen klassen
   in die de oorspronkelijke brochures gebruikten. Voor de
   bedanktpagina's schreef Lotte's Claude twaalf klassen die daar niet
   in staan (de knop uit het site-concept en de maatvoering van de
   foto). Hier aangevuld zoals Tailwind ze zelf schrijft. De volgorde
   telt: eerst de basis, dan sm (640px), dan md (768px). */
.lr-brochure {
	--shadow-soft: 0 20px 60px -26px #0000008c;
}

.lr-brochure .w-48 {
	width: 12rem;
}

.lr-brochure .px-7 {
	padding-left: 1.75rem;
	padding-right: 1.75rem;
}

.lr-brochure .duration-300 {
	transition-duration: .3s;
}

.lr-brochure .shadow-\[var\(--shadow-soft\)\] {
	--tw-shadow: var(--shadow-soft);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.lr-brochure .hover\:-translate-y-0\.5:hover {
	--tw-translate-y: -.125rem;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.lr-brochure .hover\:opacity-95:hover {
	opacity: .95;
}

@media (min-width: 640px) {
	.lr-brochure .sm\:h-14 {
		height: 3.5rem;
	}

	.lr-brochure .sm\:px-8 {
		padding-left: 2rem;
		padding-right: 2rem;
	}

	.lr-brochure .sm\:w-64 {
		width: 16rem;
	}
}

@media (min-width: 768px) {
	.lr-brochure .md\:w-full {
		width: 100%;
	}

	.lr-brochure .md\:mx-0 {
		margin-left: 0;
		margin-right: 0;
	}

	.lr-brochure .md\:max-h-\[320px\] {
		max-height: 320px;
	}
}

/* Geen minimale schermhoogte op de paginawrapper (18-09-2026).
   In het concept was de brochure de hele pagina en vulde
   min-h-screen het venster. Hier staan de Instagram-band en de
   site-footer er nog onder, dus bij een korte pagina (de
   bedanktpagina's) werd het een lege band van honderden pixels
   tussen de brochurefooter en de rest, vooral op een hoog scherm.
   Bewust alleen de wrapper: de klasse staat op elke brochurepagina
   precies een keer, en de lange brochures merken hier niets van. */
.lr-brochure .brochure-a4-wrapper > .min-h-screen {
	min-height: 0;
}

/* Hero van de Welkom- en de trouwbrochure (18-09-2026).
   De Welkom-brochure (246) kwam uit een latere build van het concept
   dan brochure.css. Vijftien klassen uit de hero stonden daar niet
   in, en op 18-09 nam Lotte's Claude dezelfde hero over op de
   trouwbrochure (152). Gevolg, nagemeten: het ronde medaillon onder
   de titel was 0 bij 0 pixels en dus onzichtbaar (geen maat op de
   cirkel en geen maat op de svg), en de band had op desktop 96px
   padding in plaats van 160px. font-heading staat op de kleine
   reviewcitaten: het koplettertype, zoals .brochure-heading.
   Volgorde: basis, dan sm (640px), dan md (768px). */
.lr-brochure .grid-rows-\[0\.7fr_auto_0\.9fr\] {
	grid-template-rows: 0.7fr auto 0.9fr;
}

.lr-brochure .-bottom-14 {
	bottom: -3.5rem;
}

.lr-brochure .w-14 {
	width: 3.5rem;
}

.lr-brochure .h-14 {
	height: 3.5rem;
}

.lr-brochure .w-28 {
	width: 7rem;
}

.lr-brochure .h-28 {
	height: 7rem;
}

.lr-brochure .font-heading {
	font-family: Cormorant Garamond, serif;
}

@media (min-width: 640px) {
	.lr-brochure .sm\:py-32 {
		padding-top: 8rem;
		padding-bottom: 8rem;
	}
}

@media (min-width: 768px) {
	.lr-brochure .md\:py-40 {
		padding-top: 10rem;
		padding-bottom: 10rem;
	}

	.lr-brochure .md\:-bottom-16 {
		bottom: -4rem;
	}

	.lr-brochure .md\:w-16 {
		width: 4rem;
	}

	.lr-brochure .md\:h-16 {
		height: 4rem;
	}

	.lr-brochure .md\:w-32 {
		width: 8rem;
	}

	.lr-brochure .md\:h-32 {
		height: 8rem;
	}
}