/* Header layout */
.site-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

/* Logo links */
.site-branding {
	flex: 1;
	text-align: left;
}

/* Menu centreren */
.main-navigation {
	flex: 2;
	text-align: center;
}

/* Social icons rechts */
.social-navigation {
	flex: 1;
	text-align: right;
}

/* ECHTE footer full width */
#colophon,
.site-footer {
	background: #0b0b0b !important;
	width: 100vw !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	padding: 60px 0 !important;
}

/* Footer tekstkleur */
#colophon,
#colophon p,
#colophon li,
.site-footer,
.site-footer p,
.site-footer li {
	color: #ffffff !important;
}

/* Gouden titels */
#colophon h2,
#colophon h3,
.site-footer h2,
.site-footer h3 {
	color: #d4af37 !important;
}

/* Inhoud mooi gecentreerd */
#colophon .widget-area,
.site-footer .widget-area {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 30px;
}

/* Geen horizontale scroll */
html, body {
	overflow-x: hidden;
}

.site-footer .wp-block-columns {
	gap: 60px;
}

.site-info {
	display: none !important;
}

/* Header full width */
.site-header,
#masthead {
	width: 100% !important;
	max-width: 100% !important;
	padding-left: 40px !important;
/* ruimte links */
	padding-right: 40px !important;
}

/* Logo iets groter en mooi links */
.site-branding {
	margin-left: 0 !important;
}

/* Facebook icoon groter */
.social-navigation a,
.menu-social a,
.social-links-menu a {
	font-size: 22px !important;
}

/* Facebook icoon groter */
.social-navigation svg,
.menu-social svg,
.social-links-menu svg {
	width: 50px !important;
	height: 50px !important;
}

/* Klikzone iets groter maken */
.social-navigation a,
.menu-social a,
.social-links-menu a {
	padding: 6px !important;
}

/* ====== DROPDOWN MENU - STRAK EN LUXE ====== */
/* container van het submenu */
.main-navigation ul ul,
.primary-navigation ul ul,
#site-navigation ul ul {
	background: #111 !important;
/* donker i.p.v. wit */
	border: 1px solid rgba(255,255,255,.12);
	border-radius: 10px;
	padding: 10px 0;
	margin-top: 10px;
	box-shadow: 0 12px 28px rgba(0,0,0,.35);
	min-width: 220px;
}

/* submenu items */
.main-navigation ul ul li a,
.primary-navigation ul ul li a,
#site-navigation ul ul li a {
	color: #fff !important;
	font-weight: 500;
	padding: 10px 16px !important;
	text-transform: none;
/* geen “schreeuwerig” caps als je dat wil */
	letter-spacing: .2px;
}

/* hover effect */
.main-navigation ul ul li a:hover,
.primary-navigation ul ul li a:hover,
#site-navigation ul ul li a:hover {
	background: rgba(255,255,255,.08) !important;
	color: #C6A75E !important;
/* goud accent */
}

/* haal die "—" streepjes weg (sommige themes zetten die als ::before) */
.main-navigation ul ul li a::before,
.primary-navigation ul ul li a::before,
#site-navigation ul ul li a::before {
	content: "" !important;
	display: none !important;
}

/* kleine “pijltje” bovenaan (optioneel, ziet premium uit) */
.main-navigation ul ul:before,
.primary-navigation ul ul:before,
#site-navigation ul ul:before {
	content: "";
	position: absolute;
	top: -8px;
	left: 22px;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #111;
}

/* Footer kopteksten goud maken */
.site-footer h2,
.site-footer h3,
.site-footer .widget-title {
	color: #C6A75E !important;
}