/*
 * FC Adligenswil: Anpassungen fuer Shapely ab Version 1.3 (15.11.2026).
 * Wird nur geladen, wenn das Eltern-Theme Shapely 1.3 oder neuer ist
 * (siehe functions.php). Ziel ist die gleiche Kopfzeile wie mit Shapely 1.1.2.
 */

/* Kopfzeile so breit wie bisher, damit Titel, Menue und Suche auf einer Zeile Platz haben */
@media (min-width: 1200px) {
	#site-navigation .container.nav-bar {
		width: auto;
		max-width: 1310px;
	}
}

#masthead .site-title-container {
	flex-shrink: 0;
}

/* Menue wie bisher: klein, gesperrt und dunkel */
.main-navigation .menu li a {
	font-size: 11px;
	letter-spacing: 1px;
	font-weight: 600;
	color: #0e1015;
}

.main-navigation .menu > li.menu-item-has-children {
	padding-right: 18px;
}

.main-navigation .menu > li.menu-item-has-children::after,
.main-navigation .dropdown::after {
	color: #000;
	font-size: 11px;
	right: 0;
}

.main-navigation .menu li ul li a,
.main-navigation .menu > li > ul li a {
	font-size: 11px;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: 600;
	color: #292929;
}

/* Hauptpunkte behalten beim Darueberfahren ihre Farbe */
.main-navigation .menu > li > a:hover,
.main-navigation .menu > li:hover > a,
.main-navigation .menu > li:focus-within > a {
	color: #0e1015;
}

/* Untermenue: Eintrag beim Darueberfahren gelb hinterlegt mit weisser Schrift */
@media (min-width: 992px) {
	.main-navigation .menu > li > ul li a:hover,
	.main-navigation .menu > li > ul li a:focus,
	.main-navigation .menu > li > ul li:hover > a {
		background-color: #ffc107;
		color: #fff;
	}
}

/* Suche rechts im Menue mit schwarzem Symbol */
#masthead .search-widget-handle {
	padding-left: 15px;
}

#masthead .search-widget-handle .search i {
	color: #000;
}

/* Tablet und Handy */
@media (max-width: 1024px) {
	/* Der Pfeil kommt hier vom Untermenue-Knopf, den zweiten Pfeil ausblenden */
	.main-navigation .menu > li.menu-item-has-children::after,
	.main-navigation .menu > li.menu-item-has-children.dropdown::after {
		display: none;
	}

	.main-navigation .shapely-dropdown {
		border: 0;
		color: #000;
	}
}

@media (max-width: 991px) {
	/* Titel und Menueknopf auf einer Zeile wie bisher, Knopf schwarz */
	#masthead .site-title-container {
		width: auto;
		flex: 1 1 0;
		min-width: 0;
	}

	#masthead .mobile-toggle i {
		color: #000;
	}

	/* Untermenues wie bisher: Grossbuchstaben und eng */
	.main-navigation .menu > li > ul li a {
		text-transform: uppercase;
		font-weight: 600;
		padding-top: 4px;
		padding-bottom: 4px;
		line-height: 16px;
	}

	/* Tiefere Untermenues erst nach Tippen auf den Pfeil zeigen */
	.main-navigation .menu li:focus-within ul.dropdown-menu ul.dropdown-menu:not(.active) {
		display: none !important;
	}

	.main-navigation .menu .dropdown-menu li.menu-item-has-children::after,
	.main-navigation .menu .dropdown-menu li.dropdown::after {
		display: none;
	}
}
