/**
 * CFT Language Switcher - Figma design implementation
 * Design: pill switch, active=blue, inactive=transparent
 */

.cft-language-switcher {
	display: inline-flex;
	align-items: stretch;
	background: rgba(210, 212, 214, 0.6);
	border-radius: 12px;
	overflow: hidden;
	width: fit-content;
}

.cft-language-switcher__segment {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 58px;
	padding: 12px 20px;
	font-family: "IBM Plex Sans", sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	letter-spacing: 0.005em;
	text-decoration: none;
	color: var(--cft-main-black, #171313);
	opacity: 0.5;
	transition: background 0.25s ease, color 0.25s ease, opacity 0.25s ease;
	cursor: pointer;
	border: none;
	background: transparent;
}

.cft-language-switcher__segment:first-child {
	border-radius: 12px 0 0 12px;
}

.cft-language-switcher__segment:last-child {
	border-radius: 0 12px 12px 0;
}

.cft-language-switcher__segment.is-active {
	border-radius: 12px;
	background: var(--cft-primary-blue, #163763);
	color: var(--cft-main-white, #fff);
	opacity: 1;
	cursor: default;
	pointer-events: none;
}

.cft-language-switcher__segment:not(.is-active):hover {
	opacity: 0.75;
}

/* Disabled/loading state until page reload */
.cft-language-switcher.is-loading {
	pointer-events: none;
	opacity: 0.6;
}

.cft-language-switcher.is-loading .cft-language-switcher__segment:not(.is-active) {
	cursor: wait;
}