/* ─── Breadcrumb Navigation ─── */

.rd-breadcrumb {
    margin: var(--rd-spacing-lg) 0;

    ol {
        list-style: none;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: var(--rd-spacing-x-sm);
        padding: 0;
        margin: 0;
        font-size: var(--rd-fontsize-4);
    }

    li {
        display: flex;
        align-items: center;
        gap: var(--rd-spacing-x-sm);
        color: #6B7280;
    }

    li+li::before {
        content: "›";
        color: #9CA3AF;
        font-size: var(--rd-fontsize-5);
    }


    a,
    li>span {
        max-width: 300px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: inline-block;
    }

    a:hover {
        text-decoration: underline;
    }
}

@media (max-width: 640px) {

    .rd-breadcrumb {
        margin-bottom: var(--rd-spacing-md);
    }


    /* Hide all items, then show only the parent (second-to-last) */
    .rd-breadcrumb li {
        display: none;
    }

    .rd-breadcrumb li:nth-last-child(2) {
        display: flex;
    }

    /* Replace › separator with ‹ back arrow */
    .rd-breadcrumb li:nth-last-child(2)::before {
        content: "‹";
    }

}