/* ARYF i18n — language switcher (globe icon + dropdown) */

.aryf-lang-switcher {
	position: relative;
	display: inline-flex;
	align-items: center;
	font-size: 0.9rem;
	line-height: 1;
	margin-inline-start: 0.5em;
}

/* Toggle button */
.aryf-lang-switcher__toggle {
	display: inline-flex;
	align-items: center;
	gap: 0.4em;
	padding: 0.45em 0.7em;
	background: transparent;
	color: inherit;
	border: 1px solid transparent;
	border-radius: 999px;
	cursor: pointer;
	font: inherit;
	line-height: 1;
	transition: background-color 0.15s ease, border-color 0.15s ease;
}

.aryf-lang-switcher__toggle:hover,
.aryf-lang-switcher__toggle:focus-visible,
.aryf-lang-switcher[data-aryf-lang-open] .aryf-lang-switcher__toggle {
	background-color: rgba(255, 255, 255, 0.08);
	border-color: rgba(255, 255, 255, 0.15);
	outline: none;
}

.aryf-lang-switcher__globe {
	flex: 0 0 auto;
	opacity: 0.9;
}

.aryf-lang-switcher__current {
	white-space: nowrap;
}

.aryf-lang-switcher__chev {
	flex: 0 0 auto;
	opacity: 0.7;
	transition: transform 0.15s ease;
}

.aryf-lang-switcher[data-aryf-lang-open] .aryf-lang-switcher__chev {
	transform: rotate(180deg);
}

/* Dropdown menu */
.aryf-lang-switcher__menu {
	position: absolute;
	top: calc(100% + 6px);
	inset-inline-end: 0;
	min-width: 160px;
	margin: 0;
	padding: 0.35em 0;
	list-style: none;
	background: rgba(15, 18, 30, 0.96);
	color: #fff;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 10px;
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.4);
	z-index: 9999;
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
}

.aryf-lang-switcher__menu[hidden] {
	display: none;
}

.aryf-lang-switcher__menu li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.aryf-lang-switcher__item {
	display: block;
	padding: 0.55em 1em;
	color: inherit;
	text-decoration: none;
	font-size: 0.92rem;
	white-space: nowrap;
	transition: background-color 0.12s ease;
}

.aryf-lang-switcher__item:hover,
.aryf-lang-switcher__item:focus-visible {
	background-color: rgba(255, 255, 255, 0.1);
	color: inherit;
	text-decoration: none;
	outline: none;
}

.aryf-lang-switcher__item.is-current {
	font-weight: 600;
	background-color: rgba(120, 150, 255, 0.12);
}

.aryf-lang-switcher__item.is-current::before {
	content: "";
	display: inline-block;
	width: 6px;
	height: 6px;
	margin-inline-end: 0.55em;
	border-radius: 50%;
	background-color: currentColor;
	vertical-align: middle;
	opacity: 0.85;
}

/* When the switcher lives inside a nav <li>, neutralize inherited link styles */
li.aryf-lang-switcher-item {
	list-style: none;
}
li.aryf-lang-switcher-item > .aryf-lang-switcher {
	display: inline-flex;
}

/* Footer variant — less prominent */
.aryf-lang-switcher-item--footer .aryf-lang-switcher__toggle {
	padding: 0.35em 0.55em;
	font-size: 0.85rem;
}
.aryf-lang-switcher-item--footer .aryf-lang-switcher__menu {
	bottom: calc(100% + 6px);
	top: auto;
}

/* RTL is automatic via logical properties above; nothing extra. */