/* RespinnersTV — Breadcrumbs component (generic)
   Used by includes/components/breadcrumbs.php. Loaded site-wide in header.php.
   Also resets the <ol>/<li> defaults so review pages (which additionally carry
   the legacy .review-breadcrumb styling) keep a clean flat row.
   On-theme: cyan/purple. */

.breadcrumbs {
    display: flex;
    align-items: center;
    margin-bottom: 32px;
    font-family: var(--font-accent, 'Exo 2', sans-serif);
    font-size: 0.78rem;
    color: var(--alpha-white-30, rgba(255, 255, 255, 0.3));
}

/* Reset the <ol>/<li> defaults and lay items out in a wrapping row */
.breadcrumbs-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.breadcrumbs-item {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.breadcrumbs-item a {
    color: var(--alpha-white-40, rgba(255, 255, 255, 0.4));
    text-decoration: none;
    transition: color var(--transition-normal, 0.2s) ease;
}

.breadcrumbs-item a:hover,
.breadcrumbs-item a:focus-visible {
    color: var(--neon-cyan, #00f5ff);
}

.breadcrumbs-sep {
    color: var(--alpha-white-15, rgba(255, 255, 255, 0.15));
    user-select: none;
}

.breadcrumbs-current {
    color: var(--alpha-white-60, rgba(255, 255, 255, 0.6));
    font-weight: 600;
}