/* Breadcrumb style variants. */

.i2t3-breadcrumb {
    background-color: var(--bs-gray-100, #f8f9fa);
    margin-bottom: 2rem;
    padding: 0.75rem 0;
}

.i2t3-breadcrumb .breadcrumb {
    background-color: transparent;
    margin-bottom: 0;
}

.i2t3-breadcrumb-hidden .i2t3-breadcrumb {
    display: none !important;
}

.i2t3-breadcrumb-banner .i2t3-breadcrumb {
    background-color: var(--i2t3-primary, #0d6efd);
    color: #fff;
    margin: 0 0 2rem;
    padding: 2rem 0;
}
.i2t3-breadcrumb-banner .i2t3-breadcrumb a {
    color: rgba(255, 255, 255, 0.9);
}
.i2t3-breadcrumb-banner .i2t3-breadcrumb .breadcrumb-item.active {
    color: #fff;
}

/* ---------- Classic — FontAwesome chevron as separator ---------- */
.i2t3-breadcrumb-classic .i2t3-breadcrumb .breadcrumb-item + .breadcrumb-item {
    padding-left: 0.6rem;
}
.i2t3-breadcrumb-classic .i2t3-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    content: "\f054";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: var(--bs-gray-600, #6c757d);
    padding-right: 0.6rem;
    float: none;
}

/* ---------- Fancy — chevron-shaped tag boxes ---------- */
.i2t3-breadcrumb-fancy .i2t3-breadcrumb {
    background: transparent;
    padding: 1rem 0;
}
.i2t3-breadcrumb-fancy .i2t3-breadcrumb .breadcrumb {
    background: transparent;
    padding: 0;
    margin: 0;
    gap: 0.45rem;
}
.i2t3-breadcrumb-fancy .i2t3-breadcrumb .breadcrumb-item {
    background-color: var(--bs-gray-600, #6c757d);
    color: #fff;
    padding: 0.45rem 1.4rem 0.45rem 1rem;
    position: relative;
    margin: 0;
    line-height: 1.2;
}
.i2t3-breadcrumb-fancy .i2t3-breadcrumb .breadcrumb-item::after {
    content: "";
    position: absolute;
    top: 0;
    right: -0.7rem;
    width: 0;
    height: 0;
    border-top: calc(0.45rem + 0.6em) solid transparent;
    border-bottom: calc(0.45rem + 0.6em) solid transparent;
    border-left: 0.7rem solid var(--bs-gray-600, #6c757d);
}
.i2t3-breadcrumb-fancy .i2t3-breadcrumb .breadcrumb-item.active {
    background-color: var(--i2t3-primary, #0d6efd);
    color: #fff;
}
.i2t3-breadcrumb-fancy .i2t3-breadcrumb .breadcrumb-item.active::after {
    border-left-color: var(--i2t3-primary, #0d6efd);
}
.i2t3-breadcrumb-fancy .i2t3-breadcrumb .breadcrumb-item a {
    color: #fff;
    text-decoration: none;
}
.i2t3-breadcrumb-fancy .i2t3-breadcrumb .breadcrumb-item a:hover {
    text-decoration: underline;
}
.i2t3-breadcrumb-fancy .i2t3-breadcrumb .breadcrumb-item + .breadcrumb-item {
    padding-left: 1.4rem;
}
.i2t3-breadcrumb-fancy .i2t3-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    display: none;
}