/**
 * فذکر — ویجت «مسیر راهنما» (Breadcrumb)
 * سبک و بدون JS؛ سازگار با RTL/LTR، Hello Elementor و Elementor Pro.
 * متغیرها (--fz-bc-*) از کنترل‌های ویجت تنظیم می‌شوند و مقادیر پیش‌فرض همین‌جا هستند.
 */

.fazaker-bc {
	display: flex;
	flex-wrap: nowrap;
	align-items: baseline;
	justify-content: var(--fz-bc-j-ltr, flex-start);
	gap: var(--fz-bc-prefix-gap, 6px);
	box-sizing: border-box;
	min-width: 0;
	max-width: 100%;
	font-size: 14px;
	line-height: 1.6;
	color: #6b7280;
}

[dir="rtl"] .fazaker-bc,
.rtl .fazaker-bc {
	justify-content: var(--fz-bc-j-rtl, flex-start);
}

.fazaker-bc *,
.fazaker-bc *::before,
.fazaker-bc *::after {
	box-sizing: border-box;
}

.fazaker-bc .fazaker-bc__prefix {
	flex: none;
}

/* فهرست: چند خطی (پیش‌فرض)، یا تک‌خطی با اسکرول/کوتاه‌سازی؛ padding منفی‌جبران‌شده جای حلقه فوکوس را در حالت overflow نگه می‌دارد. */
.fazaker-bc .fazaker-bc__list {
	display: flex;
	flex: 0 1 auto;
	flex-wrap: var(--fz-bc-wrap, wrap);
	align-items: center;
	justify-content: var(--fz-bc-lj, var(--fz-bc-j-ltr, flex-start));
	gap: var(--fz-bc-row-gap, 4px) var(--fz-bc-gap, 8px);
	min-width: 0;
	max-width: calc(100% + 2 * var(--fz-bc-pad, 0px));
	margin: calc(-1 * var(--fz-bc-pad, 0px));
	padding: var(--fz-bc-pad, 0px);
	list-style: none;
	overflow-x: var(--fz-bc-ox, visible);
	overflow-y: var(--fz-bc-oy, visible);
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
}

[dir="rtl"] .fazaker-bc .fazaker-bc__list,
.rtl .fazaker-bc .fazaker-bc__list {
	justify-content: var(--fz-bc-lj, var(--fz-bc-j-rtl, flex-start));
}

.fazaker-bc .fazaker-bc__list::-webkit-scrollbar {
	display: none;
}

.fazaker-bc .fazaker-bc__item {
	display: flex;
	flex: 0 var(--fz-bc-shrink, 1) auto;
	align-items: center;
	gap: var(--fz-bc-gap, 8px);
	min-width: 0;
	margin: 0;
	padding: 0;
	white-space: var(--fz-bc-ws, normal);
}

.fazaker-bc .fazaker-bc__item::before,
.fazaker-bc .fazaker-bc__item::after {
	content: none;
}

.fazaker-bc .fazaker-bc__item--home {
	flex-shrink: 0;
}

.fazaker-bc .fazaker-bc__link,
.fazaker-bc .fazaker-bc__text,
.fazaker-bc .fazaker-bc__current {
	display: inline-flex;
	align-items: center;
	gap: var(--fz-bc-icon-gap, 6px);
	min-width: 0;
	max-width: 100%;
	color: inherit;
	text-decoration: none;
}

.fazaker-bc .fazaker-bc__link {
	text-decoration-line: var(--fz-bc-ul, none);
	text-underline-offset: 0.25em;
	transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}

.fazaker-bc .fazaker-bc__link:hover,
.fazaker-bc .fazaker-bc__link:focus-visible {
	color: #0d8a1d;
	text-decoration-line: var(--fz-bc-ul-h, none);
}

.fazaker-bc .fazaker-bc__link:focus-visible,
.fazaker-bc .fazaker-bc__current:focus-visible {
	outline: 2px solid #1e6fb8;
	outline-offset: 2px;
}

.fazaker-bc .fazaker-bc__current,
.fazaker-bc .fazaker-bc__current:hover {
	color: #111827;
	font-weight: 600;
	text-decoration: none;
}

.fazaker-bc .fazaker-bc__name {
	display: block;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: inherit;
	overflow-wrap: anywhere;
}

.fazaker-bc .fazaker-bc__icon {
	display: inline-flex;
	flex: none;
	align-items: center;
	justify-content: center;
	font-size: var(--fz-bc-icon, 1.15em);
	line-height: 1;
}

.fazaker-bc .fazaker-bc__icon svg,
.fazaker-bc .fazaker-bc__sep svg {
	display: block;
	width: 1em;
	height: 1em;
	fill: currentColor;
}

.fazaker-bc .fazaker-bc__icon i,
.fazaker-bc .fazaker-bc__sep i {
	font-size: inherit;
	line-height: 1;
}

.fazaker-bc .fazaker-bc__sep {
	display: inline-flex;
	flex: none;
	align-items: center;
	justify-content: center;
	line-height: 1;
	color: #9ca3af;
	-webkit-user-select: none;
	user-select: none;
}

[dir="rtl"] .fazaker-bc--flip .fazaker-bc__sep > *,
.rtl .fazaker-bc--flip .fazaker-bc__sep > * {
	transform: scaleX(-1);
}

/* متن «خانه» در حالت «فقط آیکن»: پنهان از دید، در دسترس صفحه‌خوان و Schema. */
.fazaker-bc .fazaker-bc__sr {
	position: absolute !important;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}

/* فقط در ویرایشگر المنتور. */
.fazaker-bc-empty {
	padding: 10px 14px;
	border: 1px dashed #c3c4c7;
	border-radius: 6px;
	color: #6b7280;
	font-size: 13px;
	line-height: 1.6;
	text-align: center;
}

@media (prefers-reduced-motion: reduce) {
	.fazaker-bc .fazaker-bc__link {
		transition: none;
	}
}