/* =========================================================
   HEADER EN HOOFDMENU
   ========================================================= */

/* Header rustiger en compacter */
body.jb-theme .ct-header {
	background: #ffffff;
}

body.jb-theme .ct-header [data-row="middle"] {
	min-height: 76px;
}

/* Logo / sitetitel */
body.jb-theme .site-title {
	font-weight: 800;
	letter-spacing: -0.02em;
}

/* Hoofdmenu */
body.jb-theme .ct-header .menu {
	gap: 0.2rem;
}

body.jb-theme .ct-header .menu > li > a {
	min-height: 44px;
	padding-inline: 0.8rem;
	color: #383e42;
	font-size: 0.88rem;
	font-weight: 750;
	letter-spacing: 0;
	text-transform: none;
}

/* Hover en actieve pagina */
body.jb-theme .ct-header .menu > li > a:hover,
body.jb-theme .ct-header .menu > li.current-menu-item > a,
body.jb-theme .ct-header .menu > li.current-menu-ancestor > a {
	color: #ff8c00;
}

/* Contact als laatste menu-item */
body.jb-theme .ct-header .menu > li:last-child > a {
	min-height: 42px;
	margin-left: 0.5rem;
	padding-inline: 1.1rem;
	border-radius: 8px;
	color: #ffffff;
	background: #ff8c00;
}

body.jb-theme .ct-header .menu > li:last-child > a:hover,
body.jb-theme .ct-header .menu > li:last-child.current-menu-item > a {
	color: #ffffff;
	background: #d97700;
}

/* Dropdownmenu */
body.jb-theme .ct-header .sub-menu {
	min-width: 265px;
	padding: 0.6rem;
	border: 1px solid #e2e5e8;
	border-radius: 10px;
	background: #ffffff;
	box-shadow: 0 18px 45px rgba(32, 36, 40, 0.14);
}

body.jb-theme .ct-header .sub-menu li a {
	padding: 0.75rem 0.9rem;
	border-radius: 7px;
	color: #383e42;
	font-size: 0.88rem;
	font-weight: 650;
}

body.jb-theme .ct-header .sub-menu li a:hover,
body.jb-theme .ct-header .sub-menu li.current-menu-item > a {
	color: #383e42;
	background: rgba(255, 140, 0, 0.11);
}

/* Dropdownpijltje */
body.jb-theme .ct-header .menu > li.menu-item-has-children > a::after {
	margin-left: 0.35rem;
}

/* Zoekicoon iets rustiger */
body.jb-theme .ct-header .ct-search-trigger {
	color: #383e42;
}

body.jb-theme .ct-header .ct-search-trigger:hover {
	color: #ff8c00;
}

/* Mobiel */
@media (max-width: 999px) {
	body.jb-theme .ct-header [data-row="middle"] {
		min-height: 68px;
	}

	body.jb-theme .ct-header .menu > li:last-child > a {
		margin-left: 0;
	}
}