/* Language switch — loaded on every page, in both languages. */
.on-lang-switch {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 40px;
	padding: .35rem .85rem;
	border: 1px solid #25d3c1;
	border-radius: 999px;
	color: #f5f9fc;
	font-size: .85rem;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
	white-space: nowrap;   /* "العربية" must never break across two lines */
}

.on-lang-switch:hover,
.on-lang-switch:focus-visible {
	background: #25d3c1;
	color: #071522;
}

.on-lang-switch__short { display: none; }

/* On phones the header carries logo + menu + switch + CTA: use the short label. */
@media (max-width: 781px) {
	/* Measured at 390px: anything wider than ~30px pushes the header past the viewport. */
	.on-lang-switch { padding: .25rem .5rem; min-height: 34px; min-width: 0; flex: 0 0 auto; }
	.on-lang-switch__long { display: none; }
	.on-lang-switch__short { display: inline; font-size: .95rem; }
}