/* Frog Multilingual — nút đổi ngôn ngữ. Mọi luật khoá trong .fjml-doi để không rơi ra ngoài. */

.fjml-doi.fjml-doi {
	--fjml-ink: #122019;
	--fjml-frog: #0f6b47;
	--fjml-wash: #eef4f1;
	--fjml-line: #d5e0da;
	position: relative;
	display: inline-block;
	max-width: 100%;
	min-width: 0;
	font-family: inherit;
	line-height: 1.35;
	color-scheme: light;
	z-index: 999;
}

.fjml-doi--noi.fjml-doi--noi {
	position: fixed;
	z-index: 2147482000;
}

.fjml-doi--duoi-trai.fjml-doi--duoi-trai {
	left: 16px;
	bottom: 16px;
}

.fjml-doi--duoi-phai.fjml-doi--duoi-phai {
	right: 16px;
	bottom: 16px;
}

.fjml-doi--tren-phai.fjml-doi--tren-phai {
	right: 16px;
	top: 130px;
}

/* Site đã có thanh nổi ở đáy (.fjx-dock bật lớp fjx-bar-up trên body) — nhấc nút lên cho khỏi chồng. */
body.fjx-bar-up .fjml-doi--duoi-trai.fjml-doi--duoi-trai,
body.fjx-bar-up .fjml-doi--duoi-phai.fjml-doi--duoi-phai {
	bottom: 96px;
}

.fjml-doi .fjml-doi__nut {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	height: 42px !important;
	line-height: 42px !important;
	padding: 0 14px !important;
	margin: 0 !important;
	border: 1px solid var(--fjml-line) !important;
	border-radius: 999px !important;
	background: #fff !important;
	color: var(--fjml-ink) !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	white-space: nowrap !important;
	cursor: pointer !important;
	box-shadow: 0 6px 18px rgba(18, 32, 25, .14) !important;
	overflow: hidden !important;
	max-width: 100% !important;
	transition: box-shadow .18s ease;
}

.fjml-doi .fjml-doi__nut:hover,
.fjml-doi .fjml-doi__nut:focus-visible {
	background: #fff !important;
	color: var(--fjml-frog) !important;
	box-shadow: 0 8px 22px rgba(15, 107, 71, .24) !important;
}

.fjml-doi .fjml-doi__qua {
	display: inline-flex !important;
	align-items: center !important;
	color: var(--fjml-frog) !important;
	flex: 0 0 auto !important;
}

.fjml-doi .fjml-doi__ten {
	min-width: 0 !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

.fjml-doi .fjml-doi__mui {
	font-size: 12px !important;
	opacity: .7 !important;
	flex: 0 0 auto !important;
}

.fjml-doi .fjml-doi__ds {
	position: absolute !important;
	left: 0 !important;
	bottom: calc(100% + 8px) !important;
	min-width: 190px !important;
	margin: 0 !important;
	padding: 6px !important;
	list-style: none !important;
	background: #fff !important;
	border: 1px solid var(--fjml-line) !important;
	border-radius: 14px !important;
	box-shadow: 0 14px 34px rgba(18, 32, 25, .18) !important;
	display: none !important;
}

.fjml-doi--tren-phai .fjml-doi__ds {
	bottom: auto !important;
	top: calc(100% + 8px) !important;
}

.fjml-doi--duoi-phai .fjml-doi__ds,
.fjml-doi--tren-phai .fjml-doi__ds {
	left: auto !important;
	right: 0 !important;
}

.fjml-doi.is-mo .fjml-doi__ds {
	display: block !important;
}

.fjml-doi .fjml-doi__ds li {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	min-width: 0 !important;
}

.fjml-doi .fjml-doi__ds li::before,
.fjml-doi .fjml-doi__ds li::marker {
	content: none !important;
}

.fjml-doi .fjml-doi__muc {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	padding: 9px 12px !important;
	border-radius: 10px !important;
	color: var(--fjml-ink) !important;
	background: transparent !important;
	text-decoration: none !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	white-space: normal !important;
	box-shadow: none !important;
	border: 0 !important;
}

.fjml-doi .fjml-doi__muc:hover,
.fjml-doi .fjml-doi__muc:focus-visible {
	background: var(--fjml-wash) !important;
	color: var(--fjml-frog) !important;
	text-decoration: none !important;
}

.fjml-doi .fjml-doi__muc.is-chon {
	background: var(--fjml-wash) !important;
	font-weight: 700 !important;
}

.fjml-doi .fjml-doi__ma {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 30px !important;
	height: 22px !important;
	flex: 0 0 auto !important;
	border-radius: 6px !important;
	background: var(--fjml-wash) !important;
	color: var(--fjml-frog) !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	letter-spacing: .4px !important;
}

.fjml-doi--trong.fjml-doi--trong {
	position: relative;
	vertical-align: middle;
}

@media (hover: none) {
	.fjml-doi .fjml-doi__nut:hover {
		box-shadow: 0 6px 18px rgba(18, 32, 25, .14) !important;
	}
}

@media (max-width: 480px) {
	.fjml-doi--noi.fjml-doi--noi {
		left: 12px;
		right: auto;
		bottom: 12px;
	}

	.fjml-doi--duoi-phai.fjml-doi--duoi-phai {
		left: auto;
		right: 12px;
	}

	.fjml-doi .fjml-doi__nut {
		height: 38px !important;
		line-height: 38px !important;
		padding: 0 12px !important;
		font-size: 13px !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.fjml-doi .fjml-doi__nut {
		transition: none !important;
	}
}