/* ==========================================================================
   Widget: Breadcrumbs
   BEM root: .gtea-breadcrumbs
   ========================================================================== */

/* ── Root ─────────────────────────────────────────────────────────── */
.gtea-breadcrumbs {
    width: 100%;
    box-sizing: border-box;
}

/* ── List — flex row, wraps naturally ────────────────────────────── */
.gtea-breadcrumbs__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 0; /* gap overridden by Elementor list_gap control */
    box-sizing: border-box;
}

/* ── Item ─────────────────────────────────────────────────────────── */
.gtea-breadcrumbs__item {
    display: flex;
    align-items: center;
    box-sizing: border-box;
}

/* ── Link ─────────────────────────────────────────────────────────── */
.gtea-breadcrumbs__link {
    display: inline-flex;
    align-items: center;
    gap: 0.35em;
    text-decoration: none;
    color: inherit;
    box-sizing: border-box;
    transition: color 300ms ease-in-out, background-color 300ms ease-in-out,
                border-color 300ms ease-in-out, opacity 300ms ease-in-out;
}

.gtea-breadcrumbs__link:hover {
    text-decoration: none;
}

/* ── Home icon inside link ────────────────────────────────────────── */
.gtea-breadcrumbs__link i,
.gtea-breadcrumbs__link svg {
    display: inline-block;
    vertical-align: middle;
    flex-shrink: 0;
}

/* ── Separator ────────────────────────────────────────────────────── */
.gtea-breadcrumbs__separator {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    box-sizing: border-box;
}

.gtea-breadcrumbs__separator i,
.gtea-breadcrumbs__separator svg {
    display: inline-block;
    vertical-align: middle;
    flex-shrink: 0;
}

/* ── Current (active) item ────────────────────────────────────────── */
.gtea-breadcrumbs__current {
    display: inline-block;
    box-sizing: border-box;
}
