/**
 * Hegau24 Navigation
 *
 * @package Hegau24
 */

/* ==========================================================================
   Main navigation
   ========================================================================== */

.hegau-menu {
	display: flex;
	align-items: center;
	gap: 1.5rem;

	margin: 0;
	padding: 0;

	list-style: none;
}

/* ==========================================================================
   Top-level items
   ========================================================================== */

.hegau-menu > li {
	position: relative;

	margin: 0;
	padding: 0;

	list-style: none;
}

.hegau-menu > li > a {
	display: flex;
	align-items: center;

	color: #1f2937;
	text-decoration: none;
	font-weight: 600;

	white-space: nowrap;

	transition: color 0.2s ease;
}

.hegau-menu > li > a:hover,
.hegau-menu > li.current-menu-item > a,
.hegau-menu > li.current-menu-ancestor > a {
	color: #16a34a;
}

/* ==========================================================================
   Submenu
   ========================================================================== */

.hegau-menu .sub-menu {
	position: absolute;
	top: 100%;
	left: 0;

	z-index: 1000;

	display: none;

	min-width: 180px;

	margin: 0;
	padding: 0.5rem 0;

	list-style: none;

	background: #ffffff;
	border-radius: 12px;

	box-shadow: 0 10px 30px rgba(15, 23, 42, 0.12);
}

.hegau-menu .menu-item-has-children:hover > .sub-menu {
	display: block;
}

.hegau-menu .sub-menu li {
	margin: 0;
	padding: 0;

	list-style: none;
}

.hegau-menu .sub-menu a {
	display: block;

	padding: 0.5rem 1rem;

	color: #1f2937;
	text-decoration: none;

	white-space: nowrap;
}

.hegau-menu .sub-menu a:hover {
	color: #16a34a;
	background: #f3f7fb;
}

/* ==========================================================================
   User account submenu
   ========================================================================== */

.hegau-menu .hp-menu--user-account {
	left: auto;
	right: 0;
}

/* ==========================================================================
   Responsive
   ========================================================================== */

@media (max-width: 1100px) {

	.hegau-menu {
		gap: 1rem;
	}

	.hegau-menu > li > a {
		font-size: 14px;
	}

}

@media (max-width: 900px) {

	.hegau-menu {
		display: none;
	}

}