/* Scharifi Mobil-Header 1.0.1
   Gilt nur unterhalb von 1025 px (Elementor-Tablet-Grenze), dort zeigt der Header seine Mobil-Zeile.
   Desktop bleibt unverändert. */

@media (max-width: 1024px) {

	/* 1. Sprachwahl aus der Kopfzeile nehmen (steht jetzt im Menü) */
	.elementor-location-header .elementor-element-28b7f51,
	.elementor-location-header .elementor-element-3702e8e {
		display: none !important;
	}

	/* 2. Rechte Gruppe in einer Zeile: Suche und Menü-Knopf nebeneinander, mittig zum Logo */
	.elementor-location-header .elementor-element-bac6fb7,
	.elementor-location-header .elementor-element-e7f1f0a {
		flex-wrap: nowrap !important;
		align-items: center !important;
		align-content: center !important;
		gap: 20px !important;
		width: auto !important;
		flex: 0 0 auto !important;
	}
	.elementor-location-header .elementor-element-935db13,
	.elementor-location-header .elementor-element-08e0bff {
		flex: 1 1 auto !important;
		min-width: 0 !important;
		width: auto !important;
	}
	.elementor-location-header .elementor-element-935c451 > .e-con-inner,
	.elementor-location-header .elementor-element-0604a4a > .e-con-inner {
		flex-wrap: nowrap !important;
		align-items: center !important;
	}

	/* 3. Menü-Knopf: ganze runde Fläche (45 px) tippbar, nicht nur das Symbol in der Mitte */
	.elementor-location-header .elementor-element-1016ef2 .elementor-menu-toggle,
	.elementor-location-header .elementor-element-6d7bcb6 .elementor-menu-toggle {
		position: relative;
	}
	.elementor-location-header .elementor-element-1016ef2 .elementor-menu-toggle::after,
	.elementor-location-header .elementor-element-6d7bcb6 .elementor-menu-toggle::after {
		content: "";
		position: absolute;
		inset: -9px;
		border-radius: 50%;
	}

	/* 4. Bisherige eingeklappte Sprachzeile unten im Menü ausblenden (ersetzt durch die Leiste oben) */
	.elementor-location-header .elementor-nav-menu--burger nav.elementor-nav-menu--dropdown > ul > li.wpml-ls-item {
		display: none !important;
	}

	/* 5. Sprachleiste oben im Menü */
	.elementor-location-header nav.elementor-nav-menu--dropdown li.sch-mh-sprachen {
		padding: 14px 26px 16px;
	}
	.elementor-location-header nav.elementor-nav-menu--dropdown .sch-mh-sprachen__liste {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 8px;
	}
	.elementor-location-header nav.elementor-nav-menu--dropdown a.sch-mh-sprachen__link {
		display: flex !important;
		align-items: center;
		justify-content: flex-start;
		gap: 10px;
		min-height: 48px;
		padding: 0 14px !important;
		margin: 0 !important;
		border: 1px solid rgba(27, 42, 65, 0.14);
		border-radius: 12px;
		background: rgba(255, 255, 255, 0.55) !important;
		color: var(--e-global-color-vamtam_accent_1, #1B2A41) !important;
		font-size: 15px !important;
		font-weight: 500 !important;
		line-height: 1.2 !important;
		text-decoration: none !important;
		white-space: nowrap;
		transition: background-color 150ms ease, border-color 150ms ease;
	}
	.elementor-location-header nav.elementor-nav-menu--dropdown a.sch-mh-sprachen__link:active {
		background: rgba(175, 138, 73, 0.10) !important;
	}
	@media (hover: hover) and (pointer: fine) {
		.elementor-location-header nav.elementor-nav-menu--dropdown a.sch-mh-sprachen__link:hover {
			background: rgba(175, 138, 73, 0.08) !important;
		}
	}
	/* Aktuelle Sprache farbig hinterlegt mit Goldrand */
	.elementor-location-header nav.elementor-nav-menu--dropdown a.sch-mh-sprachen__link.is-aktuell {
		background: rgba(175, 138, 73, 0.14) !important;
		border-color: #AF8A49;
		font-weight: 600 !important;
	}
	.elementor-location-header nav.elementor-nav-menu--dropdown .sch-mh-sprachen__flagge {
		flex: 0 0 auto;
		width: 24px;
		height: 18px;
		border-radius: 3px;
		object-fit: cover;
		box-shadow: 0 0 0 1px rgba(27, 42, 65, 0.08);
	}
	.elementor-location-header nav.elementor-nav-menu--dropdown .sch-mh-sprachen__name {
		overflow: hidden;
		text-overflow: ellipsis;
	}
}

/* Ab Tablet-Breite alle vier Sprachen in einer Reihe */
@media (min-width: 600px) and (max-width: 1024px) {
	.elementor-location-header nav.elementor-nav-menu--dropdown .sch-mh-sprachen__liste {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}