/**
 * HC247 breadcrumbs
 * Compact breadcrumb navigation designed to sit immediately below a hero/banner.
 */

/* Shared breadcrumb bar. */
.hc247-breadcrumb-bar,
section.breadcrumbs {
    width: 100%;
    margin: 0;
    padding: 0;
    background: #fff;
    border: 0;
    border-bottom: 1px solid #edf0f3;
    box-shadow: none;
}

.hc247-breadcrumb-inner,
section.breadcrumbs > .container {
    min-height: 42px;
    display: flex;
    align-items: center;
}

.rank-math-breadcrumb {
    width: 100%;
    margin: 0;
    padding: 0;
    color: #6b7280;
    font-size: 14px;
    line-height: 1.45;
}

.rank-math-breadcrumb p {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
    padding: 0;
}

.rank-math-breadcrumb a {
    color: #6b7280;
    font-weight: 400;
    text-decoration: none;
    transition: color .18s ease;
}

.rank-math-breadcrumb a:hover,
.rank-math-breadcrumb a:focus-visible {
    color: #f58220;
}

.rank-math-breadcrumb .last {
    color: #1f2937;
    font-weight: 600;
}

.hc247-breadcrumb-separator {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 7px;
    color: #a3aab4;
    font-size: 15px;
    line-height: 1;
    font-weight: 400;
}

/* If a parent-theme title wrapper remains, do not let it create a second empty strip. */
.hc247-breadcrumb-source-cleaned {
    min-height: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border: 0 !important;
}

/* WooCommerce/Flatsome breadcrumb fallbacks. */
.page-title-inner .breadcrumbs,
.page-title-inner .breadcrumbs a,
.page-title-inner .breadcrumbs span,
.woocommerce-breadcrumb,
.woocommerce-breadcrumb a {
    font-size: 14px;
    line-height: 1.45;
}

.page-title-inner .breadcrumbs,
.woocommerce-breadcrumb {
    color: #6b7280;
    font-weight: 400;
}

.page-title-inner .breadcrumbs a,
.woocommerce-breadcrumb a {
    color: #6b7280;
    text-decoration: none;
}

.page-title-inner .breadcrumbs a:hover,
.page-title-inner .breadcrumbs a:focus-visible,
.woocommerce-breadcrumb a:hover,
.woocommerce-breadcrumb a:focus-visible {
    color: #f58220;
}

@media (max-width: 767px) {
    .hc247-breadcrumb-inner,
    section.breadcrumbs > .container {
        min-height: 38px;
    }

    .rank-math-breadcrumb,
    .page-title-inner .breadcrumbs,
    .woocommerce-breadcrumb,
    .page-title-inner .breadcrumbs a,
    .woocommerce-breadcrumb a {
        font-size: 13px;
    }

    .rank-math-breadcrumb p {
        flex-wrap: nowrap;
        overflow-x: auto;
        white-space: nowrap;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    .rank-math-breadcrumb p::-webkit-scrollbar {
        display: none;
    }

    .hc247-breadcrumb-separator {
        margin-right: 6px;
        margin-left: 6px;
        font-size: 14px;
    }
}

/* Category archive: hero first, breadcrumb immediately below. */
.category-banner {
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.category-banner__image {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
}

.hc247-category-breadcrumbs {
    margin: 0 0 24px;
}

@media (max-width: 767px) {
    .hc247-category-breadcrumbs {
        margin-bottom: 16px;
    }
}