/* ═══════════════════════════════════════════════════════════════
   Gerege i18n — Language Toggle + Font Swap
   ═══════════════════════════════════════════════════════════════ */

/* ─── Language Toggle Button ─── */
.lang-toggle {
	display: flex;
	align-items: center;
	margin-left: 16px;
	cursor: pointer;
}
.lang-btn {
	background: transparent;
	border: 1px solid rgba(255,255,255,0.25);
	color: #fff;
	border-radius: 20px;
	padding: 5px 14px;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.5px;
	cursor: pointer;
	transition: all 0.3s ease;
	font-family: 'Inter', sans-serif;
	display: flex;
	align-items: center;
	gap: 6px;
	white-space: nowrap;
	line-height: 1;
}
.lang-btn:hover {
	background: rgba(123,134,252,0.15);
	border-color: #7B86FC;
	color: #7B86FC;
}
.lang-btn i {
	font-size: 14px;
}

/* ─── Mobile lang toggle inside mobile-menu ─── */
.mobile-lang-toggle {
	display: none;
	padding: 12px 24px;
	border-bottom: 1px solid rgba(255,255,255,0.08);
}
.mobile-lang-toggle .lang-btn {
	width: 100%;
	justify-content: center;
	padding: 10px 16px;
	font-size: 14px;
	border-radius: 8px;
}

@media only screen and (max-width: 1023px) {
	.lang-toggle {
		margin-left: auto;
		margin-right: 12px;
	}
	.mobile-lang-toggle {
		display: block;
	}
}

/* ═══════════════════════════════════════════════════════════════
   Font Swap: Mongolian → Montserrat
   ═══════════════════════════════════════════════════════════════ */

html.lang-mn body,
html.lang-mn p,
html.lang-mn span,
html.lang-mn a,
html.lang-mn li,
html.lang-mn td,
html.lang-mn th,
html.lang-mn label,
html.lang-mn input,
html.lang-mn textarea,
html.lang-mn button,
html.lang-mn select {
	font-family: 'Montserrat', sans-serif;
}

html.lang-mn h1,
html.lang-mn h2,
html.lang-mn h3,
html.lang-mn h4,
html.lang-mn h5,
html.lang-mn h6 {
	font-family: 'Montserrat', sans-serif;
}

/* Navigation */
html.lang-mn .main-header .main-menu .navigation > li > a,
html.lang-mn .main-header .main-menu .navigation > li > a .menu-text {
	font-family: 'Montserrat', sans-serif;
	font-size: 13px;
}
html.lang-mn .main-header .main-menu .navigation > li.dropdown ul li a {
	font-family: 'Montserrat', sans-serif;
	font-size: 12px;
}

/* Section titles */
html.lang-mn .sec-title_heading,
html.lang-mn .page-title_heading {
	font-family: 'Montserrat', sans-serif;
}

/* Service blocks */
html.lang-mn .service-block_one-title,
html.lang-mn .service-block_one-text {
	font-family: 'Montserrat', sans-serif;
}

/* Gallery & cards */
html.lang-mn .gallery-block_one-heading a,
html.lang-mn .gallery-block_one-title {
	font-family: 'Montserrat', sans-serif;
}

/* Awards & testimonials */
html.lang-mn .awards-block_one-title,
html.lang-mn .testimonial-block_one-name {
	font-family: 'Montserrat', sans-serif;
}

/* Counter blocks */
html.lang-mn .counter-block_one-text {
	font-family: 'Montserrat', sans-serif;
}

/* Footer */
html.lang-mn .footer_navs li a,
html.lang-mn .footer_socials li a,
html.lang-mn .footer_copyright,
html.lang-mn .footer-style-one_top h2 {
	font-family: 'Montserrat', sans-serif;
}

/* Buttons */
html.lang-mn .btn-style-one,
html.lang-mn .btn-style-two,
html.lang-mn .view-more {
	font-family: 'Montserrat', sans-serif;
}

/* ─── Preserve brand names (Azonix) ─── */
html.lang-mn .banner-one_heading {
	font-family: 'Azonix', 'Montserrat', sans-serif;
}

