/* ==========================================================
   VBC Framework
   Breadcrumbs
   Version: 0.1.0
========================================================== */

.vbc-breadcrumbs{
    padding:10px 0;
    background:#f7f4ee;
    border-top:1px solid var(--vbc-color-border);
    border-bottom:1px solid var(--vbc-color-border);
}

/* ==========================================================
   Navigation
========================================================== */

.vbc-breadcrumbs__nav{
    width:100%;
}

.vbc-breadcrumbs__list{

    display:flex;

    align-items:center;

    flex-wrap:wrap;

    gap:10px;

    margin:0;

    padding:0;

    list-style:none;

}

/* ==========================================================
   Items
========================================================== */

.vbc-breadcrumbs__list li{

    display:flex;

    align-items:center;

    color:var(--vbc-color-muted);

    font-size:14px;

    line-height:1.5;

}

.vbc-breadcrumbs__list li:not(:last-child)::after{

    content:"/";

    margin:0 10px;

    color:#b7b7b7;

}

.vbc-breadcrumbs__list a{

    color:var(--vbc-color-body);

    transition:.25s ease;

}

.vbc-breadcrumbs__list a:hover{

    color:var(--vbc-color-primary);

}

.vbc-breadcrumb_last,
.vbc-breadcrumbs__list li:last-child{

    color:var(--vbc-color-heading);

    font-weight:600;

}

/* ==========================================================
   WooCommerce Compatibility
========================================================== */

.woocommerce-breadcrumb{

    display:flex;

    flex-wrap:wrap;

    align-items:center;

    gap:10px;

    margin:0;

    color:var(--vbc-color-muted);

    font-size:14px;

}

.woocommerce-breadcrumb a{

    color:var(--vbc-color-body);

}

.woocommerce-breadcrumb a:hover{

    color:var(--vbc-color-primary);

}

/* ==========================================================
   Responsive
========================================================== */

@media (max-width:768px){

    .vbc-breadcrumbs{

        padding:14px 0;

    }

    .vbc-breadcrumbs__list{

        gap:6px;

    }

    .vbc-breadcrumbs__list li{

        font-size:13px;

    }

}