/*
 * APC Menü – Übergangslösung für das bisherige Coaching-Theme.
 * Desktop: keine doppelten Pfeile, Untermenü als dunkles Glas mit feinen Linien.
 * Handy:   ein sauberer Pfeil, Unterpunkte klappen direkt darunter auf (zusammen mit menu.js).
 */

/* Doppelte Pfeile des Themes am Desktop ausblenden */
@media (min-width: 1025px) {
	#masthead .navbar-nav > li > .icon-toggle,
	#masthead .navbar-nav > li > .thim-ekits-menu__icon { display: none !important; }
}

/* Untermenü: dunkles, leicht durchscheinendes Glas wie der Header */
@media (min-width: 1025px) {
	#masthead .navbar-nav > li > .sub-menu {
		min-width: 0 !important;
		width: max-content !important;
		max-width: 340px;
		margin-top: 0 !important;
		padding: 6px 22px !important;
		background: rgba(28, 28, 30, 0.78) !important;
		-webkit-backdrop-filter: saturate(180%) blur(20px);
		backdrop-filter: saturate(180%) blur(20px);
		border: 1px solid rgba(255, 255, 255, 0.08) !important;
		border-radius: 0 0 14px 14px !important;
		box-shadow: 0 18px 40px rgba(0, 0, 0, 0.35) !important;
		text-align: left !important;
	}
	#masthead .navbar-nav > li > .sub-menu > li {
		display: block !important;
		margin: 0 !important;
		padding: 0 !important;
		background: none !important;
		border: 0 !important;
		border-bottom: 1px solid rgba(255, 255, 255, 0.10) !important;
	}
	#masthead .navbar-nav > li > .sub-menu > li:last-child { border-bottom: 0 !important; }
	#masthead .navbar-nav > li > .sub-menu > li::before,
	#masthead .navbar-nav > li > .sub-menu > li::after,
	#masthead .navbar-nav > li > .sub-menu > li > a::before,
	#masthead .navbar-nav > li > .sub-menu > li > a::after { display: none !important; }
	#masthead .navbar-nav > li > .sub-menu > li > a {
		display: block !important;
		margin: 0 !important;
		padding: 13px 0 !important;
		background: none !important;
		border: 0 !important;
		color: rgba(245, 245, 247, 0.82) !important;
		font-size: 15px !important;
		font-weight: 400 !important;
		line-height: 1.3 !important;
		letter-spacing: -0.01em;
		text-transform: none !important;
		text-decoration: none !important;
		white-space: nowrap;
		transition: color 0.2s ease;
	}
	#masthead .navbar-nav > li > .sub-menu > li > a:hover { color: #ffffff !important; }
}

/* ===== Mobiles Menü: Unterpunkte aufklappen, ein sauberer Pfeil ===== */
@media (max-width: 1024px) {
	/* doppelte und dreifache Pfeile entfernen, nur einer bleibt */
	.mobile-menu-container li > .thim-ekits-menu__icon,
	.mobile-menu-container li > .icon-toggle ~ .icon-toggle { display: none !important; }
	.mobile-menu-container .icon-menu-back { display: none !important; }

	.mobile-menu-container li.menu-item-has-children { position: relative !important; }
	.mobile-menu-container li.menu-item-has-children > a { padding-right: 52px !important; }

	/* Hauptpunkte hell und klar, Unterpunkte etwas leiser */
	.mobile-menu-container > ul > li > a:not([href*="erstgespraech"]) {
		color: #f5f5f7 !important;
	}
	.mobile-menu-container > ul > li > a {
		padding-top: 12px !important;
		padding-bottom: 12px !important;
		font-size: 17px !important;
		font-weight: 600 !important;
		line-height: 1.25 !important;
	}

	/* Pfeil: großes Tippfeld, feiner Winkel, dreht sich beim Öffnen */
	.mobile-menu-container li > .icon-toggle {
		position: absolute !important;
		top: 0 !important;
		right: 0 !important;
		display: flex !important;
		align-items: center;
		justify-content: center;
		width: 48px !important;
		height: 48px !important;
		cursor: pointer;
		-webkit-tap-highlight-color: transparent;
	}
	.mobile-menu-container li > .icon-toggle i { display: none !important; }
	.mobile-menu-container li > .icon-toggle::after {
		content: "" !important;
		display: block !important;
		position: static !important;
		width: 8px;
		height: 8px;
		border-right: 1.5px solid rgba(245, 245, 247, 0.75);
		border-bottom: 1.5px solid rgba(245, 245, 247, 0.75);
		transform: translateY(-2px) rotate(45deg);
		transition: transform 0.25s ease;
	}
	.mobile-menu-container li.show-sub-menu > .icon-toggle::after { transform: translateY(2px) rotate(-135deg); }

	/* Unterpunkte klappen direkt unter dem Hauptpunkt auf */
	.mobile-menu-container li > .sub-menu {
		position: static !important;
		display: none !important;
		width: auto !important;
		height: auto !important;
		margin: 0 0 8px !important;
		padding: 2px 0 2px 16px !important;
		background: none !important;
		border: 0 !important;
		border-left: 1px solid rgba(255, 255, 255, 0.12) !important;
		box-shadow: none !important;
		transform: none !important;
		visibility: visible !important;
		opacity: 1 !important;
	}
	.mobile-menu-container li.show-sub-menu > .sub-menu { display: block !important; }
	.mobile-menu-container li > .sub-menu > li { border: 0 !important; background: none !important; }
	.mobile-menu-container li > .sub-menu > li > a:not([href*="erfolgscodex"]) { color: rgba(245, 245, 247, 0.72) !important; }
	.mobile-menu-container li > .sub-menu > li > a {
		padding: 9px 0 !important;
		font-weight: 400 !important;
		font-size: 15px !important;
		line-height: 1.3 !important;
	}
}