/**
 * AGU WPML opposite-language switcher
 * Shortcode: [agu_language_switcher]
 */

.agu-lang-switcher {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2em;
	padding: 0.15em 0.35em;
	font-family: inherit;
	font-size: 1rem;
	font-weight: 600;
	letter-spacing: 0.04em;
	line-height: 1;
	color: #ffffff;
	text-decoration: none;
	text-transform: none;
	border: 1px solid transparent;
	border-radius: 0;
	transition: color 0.2s ease, opacity 0.2s ease, border-color 0.2s ease;
}

.agu-lang-switcher:hover,
.agu-lang-switcher:focus {
	color: rgba(255, 255, 255, 0.3);
	text-decoration: none;
	outline: none;
}

.agu-lang-switcher:focus-visible {
	border-color: rgba(255, 255, 255, 0.6);
	color: #ffffff;
}

/* Arabic letter: slightly larger for visual balance with EN */
.agu-lang-switcher[data-lang="ar"] {
	font-size: 1.15rem;
	font-weight: 700;
	letter-spacing: 0;
}

/* When injected into a WP menu */
.agu-lang-switcher-item {
	list-style: none;
}

.agu-lang-switcher-item .agu-lang-switcher {
	display: inline-flex;
}

/*
| Over dark / transparent header the defaults above apply.
| On light backgrounds (e.g. sticky white bar), override:
|
| .your-light-header .agu-lang-switcher {
|   color: #1a1a1a;
| }
| .your-light-header .agu-lang-switcher:hover {
|   color: rgba(26, 26, 26, 0.45);
| }
*/