/* ==========================================================================
   افزونه‌ی زبان فرداد — استایل دکمه‌ی تغییر زبان + جعبه‌ی «در حال ترجمه»
   رنگ‌ها از همان متغیرهای CSS قالب (main.css) خوانده می‌شوند تا هم‌رنگ
   بقیه‌ی سایت باشد. اگر متغیرها به هر دلیل موجود نبودند، مقدار پیش‌فرض
   جایگزین می‌شود.
   ========================================================================== */

.fardad-lang-switcher .fardad-lang-current {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.fardad-lang-globe {
	font-size: 15px;
	line-height: 1;
}

.fardad-lang-current-flag,
.fardad-flag {
	font-size: 15px;
	line-height: 1;
}

.fardad-lang-current-label {
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .03em;
}

.fardad-lang-panel {
	min-width: 150px;
}

.fardad-lang-panel .dropdown-link {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
}

.fardad-lang-panel .dropdown-item.is-active .dropdown-link {
	color: var(--amber, #e0b563);
	font-weight: 700;
}

.fardad-lang-panel .dropdown-item.is-active .dropdown-link::after {
	content: '✓';
	font-size: 12px;
}

/* حالت موبایل: منوی زبان داخل منوی کشویی موبایل هم از همین کلاس‌ها استفاده
   می‌کند، فقط کمی فاصله‌ی داخلی مرتب‌تر می‌شود. */
.mobile-menu .fardad-lang-panel {
	margin-inline-start: 12px;
}

/* جعبه‌ی کوچک «در حال ترجمه…» بالای صفحه، هنگام تغییر زبان */
.fardad-lang-toast {
	position: fixed;
	top: 14px;
	left: 50%;
	transform: translateX(-50%) translateY(-12px);
	z-index: 9999;
	background: var(--card, #1a1a1a);
	color: var(--foreground, #fafafa);
	border: 1px solid var(--border, #363330);
	border-radius: 999px;
	padding: 8px 18px;
	font-size: 13px;
	font-weight: 600;
	box-shadow: 0 10px 30px rgba(0,0,0,.4);
	opacity: 0;
	pointer-events: none;
	transition: opacity .25s ease, transform .25s ease;
	display: flex;
	align-items: center;
	gap: 8px;
	font-family: var(--font-sans, sans-serif);
}

.fardad-lang-toast.is-visible {
	opacity: 1;
	transform: translateX(-50%) translateY(0);
}

.fardad-lang-toast .fardad-lang-spinner {
	width: 13px;
	height: 13px;
	border-radius: 50%;
	border: 2px solid rgba(224,181,99,.3);
	border-top-color: var(--amber, #e0b563);
	animation: fardad-lang-spin .8s linear infinite;
	flex-shrink: 0;
}

@keyframes fardad-lang-spin {
	to { transform: rotate(360deg); }
}

/* وقتی زبان صفحه انگلیسی است، جهت باکس toast هم چپ‌به‌راست خواند‌ه‌پذیرتر است */
html[dir="ltr"] .fardad-lang-toast {
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}