/* JEC Translate — front-end language switcher.
 * Intentionally tiny: loaded only on pages that render the switcher. */

.ject-switch {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	gap: 6px;
	align-items: center;
	font-size: 14px;
	line-height: 1;
}
.ject-switch--dropdown {
	flex-direction: column;
	align-items: stretch;
}
.ject-switch__item a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 10px;
	border-radius: 8px;
	color: inherit;
	text-decoration: none;
	transition: background .15s, color .15s, opacity .15s;
}
.ject-switch__item a:hover {
	background: rgba(21, 179, 164, .12);
}
.ject-switch__item.is-current a {
	background: #15B3A4;
	color: #fff;
	font-weight: 600;
}
.ject-switch__item.is-unavailable a {
	opacity: .45;
}

/* Globe dropdown (JS-free, via <details>/<summary>) */
.ject-globe {
	position: relative;
	display: inline-block;
	font-size: 14px;
}
.ject-globe > summary {
	list-style: none;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 8px 12px;
	border: 1px solid rgba(128, 128, 128, .3);
	border-radius: 999px;
	color: inherit;
	user-select: none;
	transition: background .15s, border-color .15s;
}
.ject-globe > summary::-webkit-details-marker { display: none; }
.ject-globe > summary:hover { border-color: #15B3A4; }
.ject-globe__cur { font-weight: 600; font-size: 13px; }
.ject-globe-icon { flex: none; }
.ject-globe__menu {
	position: absolute;
	right: 0;
	margin: 8px 0 0;
	padding: 6px;
	min-width: 170px;
	list-style: none;
	background: #fff;
	color: #14224C;
	border: 1px solid rgba(20, 34, 76, .12);
	border-radius: 12px;
	box-shadow: 0 12px 32px rgba(20, 34, 76, .16);
	z-index: 9999;
}
.ject-globe[open] > summary { border-color: #15B3A4; }
.ject-globe__menu .ject-switch__item { display: block; }
.ject-globe__menu .ject-switch__item a {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 8px 12px;
	border-radius: 8px;
	color: #14224C;
}
.ject-globe__menu .ject-switch__item.is-current a { background: #15B3A4; color: #fff; }
.ject-globe__menu .ject-switch__item a:hover { background: rgba(21, 179, 164, .12); }

/* Floating site-wide switcher */
.ject-floating {
	position: fixed;
	bottom: 20px;
	z-index: 99990;
}
.ject-floating--br { right: 20px; }
/* Default bottom-left so it doesn't collide with common scroll-to-top buttons. */
.ject-floating--bl { left: 20px; }
.ject-floating .ject-globe > summary {
	background: #14224C;
	color: #fff;
	border-color: transparent;
	box-shadow: 0 8px 24px rgba(20, 34, 76, .28);
}
.ject-floating .ject-globe__menu { bottom: 100%; margin: 0 0 8px; }
.ject-floating--br .ject-globe__menu { right: 0; left: auto; }
.ject-floating--bl .ject-globe__menu { left: 0; right: auto; }

@media (prefers-color-scheme: dark) {
	.ject-globe__menu { background: #111C3D; color: #EAF0F8; border-color: #243366; }
	.ject-globe__menu .ject-switch__item a { color: #EAF0F8; }
}