/**
 * JuvioX — Reusable Page Title Breadcrumb
 *
 * Elementor / DigiPlus controls:
 * - Font family
 * - Font size
 * - Font weight
 * - Text color
 *
 * This file controls only:
 * - Structure
 * - Alignment
 * - List-marker removal
 * - Custom separator
 * - Separator spacing
 */


/* =========================================================
   1. BREADCRUMB ROW
   ========================================================= */

.breadcrumb-trail .breadcrumbs.trail-items {
    list-style: none;

    display: flex;
    align-items: center;
    flex-wrap: wrap;

    margin: 0;
    padding: 0;

    gap: 0;

    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}


/* =========================================================
   2. BREADCRUMB ITEMS
   ========================================================= */

.breadcrumb-trail .breadcrumbs.trail-items > .trail-item {
    list-style: none;

    display: inline-flex;
    align-items: center;

    position: relative;

    margin: 0;
    padding: 0;

    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}


/* =========================================================
   3. LINKS + TEXT
   ========================================================= */

.breadcrumb-trail .breadcrumbs.trail-items > .trail-item a,
.breadcrumb-trail .breadcrumbs.trail-items > .trail-item span {
    display: inline-flex;
    align-items: center;

    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;

    color: inherit;

    text-decoration: none;
}


/* =========================================================
   4. CUSTOM SEPARATOR
   ========================================================= */

.breadcrumb-trail
.breadcrumbs.trail-items
> .trail-item:not(:last-child)::after {

    content: "\2192";

    display: inline-flex;
    align-items: center;
    justify-content: center;

    margin-left: 12px;
    margin-right: 12px;

    font-size: 0.9em;
    font-weight: 400;
    line-height: 1;

    color: inherit;
}


/* =========================================================
   5. DISABLE DIGIPLUS NATIVE SEPARATOR
   ========================================================= */

.breadcrumb-trail .tm-breadcrumb-arrow-icon {
    display: none;
}


/* =========================================================
   6. MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .breadcrumb-trail
    .breadcrumbs.trail-items
    > .trail-item:not(:last-child)::after {

        margin-left: 9px;
        margin-right: 9px;
    }
}