/* HH Tours Multilingual — language switcher.
   Fixed to the top-right of the viewport so it never alters the existing
   header's own markup or layout, and never overlaps the WhatsApp chat
   bubble (anchored bottom-left by the WP WhatsApp Chat Pro plugin). */

.hh-ml-switcher {
	position: fixed;
	top: 14px;
	right: 16px;
	z-index: 99000;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.2;
}

body.admin-bar .hh-ml-switcher {
	top: 46px;
}

@media screen and (max-width: 782px) {
	body.admin-bar .hh-ml-switcher {
		top: 60px;
	}
}

/* ---- Desktop: button + dropdown list ---- */

.hh-ml-desktop {
	position: relative;
	display: block;
}

.hh-ml-btn {
	display: flex;
	align-items: center;
	gap: 6px;
	background: #19331b;
	color: #faf9f0;
	border: 1px solid rgba(250, 249, 240, 0.25);
	border-radius: 999px;
	padding: 8px 14px;
	cursor: pointer;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.18);
	font-weight: 600;
	transition: background-color 0.15s ease;
}

.hh-ml-btn:hover,
.hh-ml-btn:focus-visible {
	background: #234526;
}

.hh-ml-caret {
	width: 8px;
	height: 8px;
	border-right: 2px solid #e9b520;
	border-bottom: 2px solid #e9b520;
	transform: rotate(45deg);
	margin-top: -3px;
}

.hh-ml-list {
	position: absolute;
	top: calc(100% + 8px);
	right: 0;
	margin: 0;
	padding: 6px;
	list-style: none;
	background: #faf9f0;
	border-radius: 12px;
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.22);
	min-width: 160px;
}

.hh-ml-list[hidden] {
	display: none;
}

.hh-ml-link {
	display: block;
	padding: 8px 12px;
	border-radius: 8px;
	color: #19331b;
	text-decoration: none;
	font-weight: 500;
}

.hh-ml-link:hover,
.hh-ml-link:focus-visible {
	background: rgba(233, 181, 32, 0.18);
}

.hh-ml-link.is-active {
	background: #e9b520;
	color: #19331b;
	font-weight: 700;
}

/* ---- Mobile: compact native select ---- */

.hh-ml-mobile {
	display: none;
}

.hh-ml-select {
	appearance: none;
	-webkit-appearance: none;
	background: #19331b url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23e9b520'/%3E%3C/svg%3E") no-repeat right 12px center;
	color: #faf9f0;
	border: 1px solid rgba(250, 249, 240, 0.25);
	border-radius: 999px;
	padding: 8px 30px 8px 14px;
	font-weight: 600;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.18);
	max-width: 42vw;
}

.hh-ml-sr {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

@media screen and (max-width: 600px) {
	.hh-ml-switcher {
		top: 10px;
		right: 10px;
	}
	.hh-ml-desktop {
		display: none;
	}
	.hh-ml-mobile {
		display: block;
	}
}