/**
 * Breadcrumb de navegación — Campagnoni.
 *
 * - Enlaces (secciones/subcategorías): tipografía "Caption Regular", color #212121B2.
 * - Hoja actual (producto/término): tipografía "Kicker".
 */

.campagnoni-breadcrumb {
    --cbc-gap: 0.5rem;
    --cbc-color-link: #212121B2;
    --cbc-color-hover: var(--typo-kicker-font-color, #000);
    --cbc-separator: "/";
}

.campagnoni-breadcrumb__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--cbc-gap);
    margin: 0;
    padding: 0;
    list-style: none;
}

.campagnoni-breadcrumb__item {
    display: flex;
    align-items: center;
    gap: var(--cbc-gap);
}

/* Separador antes de cada ítem salvo el primero. */
.campagnoni-breadcrumb__item + .campagnoni-breadcrumb__item::before {
    content: var(--cbc-separator);
    color: var(--cbc-color-link);
    opacity: 0.6;
}

/* Enlaces: secciones y subcategorías. "Caption Regular". */
.campagnoni-breadcrumb__link {
    font-family:     var(--typo-caption-regular-font-family);
    font-size:       var(--typo-caption-regular-font-size);
    font-weight:     var(--typo-caption-regular-font-weight);
    line-height:     var(--typo-caption-regular-line-height);
    letter-spacing:  var(--typo-caption-regular-letter-spacing);
    text-transform:  var(--typo-caption-regular-text-transform);
    color: var(--cbc-color-link);
    text-decoration: none;
    transition: color 0.15s ease;
}

.campagnoni-breadcrumb__link:hover,
.campagnoni-breadcrumb__link:focus-visible {
    color: var(--cbc-color-hover);
    text-decoration: underline;
}

/* Ítem actual (hoja): "Kicker". */
.campagnoni-breadcrumb__current {
    font-family:     var(--typo-kicker-font-family);
    font-size:       var(--typo-kicker-font-size);
    font-weight:     var(--typo-kicker-font-weight);
    line-height:     var(--typo-kicker-line-height);
    letter-spacing:  var(--typo-kicker-letter-spacing);
    text-transform:  var(--typo-kicker-text-transform);
    color: var(--typo-kicker-font-color);
}