/* Zoewebs Site Tools: Breadcrumb */
.zw-breadcrumb {
    position: relative;
    z-index: 20;
    width: 100%;
    background: #030b14;
    border-bottom: 1px solid rgba(255,255,255,.055);
    color: rgba(255,255,255,.48);
    font-family: var(--zw-font-mono, 'Fira Code', monospace);
}

.zw-breadcrumb-inner {
    width: min(100% - 40px, 1320px);
    margin-inline: auto;
    padding: 11px 0 10px;
}

.zw-breadcrumb .rank-math-breadcrumb,
.zw-breadcrumb .zw-breadcrumb-fallback {
    margin: 0;
}

.zw-breadcrumb .rank-math-breadcrumb p {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0;
    margin: 0;
    color: rgba(255,255,255,.46);
    font-size: var(--zw-type-small, .78rem);
    line-height: 1.5;
    letter-spacing: .025em;
}

.zw-breadcrumb a {
    color: rgba(255,255,255,.48);
    text-decoration: none;
    transition: color .2s ease;
}

.zw-breadcrumb a:hover {
    color: var(--zw-cyan, #55d6ff);
}

.zw-breadcrumb .last,
.zw-breadcrumb [aria-current="page"] {
    color: rgba(255,255,255,.78);
}

.zw-breadcrumb-separator {
    display: inline-flex;
    margin-inline: 9px;
    color: rgba(85,214,255,.42);
    font-weight: 500;
}

.zw-breadcrumb-fallback ol {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: var(--zw-type-small, .78rem);
    line-height: 1.5;
    letter-spacing: .025em;
}

.zw-breadcrumb-fallback li {
    display: inline-flex;
    align-items: center;
    min-width: 0;
}

@media (max-width: 767px) {
    .zw-breadcrumb-inner {
        width: min(100% - 28px, 1320px);
        padding: 9px 0 8px;
    }

    .zw-breadcrumb .rank-math-breadcrumb p,
    .zw-breadcrumb-fallback ol {
        font-size: .74rem;
    }

    .zw-breadcrumb-separator {
        margin-inline: 7px;
    }
}