/*
 * 10 — HEADER
 * Alles wat enkel de site-header betreft.
 */

/* Pill-navigatie: witte afgeronde balk die boven de pagina "zweeft". */
.vv-header-pill {
	background: #fff;
	border-radius: 16px;
	box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
	padding: 0.75rem 1.5rem;
}

/* Sitenaam in de pill: handgeschreven accent, zoals het logo op visualvibes.be.
   Zodra de klant een logo krijgt, vervang je het site-title blok door site-logo. */
.vv-header-pill .wp-block-site-title,
.vv-header-pill .wp-block-site-title a {
	font-family: var(--wp--preset--font-family--accent);
	color: var(--wp--preset--color--primary);
	font-size: 1.375rem;
	font-weight: 400;
	text-decoration: none;
}

/* Navigatielinks: strak Montserrat, geen onderlijning. */
.vv-header-pill .wp-block-navigation a {
	font-weight: 500;
	text-decoration: none;
}