/* Floating language switcher — replaces the GTranslate widget.
   One tap toggles English / العربية; the choice is remembered in a cookie. */

.alw-lang {
	position: fixed;
	z-index: 9998;
	inset-block-end: 18px;
	inset-inline-end: 18px;
	display: inline-flex;
	gap: 2px;
	padding: 3px;
	background: #fff;
	border: 2px solid #1c1c1c;
	border-radius: 999px;
	box-shadow: 3px 3px 0 rgba(0, 0, 0, .18);
	font-family: system-ui, -apple-system, "Segoe UI", Tahoma, sans-serif;
}

.alw-lang__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.2em;
	padding: .4em .85em;
	border-radius: 999px;
	text-decoration: none;
	color: #1c1c1c;
	font-size: .9rem;
	font-weight: 700;
	line-height: 1;
	transition: background .15s ease, color .15s ease;
}

.alw-lang__btn:hover {
	background: #f0eae0;
}

.alw-lang__btn.is-active {
	background: #1c1c1c;
	color: #fff;
}

.alw-lang__btn.is-active:hover {
	background: #1c1c1c;
}

/* keep the pill compact: the short code (EN / ع) is enough */
.alw-lang__label {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

@media (max-width: 600px) {
	.alw-lang {
		inset-block-end: 12px;
		inset-inline-end: 12px;
	}
}