/**
 * Front-end styles for the "ROXOLNOK: Morzsamenü (breadcrumb)" Elementor
 * widget (.rxcm-breadcrumb). Structural/layout rules only — colors,
 * typography, spacing, the separator and the back button's paint all
 * live in the widget's own Style tab controls (Elementor selectors), so
 * this file stays theme-agnostic on purpose. Matching JS: breadcrumb.js
 * (only loaded when the optional back button is enabled).
 */

.rxcm-breadcrumb {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.5rem;
}

.rxcm-breadcrumb__list {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.4rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.rxcm-breadcrumb__item,
.rxcm-breadcrumb__sep {
	display: flex;
	align-items: center;
}

.rxcm-breadcrumb__link {
	display: inline-flex;
	align-items: center;
	gap: 0.3rem;
	color: inherit;
	text-decoration: none;
}

.rxcm-breadcrumb__link:hover {
	text-decoration: underline;
}

.rxcm-breadcrumb__current {
	opacity: 0.75;
}

.rxcm-breadcrumb__home-icon {
	display: inline-flex;
	align-items: center;
	line-height: 1;
}

.rxcm-breadcrumb__home-icon svg {
	width: 1em;
	height: 1em;
}

.rxcm-breadcrumb__separator {
	display: inline-block;
	line-height: 1;
}

.rxcm-breadcrumb__back {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	color: inherit;
	text-decoration: none;
}

.rxcm-breadcrumb__back-icon {
	display: inline-flex;
	align-items: center;
	line-height: 1;
}

.rxcm-breadcrumb__back-icon svg {
	width: 1em;
	height: 1em;
}