/* <link rel="stylesheet" href="{ basePath }/sfsites/c/resource/ecommStyle/css/category/commerce-breadcrumbs.css?{ versionKey }"/> */
/* 
    This component is used on the "Category", "Product", "Search" pages

*/

commerce-breadcrumbs nav.commerce-breadcrumb {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

commerce-breadcrumbs nav.commerce-breadcrumb ol li,
commerce-breadcrumbs nav.commerce-breadcrumb ol li a,
commerce-breadcrumbs nav.commerce-breadcrumb ol li a p,
commerce-breadcrumbs nav.commerce-breadcrumb ol li a p::before {
    font-size: 1rem !important;
    font-weight: 400;
    line-height: 1.25rem;
    text-decoration-color: transparent !important;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
    text-decoration-line: underline;
    transition: color 0.1s, text-decoration-color 0.1s !important;
}
commerce-breadcrumbs nav.commerce-breadcrumb ol li a:hover,
commerce-breadcrumbs nav.commerce-breadcrumb ol li a:focus {
    text-decoration-color: var(--ecomm-color-secondary-02) !important;
}

commerce-breadcrumbs nav.commerce-breadcrumb ol li + li,
commerce-breadcrumbs nav.commerce-breadcrumb ol li p {
    padding-left: 0 !important;
    margin-left: 0.75rem !important;
}