/* Portable decoration only. The saved Page Intro template owns ALL ordinary
 * layout, color, type, width, gap, padding, minimum height and image crop values
 * in native Elementor controls. See docs/ELEMENTOR-REUSE.md.
 * anable-page-intro is an identifying class, not a required ancestor selector.
 */

/* Elementor Image has no control for a partial-width overlay rule. The class
 * belongs to the Image widget, so the treatment travels with a copied image. */
.anable-intro-image::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	width: 35%;
	height: 5px;
	background: var(--e-global-color-accent, #ba9353);
	pointer-events: none;
}

/* Eyebrow decoration (including legacy inline spans) is shared in style.css. */

/* Rich-text inline separators and hover underline are not separate native
 * Text Editor controls. No typography or container spacing is set here. */
.anable-breadcrumb a,
nav.smartcrawl-breadcrumbs a {
	color: inherit;
	text-decoration: underline;
	text-decoration-color: transparent;
	text-underline-offset: 4px;
}
.anable-breadcrumb a:hover,
.anable-breadcrumb a:focus-visible,
nav.smartcrawl-breadcrumbs a:hover,
nav.smartcrawl-breadcrumbs a:focus-visible {
	text-decoration-color: var(--e-global-color-accent, #ba9353);
}
.anable-breadcrumb span[aria-hidden="true"] {
	margin-inline: 13px;
	color: #a3a19b;
}
@media (max-width: 480px) {
	.anable-breadcrumb span[aria-hidden="true"] { margin-inline: 10px; }
}

/* SmartCrawl Shortcode has no native typography controls. Apply these portable
 * component classes to the Shortcode widget; native Elementor owns its layout,
 * placement and outer spacing. PHP supplies semantic markup on approved pages.
 * The nav selector also supports existing shortcode widgets before the owner
 * assigns a reusable class. Existing manual breadcrumbs remain unaffected. */
.anable-breadcrumb .smartcrawl-breadcrumbs,
nav.smartcrawl-breadcrumbs {
	font-family: "Source Sans 3", sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.55;
	color: #5f656b;
	overflow-wrap: anywhere;
}
.anable-breadcrumb.anable-breadcrumb--on-dark .smartcrawl-breadcrumbs {
	color: #c7cdd5;
}
.anable-breadcrumb .smartcrawl-breadcrumbs ol,
nav.smartcrawl-breadcrumbs ol {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}
.anable-breadcrumb .smartcrawl-breadcrumbs li,
nav.smartcrawl-breadcrumbs li {
	display: inline;
	margin: 0;
	padding: 0;
}
.anable-breadcrumb .smartcrawl-breadcrumbs strong,
nav.smartcrawl-breadcrumbs strong {
	font-weight: inherit;
}
.anable-breadcrumb .smartcrawl-breadcrumb-separator,
nav.smartcrawl-breadcrumbs .smartcrawl-breadcrumb-separator {
	display: inline-block;
	margin-inline: 13px;
	color: #a3a19b;
}
@media (max-width: 767px) {
	.anable-breadcrumb .smartcrawl-breadcrumbs,
	nav.smartcrawl-breadcrumbs { font-size: 13px; }
}
@media (max-width: 480px) {
	.anable-breadcrumb .smartcrawl-breadcrumb-separator,
	nav.smartcrawl-breadcrumbs .smartcrawl-breadcrumb-separator { margin-inline: 10px; }
}