/* KNMA Breadcrumbs */

.knma-breadcrumbs {
    /* padding: 10px 0 0; */
    font-family: var("Manrope", --font-secondary, sans-serif);
    font-size: 14px;
    line-height: 1.5;
}

.knma-breadcrumbs .breadcrumb {
    margin-bottom: 0;
    padding: 0;
    background: transparent;
    flex-wrap: wrap;
}

.knma-breadcrumbs .breadcrumb-item + .breadcrumb-item::before {
    color: inherit;
    opacity: 0.5;
}

.knma-breadcrumbs .breadcrumb-item a {
    color: var(--color-heading-1, #1C2539);
    text-decoration: none;
    opacity: 0.7;
    transition: opacity 0.3s;
}

.knma-breadcrumbs .breadcrumb-item a:hover {
    opacity: 1;
    text-decoration: underline;
}

.knma-breadcrumbs .breadcrumb-item.active {
    color: var(--color-heading-1, #1C2539);
    opacity: 0.9;
}

/* Inside banner area (archive, category, search) */
.rts-breadcrumb-area .knma-breadcrumbs {
    padding: 15px 0 0;
}

.rts-breadcrumb-area .knma-breadcrumbs .breadcrumb {
    justify-content: center;
}

.rts-breadcrumb-area .knma-breadcrumbs .breadcrumb-item a {
    color: var(--color-heading-1, #1C2539);
    opacity: 0.6;
}

.rts-breadcrumb-area .knma-breadcrumbs .breadcrumb-item a:hover {
    opacity: 1;
}

.rts-breadcrumb-area .knma-breadcrumbs .breadcrumb-item.active {
    color: var(--color-heading-1, #1C2539);
    opacity: 0.8;
}

/* Standalone wrapper for 404 */
.knma-breadcrumbs-standalone {
    background: #f8f9fa;
    border-bottom: 1px solid #e9ecef;
}

.knma-breadcrumbs-standalone .knma-breadcrumbs {
    padding: 12px 0;
}

/* Inner content context (single, page) */
.blog-details-area-inner-content > .knma-breadcrumbs {
    margin-bottom: 20px;
    /* padding-bottom: 15px; */
    border-bottom: 1px solid #e9ecef;
}

/* Responsive */
@media (max-width: 768px) {
    .knma-breadcrumbs {
        font-size: 13px;
    }
}