/**
 * Authoritative breadcrumb layer — must load last (footer enqueue).
 * Overrides legacy style.css blocks (13186+, 13200+, 8439+, post-110 backgrounds).
 */
:root {
    --n9-bc-text: #475467;
    --n9-bc-link: #667085;
    --n9-bc-link-hover: var(--n9-ui-accent, #F7A984);
    --n9-bc-sep: #98a2b3;
    --n9-bc-size: 13px;
    --n9-bc-line: 1.45;
    --n9-bc-width: min(1290px, calc(100vw - 96px));
}

/* Thin header band everywhere (incl. /selling/) — beats style.css ~8439 */
html body:not(.home):not(.elementor-page-26):not(.page-id-16179):not(.page-id-16180):not(.woocommerce-account) .breadcrumb-wrap,
html body:not(.home):not(.page-template-template-homepage):not(.elementor-page-26):not(.page-id-16179):not(.page-id-16180):not(.woocommerce-account) .breadcrumb-wrap {
    display: block !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 0 14px !important;
    padding: 18px 0 12px !important;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* /selling/ uses template-homepage — restore the standard header divider */
html body.page-template-template-homepage:not(.home):not(.elementor-page-26) .elementor-location-header,
html body.page-template-template-homepage:not(.home):not(.elementor-page-26) .site-header,
html body.page-template-template-homepage:not(.home):not(.elementor-page-26) header.site-header,
html body.page-template-template-homepage:not(.home):not(.elementor-page-26) header#masthead,
html body.page-template-template-homepage:not(.home):not(.elementor-page-26) header .elementor-section.elementor-top-section {
    border-bottom: 1px solid rgba(16, 24, 40, .035) !important;
    box-shadow: 0 1px 0 rgba(16, 24, 40, .012) !important;
}

/* Elementor breadcrumb template section — strip hero image on /selling/ etc. */
html body .breadcrumb-wrap .elementor-element-1912824,
html body .breadcrumb-wrap section.elementor-element-1912824 {
    background-image: none !important;
    background-color: transparent !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
}

html body .breadcrumb-wrap .elementor-element-1912824 > .elementor-background-overlay,
html body .breadcrumb-wrap section.elementor-element-1912824 > .elementor-background-overlay {
    display: none !important;
    opacity: 0 !important;
    background: transparent !important;
}

/* Container width — match header + #main (1290 / calc(100% - 96px)) */
html body:not(.home):not(.page-template-template-homepage):not(.elementor-page-26):not(.page-id-16179):not(.page-id-16180):not(.woocommerce-account) .breadcrumb-wrap .elementor-container,
html body:not(.home):not(.page-template-template-homepage):not(.elementor-page-26):not(.page-id-16179):not(.page-id-16180):not(.woocommerce-account) .breadcrumb-wrap .elementor-section.elementor-section-stretched > .elementor-container,
html body:not(.home):not(.page-template-template-homepage):not(.elementor-page-26):not(.page-id-16179):not(.page-id-16180):not(.woocommerce-account) .breadcrumb-wrap section.elementor-section-stretched > .elementor-container,
html body:not(.home):not(.page-template-template-homepage):not(.elementor-page-26):not(.page-id-16179):not(.page-id-16180):not(.woocommerce-account) .breadcrumb-wrap .elementor-110 > section.elementor-element-1912824.elementor-section-boxed > .elementor-container,
html body:not(.home):not(.page-template-template-homepage):not(.elementor-page-26):not(.page-id-16179):not(.page-id-16180):not(.woocommerce-account) .breadcrumb-wrap > .elementor > .elementor-section > .elementor-container,
html body:not(.home):not(.page-template-template-homepage):not(.elementor-page-26):not(.page-id-16179):not(.page-id-16180):not(.woocommerce-account) .breadcrumb-wrap > .elementor > .elementor-section.elementor-section-stretched > .elementor-container,
html body:not(.home):not(.elementor-page-26) .breadcrumb-wrap .elementor-container,
html body:not(.home):not(.elementor-page-26) .breadcrumb-wrap .elementor-section.elementor-section-stretched > .elementor-container,
html body:not(.home):not(.elementor-page-26) .breadcrumb-wrap section.elementor-section-stretched > .elementor-container,
html body:not(.home):not(.elementor-page-26) .breadcrumb-wrap > .elementor > .elementor-section > .elementor-container,
html body:not(.home):not(.elementor-page-26) .breadcrumb-wrap > .elementor > .elementor-section.elementor-section-stretched > .elementor-container {
    width: var(--n9-bc-width) !important;
    max-width: 1290px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

@media (max-width: 1024px) {
    :root {
        --n9-bc-width: min(1290px, calc(100vw - 48px));
    }
}

@media (max-width: 767px) {
    :root {
        --n9-bc-width: calc(100vw - 30px);
    }

    html body:not(.home):not(.elementor-page-26) .breadcrumb-wrap .elementor-container,
    html body:not(.home):not(.page-template-template-homepage):not(.elementor-page-26):not(.page-id-16179):not(.page-id-16180):not(.woocommerce-account) .breadcrumb-wrap .elementor-container,
    html body:not(.home):not(.page-template-template-homepage):not(.elementor-page-26):not(.page-id-16179):not(.page-id-16180):not(.woocommerce-account) .breadcrumb-wrap > .elementor > .elementor-section > .elementor-container {
        max-width: none !important;
    }
}

/* Nav shell — flat text row, no pill */
html body:not(.home):not(.page-template-template-homepage):not(.elementor-page-26):not(.page-id-16179):not(.page-id-16180):not(.woocommerce-account) .breadcrumb-wrap nav.woocommerce-breadcrumb,
html body:not(.home):not(.page-template-template-homepage):not(.elementor-page-26):not(.page-id-16179):not(.page-id-16180):not(.woocommerce-account) .breadcrumb-wrap nav.breadcrumb,
html body:not(.home):not(.page-template-template-homepage):not(.elementor-page-26):not(.page-id-16179):not(.page-id-16180):not(.woocommerce-account) .breadcrumb-wrap .woocommerce-breadcrumb,
html body:not(.home):not(.page-template-template-homepage):not(.elementor-page-26):not(.page-id-16179):not(.page-id-16180):not(.woocommerce-account) .breadcrumb-wrap .breadcrumb,
html body:not(.home):not(.page-template-template-homepage):not(.elementor-page-26):not(.page-id-16179):not(.page-id-16180):not(.woocommerce-account) .breadcrumb-wrap #breadcrumbs,
html body:not(.home):not(.page-template-template-homepage):not(.elementor-page-26):not(.page-id-16179):not(.page-id-16180):not(.woocommerce-account) .breadcrumb-wrap .elementor-widget-woocommerce-breadcrumb .elementor-widget-container > nav.woocommerce-breadcrumb,
html body:not(.home):not(.page-template-template-homepage):not(.elementor-page-26):not(.page-id-16179):not(.page-id-16180):not(.woocommerce-account) .breadcrumb-wrap .elementor-widget-woocommerce-breadcrumb .elementor-widget-container > nav.breadcrumb,
html body:not(.home):not(.elementor-page-26) .breadcrumb-wrap nav.woocommerce-breadcrumb,
html body:not(.home):not(.elementor-page-26) .breadcrumb-wrap nav.breadcrumb,
html body:not(.home):not(.elementor-page-26) .breadcrumb-wrap .woocommerce-breadcrumb,
html body:not(.home):not(.elementor-page-26) .breadcrumb-wrap .breadcrumb,
html body:not(.home):not(.elementor-page-26) .breadcrumb-wrap #breadcrumbs,
html body:not(.home):not(.elementor-page-26) .breadcrumb-wrap .elementor-widget-woocommerce-breadcrumb .elementor-widget-container > nav.woocommerce-breadcrumb,
html body:not(.home):not(.elementor-page-26) .breadcrumb-wrap .elementor-widget-woocommerce-breadcrumb .woocommerce-breadcrumb,
html body:not(.home):not(.elementor-page-26) .breadcrumb-wrap .elementor-element.elementor-element-39f501f nav.woocommerce-breadcrumb,
html body:not(.home):not(.elementor-page-26) .breadcrumb-wrap .elementor-widget-container {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
    width: auto !important;
    max-width: 100% !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-family: "Circe", sans-serif !important;
    font-size: var(--n9-bc-size) !important;
    font-weight: 400 !important;
    line-height: var(--n9-bc-line) !important;
    letter-spacing: 0.01em !important;
    color: var(--n9-bc-text) !important;
    text-transform: none !important;
}

/* Links */
html body:not(.home):not(.page-template-template-homepage):not(.elementor-page-26):not(.page-id-16179):not(.page-id-16180):not(.woocommerce-account) .breadcrumb-wrap nav.woocommerce-breadcrumb a,
html body:not(.home):not(.page-template-template-homepage):not(.elementor-page-26):not(.page-id-16179):not(.page-id-16180):not(.woocommerce-account) .breadcrumb-wrap nav.breadcrumb a,
html body:not(.home):not(.page-template-template-homepage):not(.elementor-page-26):not(.page-id-16179):not(.page-id-16180):not(.woocommerce-account) .breadcrumb-wrap .woocommerce-breadcrumb a,
html body:not(.home):not(.page-template-template-homepage):not(.elementor-page-26):not(.page-id-16179):not(.page-id-16180):not(.woocommerce-account) .breadcrumb-wrap .breadcrumb a,
html body:not(.home):not(.page-template-template-homepage):not(.elementor-page-26):not(.page-id-16179):not(.page-id-16180):not(.woocommerce-account) .breadcrumb-wrap #breadcrumbs a,
html body:not(.home):not(.page-template-template-homepage):not(.elementor-page-26):not(.page-id-16179):not(.page-id-16180):not(.woocommerce-account) .breadcrumb-wrap .elementor-widget-woocommerce-breadcrumb .elementor-widget-container > nav.woocommerce-breadcrumb > a,
html body:not(.home):not(.page-template-template-homepage):not(.elementor-page-26):not(.page-id-16179):not(.page-id-16180):not(.woocommerce-account) .breadcrumb-wrap .elementor-widget-woocommerce-breadcrumb .woocommerce-breadcrumb a,
html body:not(.home):not(.elementor-page-26) .breadcrumb-wrap nav.woocommerce-breadcrumb a,
html body:not(.home):not(.elementor-page-26) .breadcrumb-wrap .woocommerce-breadcrumb a,
html body:not(.home):not(.elementor-page-26) .breadcrumb-wrap .breadcrumb a,
html body:not(.home):not(.elementor-page-26) .breadcrumb-wrap #breadcrumbs a {
    color: var(--n9-bc-link) !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    font-size: inherit !important;
    line-height: inherit !important;
}

html body:not(.home):not(.page-template-template-homepage):not(.elementor-page-26):not(.page-id-16179):not(.page-id-16180):not(.woocommerce-account) .breadcrumb-wrap nav.woocommerce-breadcrumb a:hover,
html body:not(.home):not(.page-template-template-homepage):not(.elementor-page-26):not(.page-id-16179):not(.page-id-16180):not(.woocommerce-account) .breadcrumb-wrap .woocommerce-breadcrumb a:hover,
html body:not(.home):not(.elementor-page-26) .breadcrumb-wrap nav.woocommerce-breadcrumb a:hover,
html body:not(.home):not(.elementor-page-26) .breadcrumb-wrap .woocommerce-breadcrumb a:hover,
html body:not(.home):not(.elementor-page-26) .breadcrumb-wrap .breadcrumb a:hover,
html body:not(.home):not(.elementor-page-26) .breadcrumb-wrap #breadcrumbs a:hover {
    color: var(--n9-bc-link-hover) !important;
    text-decoration: none !important;
}

/* Current page text */
html body:not(.home):not(.page-template-template-homepage):not(.elementor-page-26):not(.page-id-16179):not(.page-id-16180):not(.woocommerce-account) .breadcrumb-wrap .n9-breadcrumb-current,
html body:not(.home):not(.page-template-template-homepage):not(.elementor-page-26):not(.page-id-16179):not(.page-id-16180):not(.woocommerce-account) .breadcrumb-wrap [aria-current="page"],
html body:not(.home):not(.page-template-template-homepage):not(.elementor-page-26):not(.page-id-16179):not(.page-id-16180):not(.woocommerce-account) .breadcrumb-wrap .woocommerce-breadcrumb .current,
html body:not(.home):not(.page-template-template-homepage):not(.elementor-page-26):not(.page-id-16179):not(.page-id-16180):not(.woocommerce-account) .breadcrumb-wrap .breadcrumb .current,
html body:not(.home):not(.page-template-template-homepage):not(.elementor-page-26):not(.page-id-16179):not(.page-id-16180):not(.woocommerce-account) .breadcrumb-wrap .woocommerce-breadcrumb strong,
html body:not(.home):not(.page-template-template-homepage):not(.elementor-page-26):not(.page-id-16179):not(.page-id-16180):not(.woocommerce-account) .breadcrumb-wrap .breadcrumb strong,
html body:not(.home):not(.elementor-page-26) .breadcrumb-wrap .n9-breadcrumb-current,
html body:not(.home):not(.elementor-page-26) .breadcrumb-wrap [aria-current="page"] {
    color: var(--n9-bc-text) !important;
    font-weight: 500 !important;
    font-size: inherit !important;
    line-height: inherit !important;
}

/* Separator — beats span:last-child rules in style.css (11111, 13020) */
html body:not(.home):not(.page-template-template-homepage):not(.elementor-page-26) .breadcrumb-wrap .woocommerce-breadcrumb span.n9-breadcrumb-separator,
html body:not(.home):not(.page-template-template-homepage):not(.elementor-page-26) .breadcrumb-wrap .breadcrumb span.n9-breadcrumb-separator,
html body:not(.home):not(.page-template-template-homepage):not(.elementor-page-26) .breadcrumb-wrap nav.woocommerce-breadcrumb .n9-breadcrumb-separator,
html body:not(.home):not(.page-template-template-homepage):not(.elementor-page-26) .breadcrumb-wrap nav.breadcrumb .n9-breadcrumb-separator,
html body:not(.home):not(.page-template-template-homepage):not(.elementor-page-26):not(.page-id-16179):not(.page-id-16180):not(.woocommerce-account) .breadcrumb-wrap .woocommerce-breadcrumb span.n9-breadcrumb-separator,
html body:not(.home):not(.page-template-template-homepage):not(.elementor-page-26):not(.page-id-16179):not(.page-id-16180):not(.woocommerce-account) .breadcrumb-wrap nav.woocommerce-breadcrumb .n9-breadcrumb-separator,
html body:not(.home):not(.elementor-page-26) .breadcrumb-wrap .n9-breadcrumb-separator,
html body .breadcrumb-wrap .n9-breadcrumb-separator {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 6px !important;
    padding: 0 !important;
    color: var(--n9-bc-sep) !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    font-family: "Circe", sans-serif !important;
    transform: none !important;
    border: 0 !important;
    background: transparent !important;
    vertical-align: baseline !important;
}

/* Final override — no breadcrumb band border anywhere */
html body:not(.home):not(.elementor-page-26) .breadcrumb-wrap,
html body.page-template-template-homepage:not(.home) .breadcrumb-wrap {
    border: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    background-image: none !important;
}

/* Unified link hover — beats style.css 12073/12484/13007 (same or higher specificity, loads last) */
html body:not(.home):not(.page-template-template-homepage):not(.elementor-page-26) .breadcrumb-wrap a:hover,
html body:not(.home):not(.page-template-template-homepage):not(.elementor-page-26) .breadcrumb-wrap a:focus-visible,
html body:not(.home):not(.elementor-page-26) .breadcrumb-wrap a:hover,
html body:not(.home):not(.elementor-page-26) .breadcrumb-wrap a:focus-visible,
html body.page-template-template-homepage:not(.home):not(.elementor-page-26) .breadcrumb-wrap a:hover,
html body.page-template-template-homepage:not(.home):not(.elementor-page-26) .breadcrumb-wrap a:focus-visible {
    color: var(--n9-bc-link-hover, #F7A984) !important;
    text-decoration: none !important;
}
