/* ── WP Swiss Knife — Breadcrumbs ──────────────────────────── */

.wpsk-breadcrumbs {
    --wpsk-bc-color:       #6b7280;
    --wpsk-bc-link:        #2563eb;
    --wpsk-bc-link-hover:  #1d4ed8;
    --wpsk-bc-current:     #111827;
    --wpsk-bc-sep-color:   #9ca3af;
    --wpsk-bc-font-size:   0.875rem;
    --wpsk-bc-gap:         0.4rem;
    font-size: var(--wpsk-bc-font-size);
    color: var(--wpsk-bc-color);
}

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

.wpsk-bc-item a {
    color: var(--wpsk-bc-link);
    text-decoration: none;
    transition: color .15s;
}
.wpsk-bc-item a:hover {
    color: var(--wpsk-bc-link-hover);
    text-decoration: underline;
}

.wpsk-bc-item--current span {
    color: var(--wpsk-bc-current);
    font-weight: 500;
}

.wpsk-bc-sep {
    color: var(--wpsk-bc-sep-color);
    user-select: none;
}

.wpsk-bc-home-icon { font-style: normal; }

/* ── Minimal ────────────────────────────────────────────────── */
.wpsk-bc--minimal {
    --wpsk-bc-link: #374151;
    --wpsk-bc-link-hover: #111827;
}
.wpsk-bc--minimal .wpsk-bc-item a {
    text-decoration: underline;
    text-underline-offset: 2px;
}
.wpsk-bc--minimal .wpsk-bc-item--current span {
    font-weight: 400;
}

/* ── Pills ──────────────────────────────────────────────────── */
.wpsk-bc--pills .wpsk-bc-list {
    gap: 0.25rem;
}
.wpsk-bc--pills .wpsk-bc-item a,
.wpsk-bc--pills .wpsk-bc-item--current span {
    display: inline-block;
    padding: 0.2rem 0.65rem;
    border-radius: 9999px;
    background: #f3f4f6;
    color: #374151;
    text-decoration: none;
    transition: background .15s, color .15s;
}
.wpsk-bc--pills .wpsk-bc-item a:hover {
    background: #e5e7eb;
    color: #111827;
    text-decoration: none;
}
.wpsk-bc--pills .wpsk-bc-item--current span {
    background: #2563eb;
    color: #fff;
    font-weight: 500;
}
.wpsk-bc--pills .wpsk-bc-sep-item {
    display: none;
}

/* ── Arrow ──────────────────────────────────────────────────── */
.wpsk-bc--arrow .wpsk-bc-list {
    gap: 0;
}
.wpsk-bc--arrow .wpsk-bc-item a,
.wpsk-bc--arrow .wpsk-bc-item--current span {
    display: inline-block;
    padding: 0.3rem 0.75rem 0.3rem 1rem;
    background: #f3f4f6;
    color: #374151;
    text-decoration: none;
    position: relative;
    clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 0 100%, 10px 50%);
    margin-right: 2px;
    transition: background .15s, color .15s;
}
.wpsk-bc--arrow .wpsk-bc-item:first-child a {
    clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 0 100%);
    padding-left: 0.75rem;
}
.wpsk-bc--arrow .wpsk-bc-item a:hover {
    background: #e5e7eb;
    color: #111827;
}
.wpsk-bc--arrow .wpsk-bc-item--current span {
    background: #2563eb;
    color: #fff;
    font-weight: 500;
}
.wpsk-bc--arrow .wpsk-bc-sep-item {
    display: none;
}

/* ── Responsive ─────────────────────────────────────────────── */
@media (max-width: 480px) {
    .wpsk-breadcrumbs {
        --wpsk-bc-font-size: 0.8rem;
    }
    /* Truncate long crumb labels */
    .wpsk-bc-item a,
    .wpsk-bc-item span {
        max-width: 160px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: inline-block;
        vertical-align: middle;
    }
}