/* Koptekst, voettekst en taalwisselaar. Tokens komen uit theme.json. */

/* Logo: 32px op mobiel, 40px vanaf 56rem. Alleen schalen. */
.lex-logo { margin: 0; flex-shrink: 0; }
.lex-logo img { display: block; height: 2rem !important; width: auto !important; }
@media (min-width: 56rem) {
	.lex-logo--kop img { height: 2.5rem !important; }
}
.lex-logo a { display: inline-block; }

/* Koptekst */
.lex-kop__rechts { gap: var(--wp--preset--spacing--30); }
.lex-nav-hoofd .current-menu-item > a,
.lex-nav-hoofd .current-menu-ancestor > a {
	font-weight: 700;
	text-decoration: underline;
	text-decoration-color: var(--wp--preset--color--oranje);
	text-decoration-thickness: 4px;
	text-underline-offset: 0.35em;
}
.lex-nav-hoofd .wp-block-navigation-item__content { display: inline-flex; align-items: center; }
.lex-nav-hoofd .wp-block-navigation__responsive-container-open,
.lex-nav-hoofd .wp-block-navigation__responsive-container-close {
	font-family: var(--wp--preset--font-family--kop);
	font-weight: 600;
	align-items: center;
	justify-content: center;
}
/* Overlaymenu op klein scherm: marge rondom, links uitgelijnd, items 44px hoog, lijn ertussen. */
.lex-nav-hoofd .wp-block-navigation__responsive-container.is-menu-open {
	padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--40) var(--wp--preset--spacing--50);
}
.lex-nav-hoofd .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
	padding-top: var(--wp--preset--spacing--50);
	align-items: stretch;
}
.lex-nav-hoofd .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
	width: 100%;
	gap: 0;
	align-items: stretch;
	justify-content: flex-start;
}
.lex-nav-hoofd .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
	width: 100%;
	border-bottom: 1px solid var(--wp--preset--color--lijn);
	justify-content: flex-start;
}
.lex-nav-hoofd .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
	width: 100%;
	padding: 0.75rem 0;
	font-size: var(--wp--preset--font-size--large);
}
.lex-nav-hoofd .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:focus-visible {
	outline-offset: 2px;
}

/* Taalwisselaar (Polylang-blok) */
.lex-taalwissel { list-style: none; margin: 0; padding: 0; display: flex; gap: var(--wp--preset--spacing--20); }
.lex-taalwissel a {
	display: inline-flex;
	align-items: center;
	min-height: var(--wp--custom--doelgebied);
	font-family: var(--wp--preset--font-family--kop);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
}

/* Voettekst */
.lex-voet { font-family: var(--wp--preset--font-family--kop); font-size: var(--wp--preset--font-size--small); }
.lex-voet__kop { font-family: var(--wp--preset--font-family--kop); font-weight: 700; line-height: 1.3; color: inherit; margin-top: var(--wp--preset--spacing--40); margin-bottom: var(--wp--preset--spacing--20); letter-spacing: 0.04em; text-transform: uppercase; }
.lex-voet__adres { font-style: normal; line-height: 1.6; }
.lex-voet a { text-decoration: underline; text-underline-offset: 0.2em; }
.lex-voet .wp-block-navigation { gap: 0; }
.lex-voet .wp-block-navigation-item__content { display: inline-flex; align-items: center; min-height: var(--wp--custom--doelgebied); }
.lex-voet .wp-block-navigation .wp-block-navigation-item__content { text-decoration: underline; }
.lex-voet :where(a,button):focus-visible { outline-color: var(--wp--custom--focus--kleur-donker); }
.lex-voet__onderregel { margin-top: var(--wp--preset--spacing--50); padding-top: var(--wp--preset--spacing--30); border-top: 1px solid rgb(255 255 255 / 0.25); }

/* Hero */
.lex-hero__kop { max-width: 20ch; }

/* Portret (Over Guido) */
.lex-portret { margin: 0; }
.lex-portret img { display: block; max-width: 100%; height: auto; }

/* Huisstijl 2017: zwarte voettekst met een strook paars raster erboven (ontwerpnotitie v2, 7.12). */
.lex-voet { position: relative; padding-top: calc(2 * var(--wp--custom--raster--afstand) + var(--wp--preset--spacing--50)) !important; }
.lex-voet::before {
	content: "";
	position: absolute;
	inset: 0 0 auto 0;
	height: calc(2 * var(--wp--custom--raster--afstand));
	background-image: radial-gradient(circle at center, var(--wp--preset--color--paars) calc(var(--wp--custom--raster--afstand) * 0.2), transparent calc(var(--wp--custom--raster--afstand) * 0.2 + 0.5px));
	background-size: var(--wp--custom--raster--afstand) var(--wp--custom--raster--afstand);
	pointer-events: none;
}
.lex-voet a:where(:not(.wp-element-button)):hover,
.lex-voet .wp-block-navigation a:hover { color: var(--wp--preset--color--oranje) !important; }
.lex-voet__adres, .lex-voet__onderregel { color: var(--wp--preset--color--vlak); }
.lex-voet__onderregel { border-top-color: #333333; }
.lex-voet__kop { letter-spacing: 0.06em; }

/* Koptekst: dunne lijn eronder, menuknop als witte pil met zwarte rand. */
.lex-kop { border-bottom: 1px solid var(--wp--preset--color--lijn); }
.lex-nav-hoofd .wp-block-navigation__responsive-container-open {
	border: 2px solid var(--wp--preset--color--zwart);
	border-radius: 999px;
	padding: 0 1rem;
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--zwart);
}

/* Alleen voor schermlezers, bijvoorbeeld "(opent in nieuw venster)" bij externe links. */
.lex-sr {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* Voettekst, Apple-eenvoud (27-09-2026): één rij logo en links, daaronder klein de bedrijfsgegevens. */
.lex-voet__boven { gap: var(--wp--preset--spacing--40); }
.lex-voet .lex-nav-voet { gap: 0 var(--wp--preset--spacing--40) !important; }
.lex-voet .lex-nav-voet .wp-block-navigation-item__content { text-decoration: none !important; font-weight: 600; }
.lex-voet .lex-nav-voet--klein .wp-block-navigation-item__content { font-weight: 400; color: var(--wp--preset--color--vlak) !important; }
.lex-voet__onder { margin-top: var(--wp--preset--spacing--40); padding-top: var(--wp--preset--spacing--30); border-top: 1px solid #333333; gap: var(--wp--preset--spacing--30); }
.lex-voet__onder .lex-voet__adres { font-size: 0.8125rem; line-height: 1.8; color: var(--wp--preset--color--vlak); opacity: 0.8; }
.lex-voet__onder .lex-voet__adres a { color: inherit; }