/**
 * ==========================================================
 * LE NAZAIRE — FIL D'ARIANE
 * ==========================================================
 */

.le-nazaire-breadcrumbs {
        margin:
                0
                0
                14px;

        font-size: 14px;
        line-height: 1.45;

        color:
                var(
                        --nazaire-ink-soft,
                        #526066
                );
}


.le-nazaire-breadcrumbs__list {
        display: flex;
        flex-wrap: wrap;
        align-items: center;

        gap: 0;

        margin: 0;
        padding: 0;

        list-style: none;
}


.le-nazaire-breadcrumbs__item {
        display: inline-flex;
        align-items: center;

        margin: 0;
        padding: 0;
}


.le-nazaire-breadcrumbs__item
+ .le-nazaire-breadcrumbs__item::before {
        content: "›";

        margin:
                0
                9px;

        color:
                var(
                        --nazaire-line,
                        #B9B2A8
                );
}


.le-nazaire-breadcrumbs a {
        color:
                var(
                        --nazaire-blue,
                        #055A79
                );

        text-decoration: none;
}


.le-nazaire-breadcrumbs a:hover,
.le-nazaire-breadcrumbs a:focus-visible {
        text-decoration: underline;
}


.le-nazaire-breadcrumbs
[aria-current="page"] {
        color:
                var(
                        --nazaire-ink-soft,
                        #526066
                );
}


@media (max-width: 700px) {

        .le-nazaire-breadcrumbs {
                font-size: 13px;
        }


        .le-nazaire-breadcrumbs__list {
                flex-wrap: nowrap;
                overflow: hidden;
        }


        .le-nazaire-breadcrumbs__item {
                flex:
                        0
                        0
                        auto;
        }


        .le-nazaire-breadcrumbs__item:last-child {
                flex:
                        1
                        1
                        auto;

                min-width: 0;
        }


        .le-nazaire-breadcrumbs__item:last-child
        [aria-current="page"] {
                display: block;

                min-width: 0;

                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
        }


        .le-nazaire-breadcrumbs__item
        + .le-nazaire-breadcrumbs__item::before {
                margin:
                        0
                        7px;
        }
}