/* ─── MedTech specific ─── */
html.lang-mn .medtech-hero-title {
	font-family: 'Montserrat', sans-serif;
}
html.lang-mn .medtech-hero-label,
html.lang-mn .medtech-hero-subtitle,
html.lang-mn .medtech-cap-title,
html.lang-mn .medtech-cap-desc,
html.lang-mn .medtech-cap-header-title,
html.lang-mn .medtech-bento-header-title,
html.lang-mn .medtech-bento-title,
html.lang-mn .medtech-bento-desc,
html.lang-mn .medtech-solutions-header h2,
html.lang-mn .medtech-solution-name,
html.lang-mn .medtech-solution-desc,
html.lang-mn .medtech-solution-category,
html.lang-mn .medtech-cta h2,
html.lang-mn .medtech-cta p {
	font-family: 'Montserrat', sans-serif;
}

/* ─── EdTech specific ─── */
html.lang-mn .edtech-hero-title,
html.lang-mn .edtech-hero-label,
html.lang-mn .edtech-hero-subtitle,
html.lang-mn .edtech-cap-title,
html.lang-mn .edtech-cap-desc {
	font-family: 'Montserrat', sans-serif;
}

/* ─── Product pages ─── */
html.lang-mn .pdp-title,
html.lang-mn .pdp-price,
html.lang-mn .pdp-desc,
html.lang-mn .prod-card-title,
html.lang-mn .prod-card-price,
html.lang-mn .spec-table td,
html.lang-mn .spec-table th {
	font-family: 'Montserrat', sans-serif;
}

/* ─── Mongolian text adjustment ─── */
html.lang-mn .sec-title_heading,
html.lang-mn .page-title_heading {
	word-break: keep-all;
}

/* ─── Clash Display → Montserrat swap for MN ─── */
html.lang-mn [style*="Clash Display"],
html.lang-mn [style*="clash display"] {
	font-family: 'Montserrat', sans-serif !important;
}

/* All Clash Display classes → Montserrat for MN */
html.lang-mn .edtech-hero-title,
html.lang-mn .edtech-cap-header-title,
html.lang-mn .edtech-bento-header-title,
html.lang-mn .edtech-solutions-title,
html.lang-mn .edtech-cta-title,
html.lang-mn .edtech-news-title,
html.lang-mn .edtech-stats-title,
html.lang-mn .hw-spec-val,
html.lang-mn .hw-caps-header h2,
html.lang-mn .hw-cap-card h3,
html.lang-mn .tl-header h2,
html.lang-mn .tl-year,
html.lang-mn .tl-text h3,
html.lang-mn .tl-marker-label,
html.lang-mn .prod-name,
html.lang-mn .prod-bundle-total,
html.lang-mn .pos-login-form-title,
html.lang-mn .medtech-cta-title {
	font-family: 'Montserrat', sans-serif !important;
}

/* Bold (700) → Extra Bold (800) for MN */
html.lang-mn h1, html.lang-mn h2, html.lang-mn h3,
html.lang-mn h4, html.lang-mn h5, html.lang-mn h6 {
	font-weight: 800 !important;
}
html.lang-mn [style*="font-weight:700"],
html.lang-mn [style*="font-weight: 700"] {
	font-weight: 800 !important;
}

/* Footer — medium font for MN */
html.lang-mn .main-footer h2,
html.lang-mn .main-footer h3,
html.lang-mn .main-footer h4,
html.lang-mn .main-footer h5,
html.lang-mn .main-footer h6,
html.lang-mn .main-footer p,
html.lang-mn .main-footer a,
html.lang-mn .main-footer li,
html.lang-mn .main-footer span,
html.lang-mn .footer_navs li a,
html.lang-mn .footer_socials li a,
html.lang-mn .footer_copyright {
	font-weight: 300 !important;
}

/* Slightly reduce hero font for Mongolian (wider characters) */
@media only screen and (max-width: 767px) {
	html.lang-mn .medtech-hero-title {
		font-size: 38px;
	}
	html.lang-mn .edtech-hero-title {
		font-size: 38px;
	}
}