/* Shared breadcrumb treatment for archives and detail pages. */
:root {
    --hr-breadcrumb-bg: #f7f8fa;
    --hr-breadcrumb-border: #e7eaee;
    --hr-breadcrumb-text: #66717d;
    --hr-breadcrumb-link: #2d3946;
    --hr-breadcrumb-separator: #9aa4af;
}

.site-breadcrumbs-section {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid var(--hr-breadcrumb-border) !important;
    border-radius: 0 !important;
    background: var(--hr-breadcrumb-bg) !important;
    box-shadow: none !important;
}

nav.site-breadcrumbs,
.site-breadcrumbs-section .woocommerce-breadcrumb {
    display: flex !important;
    min-height: 56px;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--hr-breadcrumb-text) !important;
    font-size: 0.875rem !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
}

nav.site-breadcrumbs a,
.site-breadcrumbs-section .woocommerce-breadcrumb a {
    color: var(--hr-breadcrumb-link) !important;
    font-weight: 500 !important;
    text-decoration: none !important;
}

nav.site-breadcrumbs a:hover,
.site-breadcrumbs-section .woocommerce-breadcrumb a:hover {
    color: var(--main-color, #e83e8c) !important;
    text-decoration: none !important;
}

nav.site-breadcrumbs .sep,
.site-breadcrumbs-section .woocommerce-breadcrumb .breadcrumb-separator {
    margin: 0 0.75rem !important;
    color: var(--hr-breadcrumb-separator) !important;
    font-weight: 400 !important;
}

@media (max-width: 768px) {
    nav.site-breadcrumbs,
    .site-breadcrumbs-section .woocommerce-breadcrumb {
        min-height: 50px;
        font-size: 0.8125rem !important;
    }

    nav.site-breadcrumbs .sep,
    .site-breadcrumbs-section .woocommerce-breadcrumb .breadcrumb-separator {
        margin-right: 0.55rem !important;
        margin-left: 0.55rem !important;
    }
}