/* ── TOF Breadcrumbs Widget ───────────────────────────────────────────────────
 *
 * Base layout only — colors, typography, and sizes are controlled via
 * Elementor's generated CSS (selectors on each control).
 * ─────────────────────────────────────────────────────────────────────────── */

.tof-breadcrumbs {
	display: block;
}

.tof-breadcrumbs__list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	list-style: none;
	margin: 0;
	padding: 0;
}

.tof-breadcrumbs__item,
.tof-breadcrumbs__sep {
	display: flex;
	align-items: center;
	line-height: 1.4;
}

.tof-breadcrumbs__link {
	text-decoration: none;
	transition: color 200ms ease;
}

.tof-breadcrumbs__link:hover {
	text-decoration: underline;
}

/* Separator */
.tof-breadcrumbs__sep {
	user-select: none;
	flex-shrink: 0;
}

/* Icon separator — SVG/img sizing handled via Elementor selector rules */
.tof-breadcrumbs__sep svg,
.tof-breadcrumbs__sep img {
	display: block;
	flex-shrink: 0;
}

/* Font icon (e.g. Font Awesome) */
.tof-breadcrumbs__sep i {
	line-height: 1;
}