#primary-menu {
	display: flex;
	gap: 15px;
	list-style: none;
	margin: 0;
	padding: 0;
}
.site-header .menu-item {
    height: 100%;
    display: flex;
}
.site-header .menu-item a {
	color: #2d325a;
	font-family: 'RobotoCondensedBold', sans-serif;
	font-size: 16px;
	font-weight: bold;
	position: relative;
	text-decoration: none;
	transition: color 0.2s;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 112px;
	box-sizing: border-box;
}
.site-header .menu-item a:hover,
.site-header .menu-item a:focus {
	color: rgb(250, 0, 0);
}
.site-header .menu-item a::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 5px;
	background: #2d325a;
	opacity: 0;
	transition: opacity 0.2s, background 0.2s;
}
.site-header .menu-item a:hover::after,
.site-header .menu-item a:focus::after {
	opacity: 1;
	background: #2d325a;
}
.site-header .menu-item.current-menu-item > a::after {
	opacity: 1;
	background: #2d325a;
}
.sub-menu,
.sub-menu li {
    list-style: none;
}
.site-header .menu-item-has-children .sub-menu {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    background: #2d325a;
    min-width: 180px;
    z-index: 100;
    padding: 0;
    margin: 0;
    box-shadow: 0 8px 24px rgba(0,0,0,0.08);
}
.site-header .menu-item-has-children:hover > .sub-menu,
.site-header .menu-item-has-children:focus-within > .sub-menu {
    display: block;
}
.site-header .menu-item-has-children .sub-menu .menu-item a {
    color: #fff;
    background: transparent;
    padding: 12px 20px;
    font-size: 14px;
    font-weight: 500;
    transition: background 0.2s, color 0.2s;
    height: auto;
    display: block;
    border: none;
    box-sizing: border-box;
}
.site-header .menu-item-has-children .sub-menu .menu-item a:hover,
.site-header .menu-item-has-children .sub-menu .menu-item a:focus {
    background: rgb(250, 0, 0);
    color: #fff;
}
.site-header .menu-item-has-children > a {
    cursor: pointer;
}
.site-header .menu-item-has-children {
    position: relative;
}
.site-header .menu-item-has-children .sub-menu {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    background: #2d325a;
    min-width: 170px;
    z-index: 100;
    padding: 10px 0;
    margin: 0;
    box-shadow: 0 8px 24px rgba(0,0,0,0.08);
}
.site-header .menu-item-has-children .sub-menu .menu-item a {
    color: #fff;
    background: transparent;
    padding: 8px 14px;
    font-size: 14px;
    width: 100%;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    transition: background 0.2s, color 0.2s;
    height: auto;
    display: block;
    border: none;
    box-sizing: border-box;
}