.np-breadcrumbs,
.np-breadcrumb,
.np-breadcrumb-wrap,
.breadcrumb,
.breadcrumbs,
.rank-math-breadcrumb,
.yoast-breadcrumb,
.woocommerce-breadcrumb,
nav.woocommerce-breadcrumb,
.dokan-breadcrumb {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--np-breadcrumb-gap, 0.5rem);
    width: 100%;
    min-width: 0;
    margin: var(--np-breadcrumb-margin, 0);
    padding: var(--np-breadcrumb-padding, 0);
    color: var(--np-breadcrumb-color, var(--np-color-text-muted, #64748b));
    font-family: var(--np-font-heading, Tahoma, Arial, sans-serif);
    font-size: var(--np-breadcrumb-font-size, 0.875rem);
    font-weight: var(--np-breadcrumb-font-weight, var(--np-font-weight-medium, 500));
    line-height: var(--np-line-height-snug, 1.5);
    text-align: start;
}

.np-breadcrumbs {
    margin-block: var(--np-breadcrumb-margin-y, 0);
}

.np-breadcrumbs,
.np-breadcrumb-wrap {
    overflow: visible;
}

.np-breadcrumbs.is-card,
.np-breadcrumb.is-card,
.np-breadcrumb-wrap.is-card {
    width: fit-content;
    max-width: 100%;
    padding-block: var(--np-breadcrumb-card-padding-y, 0.625rem);
    padding-inline: var(--np-breadcrumb-card-padding-x, 1rem);
    background: var(--np-breadcrumb-card-background, var(--np-color-surface, #ffffff));
    border: var(--np-border-width, 1px) solid var(--np-breadcrumb-card-border-color, var(--np-color-border-soft, #e2e8f0));
    border-radius: var(--np-breadcrumb-card-radius, var(--np-radius-pill, 999px));
    box-shadow: var(--np-breadcrumb-card-shadow, var(--np-shadow-xs, 0 1px 3px rgba(15, 23, 42, 0.06)));
}

.np-breadcrumbs.is-soft,
.np-breadcrumb.is-soft,
.np-breadcrumb-wrap.is-soft {
    width: fit-content;
    max-width: 100%;
    padding-block: var(--np-breadcrumb-card-padding-y, 0.625rem);
    padding-inline: var(--np-breadcrumb-card-padding-x, 1rem);
    background: var(--np-breadcrumb-soft-background, var(--np-color-surface-muted, #f1f5f9));
    border: var(--np-border-width, 1px) solid var(--np-breadcrumb-soft-border-color, transparent);
    border-radius: var(--np-breadcrumb-card-radius, var(--np-radius-pill, 999px));
}

.np-breadcrumbs.is-glass,
.np-breadcrumb.is-glass,
.np-breadcrumb-wrap.is-glass {
    width: fit-content;
    max-width: 100%;
    padding-block: var(--np-breadcrumb-card-padding-y, 0.625rem);
    padding-inline: var(--np-breadcrumb-card-padding-x, 1rem);
    background: var(--np-glass-background, rgba(255, 255, 255, 0.76));
    border: var(--np-border-width, 1px) solid var(--np-glass-border-color, rgba(203, 213, 225, 0.62));
    border-radius: var(--np-breadcrumb-card-radius, var(--np-radius-pill, 999px));
    box-shadow: var(--np-glass-shadow, 0 8px 24px rgba(15, 23, 42, 0.08));
    backdrop-filter: var(--np-glass-backdrop-filter, blur(16px));
}

.np-breadcrumbs.is-minimal,
.np-breadcrumb.is-minimal,
.np-breadcrumb-wrap.is-minimal {
    width: 100%;
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.np-breadcrumbs.is-center,
.np-breadcrumb.is-center,
.np-breadcrumb-wrap.is-center {
    justify-content: center;
    text-align: center;
}

.np-breadcrumbs.is-end,
.np-breadcrumb.is-end,
.np-breadcrumb-wrap.is-end {
    justify-content: flex-end;
    text-align: end;
}

.np-breadcrumbs.is-start,
.np-breadcrumb.is-start,
.np-breadcrumb-wrap.is-start {
    justify-content: flex-start;
    text-align: start;
}

.np-breadcrumbs.is-compact,
.np-breadcrumb.is-compact,
.np-breadcrumb-wrap.is-compact {
    gap: var(--np-breadcrumb-gap-compact, 0.375rem);
    font-size: var(--np-breadcrumb-font-size-compact, 0.75rem);
}

.np-breadcrumbs.is-large,
.np-breadcrumb.is-large,
.np-breadcrumb-wrap.is-large {
    gap: var(--np-breadcrumb-gap-large, 0.75rem);
    font-size: var(--np-breadcrumb-font-size-large, 1rem);
}

.np-breadcrumb-list,
.np-breadcrumbs ol,
.np-breadcrumbs ul,
.np-breadcrumb ol,
.np-breadcrumb ul,
.breadcrumb ol,
.breadcrumb ul,
.breadcrumbs ol,
.breadcrumbs ul,
.rank-math-breadcrumb ol,
.rank-math-breadcrumb ul,
.yoast-breadcrumb ol,
.yoast-breadcrumb ul,
.dokan-breadcrumb ol,
.dokan-breadcrumb ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--np-breadcrumb-gap, 0.5rem);
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.rank-math-breadcrumb p,
.yoast-breadcrumb p {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--np-breadcrumb-gap, 0.5rem);
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
}

.np-breadcrumb-item,
.np-breadcrumbs li,
.np-breadcrumb li,
.breadcrumb li,
.breadcrumbs li,
.rank-math-breadcrumb li,
.yoast-breadcrumb li,
.dokan-breadcrumb li {
    display: inline-flex;
    align-items: center;
    gap: var(--np-breadcrumb-gap, 0.5rem);
    min-width: 0;
    margin: 0;
    padding: 0;
    color: inherit;
}

.np-breadcrumb-item > *,
.np-breadcrumbs li > *,
.np-breadcrumb li > *,
.breadcrumb li > *,
.breadcrumbs li > *,
.rank-math-breadcrumb li > *,
.yoast-breadcrumb li > *,
.dokan-breadcrumb li > * {
    min-width: 0;
}

.np-breadcrumb-link,
.np-breadcrumbs a,
.np-breadcrumb a,
.breadcrumb a,
.breadcrumbs a,
.rank-math-breadcrumb a,
.yoast-breadcrumb a,
.woocommerce-breadcrumb a,
nav.woocommerce-breadcrumb a,
.dokan-breadcrumb a {
    display: inline-flex;
    align-items: center;
    gap: var(--np-breadcrumb-link-gap, 0.25rem);
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    color: var(--np-breadcrumb-link-color, var(--np-color-text-muted, #64748b));
    font-family: inherit;
    font-size: inherit;
    font-weight: var(--np-breadcrumb-link-font-weight, var(--np-font-weight-bold, 700));
    line-height: inherit;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition:
        color var(--np-transition-fast, 160ms ease),
        background var(--np-transition-fast, 160ms ease),
        border-color var(--np-transition-fast, 160ms ease),
        transform var(--np-transition-fast, 160ms ease);
}

.np-breadcrumb-link:hover,
.np-breadcrumb-link:focus,
.np-breadcrumbs a:hover,
.np-breadcrumbs a:focus,
.np-breadcrumb a:hover,
.np-breadcrumb a:focus,
.breadcrumb a:hover,
.breadcrumb a:focus,
.breadcrumbs a:hover,
.breadcrumbs a:focus,
.rank-math-breadcrumb a:hover,
.rank-math-breadcrumb a:focus,
.yoast-breadcrumb a:hover,
.yoast-breadcrumb a:focus,
.woocommerce-breadcrumb a:hover,
.woocommerce-breadcrumb a:focus,
nav.woocommerce-breadcrumb a:hover,
nav.woocommerce-breadcrumb a:focus,
.dokan-breadcrumb a:hover,
.dokan-breadcrumb a:focus {
    color: var(--np-breadcrumb-link-color-hover, var(--np-color-primary, #4f46e5));
    text-decoration: none;
}

.np-breadcrumb-link:focus-visible,
.np-breadcrumbs a:focus-visible,
.np-breadcrumb a:focus-visible,
.breadcrumb a:focus-visible,
.breadcrumbs a:focus-visible,
.rank-math-breadcrumb a:focus-visible,
.yoast-breadcrumb a:focus-visible,
.woocommerce-breadcrumb a:focus-visible,
nav.woocommerce-breadcrumb a:focus-visible,
.dokan-breadcrumb a:focus-visible {
    outline: var(--np-focus-outline-width, 3px) solid var(--np-focus-outline-color, #2dd4bf);
    outline-offset: var(--np-focus-outline-offset, 3px);
    border-radius: var(--np-radius-sm, 0.5rem);
}

.np-breadcrumb-current,
.np-breadcrumbs .current,
.np-breadcrumbs [aria-current="page"],
.np-breadcrumb .current,
.np-breadcrumb [aria-current="page"],
.breadcrumb .current,
.breadcrumb [aria-current="page"],
.breadcrumbs .current,
.breadcrumbs [aria-current="page"],
.rank-math-breadcrumb .last,
.rank-math-breadcrumb [aria-current="page"],
.yoast-breadcrumb .breadcrumb_last,
.yoast-breadcrumb [aria-current="page"],
.woocommerce-breadcrumb .current,
nav.woocommerce-breadcrumb .current,
.dokan-breadcrumb .active,
.dokan-breadcrumb [aria-current="page"] {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    color: var(--np-breadcrumb-current-color, var(--np-color-heading, #0f172a));
    font-family: inherit;
    font-size: inherit;
    font-weight: var(--np-breadcrumb-current-font-weight, var(--np-font-weight-black, 900));
    line-height: inherit;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.np-breadcrumb-separator,
.np-breadcrumbs .separator,
.np-breadcrumb .separator,
.breadcrumb .separator,
.breadcrumbs .separator,
.rank-math-breadcrumb .separator,
.yoast-breadcrumb .separator,
.woocommerce-breadcrumb .separator,
nav.woocommerce-breadcrumb .separator,
.dokan-breadcrumb .separator {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--np-breadcrumb-separator-size, 1rem);
    min-width: var(--np-breadcrumb-separator-size, 1rem);
    height: var(--np-breadcrumb-separator-size, 1rem);
    color: var(--np-breadcrumb-separator-color, var(--np-color-text-soft, #94a3b8));
    font-size: var(--np-breadcrumb-separator-font-size, 0.875rem);
    line-height: 1;
}

.np-breadcrumb-separator svg,
.np-breadcrumbs .separator svg,
.np-breadcrumb .separator svg,
.breadcrumb .separator svg,
.breadcrumbs .separator svg,
.rank-math-breadcrumb .separator svg,
.yoast-breadcrumb .separator svg,
.woocommerce-breadcrumb .separator svg,
nav.woocommerce-breadcrumb .separator svg,
.dokan-breadcrumb .separator svg {
    width: 1em;
    height: 1em;
    fill: currentColor;
}

.np-breadcrumb-item + .np-breadcrumb-item::before,
.np-breadcrumbs li + li::before,
.np-breadcrumb li + li::before,
.breadcrumb li + li::before,
.breadcrumbs li + li::before,
.rank-math-breadcrumb li + li::before,
.yoast-breadcrumb li + li::before,
.dokan-breadcrumb li + li::before {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--np-breadcrumb-separator-size, 1rem);
    min-width: var(--np-breadcrumb-separator-size, 1rem);
    height: var(--np-breadcrumb-separator-size, 1rem);
    color: var(--np-breadcrumb-separator-color, var(--np-color-text-soft, #94a3b8));
    font-size: var(--np-breadcrumb-separator-font-size, 0.875rem);
    line-height: 1;
    content: var(--np-breadcrumb-separator-content, "›");
}

[dir="rtl"] .np-breadcrumb-item + .np-breadcrumb-item::before,
[dir="rtl"] .np-breadcrumbs li + li::before,
[dir="rtl"] .np-breadcrumb li + li::before,
[dir="rtl"] .breadcrumb li + li::before,
[dir="rtl"] .breadcrumbs li + li::before,
[dir="rtl"] .rank-math-breadcrumb li + li::before,
[dir="rtl"] .yoast-breadcrumb li + li::before,
[dir="rtl"] .dokan-breadcrumb li + li::before,
.rtl .np-breadcrumb-item + .np-breadcrumb-item::before,
.rtl .np-breadcrumbs li + li::before,
.rtl .np-breadcrumb li + li::before,
.rtl .breadcrumb li + li::before,
.rtl .breadcrumbs li + li::before,
.rtl .rank-math-breadcrumb li + li::before,
.rtl .yoast-breadcrumb li + li::before,
.rtl .dokan-breadcrumb li + li::before {
    content: var(--np-breadcrumb-separator-content-rtl, "‹");
}

.np-breadcrumbs.is-slash .np-breadcrumb-item + .np-breadcrumb-item::before,
.np-breadcrumb.is-slash .np-breadcrumb-item + .np-breadcrumb-item::before,
.breadcrumb.is-slash li + li::before,
.breadcrumbs.is-slash li + li::before {
    content: "/";
}

[dir="rtl"] .np-breadcrumbs.is-slash .np-breadcrumb-item + .np-breadcrumb-item::before,
[dir="rtl"] .np-breadcrumb.is-slash .np-breadcrumb-item + .np-breadcrumb-item::before,
[dir="rtl"] .breadcrumb.is-slash li + li::before,
[dir="rtl"] .breadcrumbs.is-slash li + li::before,
.rtl .np-breadcrumbs.is-slash .np-breadcrumb-item + .np-breadcrumb-item::before,
.rtl .np-breadcrumb.is-slash .np-breadcrumb-item + .np-breadcrumb-item::before,
.rtl .breadcrumb.is-slash li + li::before,
.rtl .breadcrumbs.is-slash li + li::before {
    content: "/";
}

.np-breadcrumbs.is-dot .np-breadcrumb-item + .np-breadcrumb-item::before,
.np-breadcrumb.is-dot .np-breadcrumb-item + .np-breadcrumb-item::before,
.breadcrumb.is-dot li + li::before,
.breadcrumbs.is-dot li + li::before {
    width: var(--np-breadcrumb-dot-size, 0.375rem);
    min-width: var(--np-breadcrumb-dot-size, 0.375rem);
    height: var(--np-breadcrumb-dot-size, 0.375rem);
    background: currentColor;
    border-radius: var(--np-radius-circle, 50%);
    opacity: 0.45;
    content: "";
}

.np-breadcrumbs.is-line .np-breadcrumb-item + .np-breadcrumb-item::before,
.np-breadcrumb.is-line .np-breadcrumb-item + .np-breadcrumb-item::before,
.breadcrumb.is-line li + li::before,
.breadcrumbs.is-line li + li::before {
    width: var(--np-breadcrumb-line-size, 1.5rem);
    height: var(--np-border-width, 1px);
    background: var(--np-breadcrumb-separator-color, var(--np-color-text-soft, #94a3b8));
    content: "";
}

.np-breadcrumbs.is-pill a,
.np-breadcrumb.is-pill a,
.breadcrumb.is-pill a,
.breadcrumbs.is-pill a {
    min-height: var(--np-breadcrumb-pill-height, 2rem);
    padding-inline: var(--np-breadcrumb-pill-padding-x, 0.75rem);
    background: var(--np-breadcrumb-pill-background, var(--np-color-surface, #ffffff));
    border: var(--np-border-width, 1px) solid var(--np-breadcrumb-pill-border-color, var(--np-color-border-soft, #e2e8f0));
    border-radius: var(--np-radius-pill, 999px);
    box-shadow: var(--np-shadow-xs, 0 1px 3px rgba(15, 23, 42, 0.06));
}

.np-breadcrumbs.is-pill a:hover,
.np-breadcrumbs.is-pill a:focus,
.np-breadcrumb.is-pill a:hover,
.np-breadcrumb.is-pill a:focus,
.breadcrumb.is-pill a:hover,
.breadcrumb.is-pill a:focus,
.breadcrumbs.is-pill a:hover,
.breadcrumbs.is-pill a:focus {
    background: var(--np-breadcrumb-pill-background-hover, var(--np-color-primary-soft, #eef2ff));
    border-color: var(--np-breadcrumb-pill-border-color-hover, var(--np-color-primary-subtle, #e0e7ff));
}

.np-breadcrumbs.is-pill .np-breadcrumb-current,
.np-breadcrumb.is-pill .np-breadcrumb-current,
.breadcrumb.is-pill .current,
.breadcrumbs.is-pill .current,
.np-breadcrumbs.is-pill [aria-current="page"],
.np-breadcrumb.is-pill [aria-current="page"],
.breadcrumb.is-pill [aria-current="page"],
.breadcrumbs.is-pill [aria-current="page"] {
    min-height: var(--np-breadcrumb-pill-height, 2rem);
    padding-inline: var(--np-breadcrumb-pill-padding-x, 0.75rem);
    background: var(--np-breadcrumb-current-background, var(--np-color-heading, #0f172a));
    border-radius: var(--np-radius-pill, 999px);
    color: var(--np-breadcrumb-current-pill-color, var(--np-color-white, #ffffff));
}

.np-breadcrumb-home,
.np-breadcrumb-home-link {
    display: inline-flex;
    align-items: center;
    gap: var(--np-breadcrumb-link-gap, 0.25rem);
    min-width: 0;
}

.np-breadcrumb-home-icon,
.np-breadcrumb-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--np-breadcrumb-icon-size, 1em);
    min-width: var(--np-breadcrumb-icon-size, 1em);
    height: var(--np-breadcrumb-icon-size, 1em);
    color: currentColor;
    line-height: 1;
}

.np-breadcrumb-home-icon svg,
.np-breadcrumb-icon svg {
    display: block;
    width: 100%;
    height: 100%;
    fill: currentColor;
}

.np-breadcrumb-text {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.np-breadcrumbs.is-truncated,
.np-breadcrumb.is-truncated,
.breadcrumb.is-truncated,
.breadcrumbs.is-truncated {
    flex-wrap: nowrap;
    overflow: hidden;
}

.np-breadcrumbs.is-truncated .np-breadcrumb-list,
.np-breadcrumb.is-truncated .np-breadcrumb-list,
.breadcrumb.is-truncated ol,
.breadcrumb.is-truncated ul,
.breadcrumbs.is-truncated ol,
.breadcrumbs.is-truncated ul {
    flex-wrap: nowrap;
    overflow: hidden;
}

.np-breadcrumbs.is-truncated .np-breadcrumb-item,
.np-breadcrumb.is-truncated .np-breadcrumb-item,
.breadcrumb.is-truncated li,
.breadcrumbs.is-truncated li {
    min-width: 0;
}

.np-breadcrumbs.is-truncated .np-breadcrumb-item:not(:first-child):not(:last-child),
.np-breadcrumb.is-truncated .np-breadcrumb-item:not(:first-child):not(:last-child),
.breadcrumb.is-truncated li:not(:first-child):not(:last-child),
.breadcrumbs.is-truncated li:not(:first-child):not(:last-child) {
    flex: 0 1 auto;
}

.np-breadcrumbs.is-truncated .np-breadcrumb-item:last-child,
.np-breadcrumb.is-truncated .np-breadcrumb-item:last-child,
.breadcrumb.is-truncated li:last-child,
.breadcrumbs.is-truncated li:last-child {
    flex: 1 1 auto;
}

.np-breadcrumbs.is-scroll,
.np-breadcrumb.is-scroll,
.breadcrumb.is-scroll,
.breadcrumbs.is-scroll {
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: thin;
    scroll-padding-inline: var(--np-container-padding, 1rem);
    -webkit-overflow-scrolling: touch;
}

.np-breadcrumbs.is-scroll .np-breadcrumb-list,
.np-breadcrumb.is-scroll .np-breadcrumb-list,
.breadcrumb.is-scroll ol,
.breadcrumb.is-scroll ul,
.breadcrumbs.is-scroll ol,
.breadcrumbs.is-scroll ul {
    flex-wrap: nowrap;
    width: max-content;
    min-width: 100%;
}

.np-breadcrumbs.is-scroll .np-breadcrumb-item,
.np-breadcrumb.is-scroll .np-breadcrumb-item,
.breadcrumb.is-scroll li,
.breadcrumbs.is-scroll li {
    flex: 0 0 auto;
}

.np-breadcrumbs.is-nowrap,
.np-breadcrumb.is-nowrap,
.breadcrumb.is-nowrap,
.breadcrumbs.is-nowrap {
    flex-wrap: nowrap;
}

.np-breadcrumbs.is-nowrap .np-breadcrumb-list,
.np-breadcrumb.is-nowrap .np-breadcrumb-list,
.breadcrumb.is-nowrap ol,
.breadcrumb.is-nowrap ul,
.breadcrumbs.is-nowrap ol,
.breadcrumbs.is-nowrap ul {
    flex-wrap: nowrap;
}

.np-page-title-section .np-breadcrumbs,
.np-page-title-section .np-breadcrumb,
.np-hero-section .np-breadcrumbs,
.np-hero-section .np-breadcrumb,
.np-page-header .np-breadcrumbs,
.np-page-header .np-breadcrumb,
.np-section-header .np-breadcrumbs,
.np-section-header .np-breadcrumb {
    margin-block-end: var(--np-breadcrumb-section-margin-end, 1rem);
}

.woocommerce-breadcrumb,
nav.woocommerce-breadcrumb {
    margin: var(--np-woocommerce-breadcrumb-margin, 0 0 1.5rem);
    padding: 0;
    color: var(--np-breadcrumb-color, var(--np-color-text-muted, #64748b));
    font-size: var(--np-breadcrumb-font-size, 0.875rem);
}

.woocommerce .woocommerce-breadcrumb,
.woocommerce-page .woocommerce-breadcrumb {
    margin: var(--np-woocommerce-breadcrumb-margin, 0 0 1.5rem);
}

.rank-math-breadcrumb,
.yoast-breadcrumb {
    min-width: 0;
}

.rank-math-breadcrumb .separator,
.yoast-breadcrumb .separator {
    color: var(--np-breadcrumb-separator-color, var(--np-color-text-soft, #94a3b8));
}

.dokan-breadcrumb {
    margin: var(--np-dokan-breadcrumb-margin, 0 0 1.5rem);
}

.dokan-breadcrumb > li + li::before {
    padding: 0;
    color: var(--np-breadcrumb-separator-color, var(--np-color-text-soft, #94a3b8));
}

.elementor .np-breadcrumbs,
.elementor .np-breadcrumb,
.elementor .breadcrumb,
.elementor .breadcrumbs {
    width: 100%;
}

.np-section-dark .np-breadcrumbs,
.np-section-dark .np-breadcrumb,
.np-section-dark .np-breadcrumb-wrap,
.np-section-dark .breadcrumb,
.np-section-dark .breadcrumbs,
.np-section-dark .rank-math-breadcrumb,
.np-section-dark .yoast-breadcrumb,
.np-section-dark .woocommerce-breadcrumb,
.np-section-dark nav.woocommerce-breadcrumb,
.np-section-dark .dokan-breadcrumb,
.np-layout-dark .np-breadcrumbs,
.np-layout-dark .np-breadcrumb,
.np-layout-dark .np-breadcrumb-wrap,
.np-layout-dark .breadcrumb,
.np-layout-dark .breadcrumbs,
.np-layout-dark .rank-math-breadcrumb,
.np-layout-dark .yoast-breadcrumb,
.np-layout-dark .woocommerce-breadcrumb,
.np-layout-dark nav.woocommerce-breadcrumb,
.np-layout-dark .dokan-breadcrumb {
    color: rgba(255, 255, 255, 0.68);
}

.np-section-dark .np-breadcrumbs.is-card,
.np-section-dark .np-breadcrumb.is-card,
.np-section-dark .np-breadcrumb-wrap.is-card,
.np-section-dark .np-breadcrumbs.is-soft,
.np-section-dark .np-breadcrumb.is-soft,
.np-section-dark .np-breadcrumb-wrap.is-soft,
.np-section-dark .np-breadcrumbs.is-glass,
.np-section-dark .np-breadcrumb.is-glass,
.np-section-dark .np-breadcrumb-wrap.is-glass,
.np-layout-dark .np-breadcrumbs.is-card,
.np-layout-dark .np-breadcrumb.is-card,
.np-layout-dark .np-breadcrumb-wrap.is-card,
.np-layout-dark .np-breadcrumbs.is-soft,
.np-layout-dark .np-breadcrumb.is-soft,
.np-layout-dark .np-breadcrumb-wrap.is-soft,
.np-layout-dark .np-breadcrumbs.is-glass,
.np-layout-dark .np-breadcrumb.is-glass,
.np-layout-dark .np-breadcrumb-wrap.is-glass {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.12);
    box-shadow: none;
}

.np-section-dark .np-breadcrumbs a,
.np-section-dark .np-breadcrumb a,
.np-section-dark .breadcrumb a,
.np-section-dark .breadcrumbs a,
.np-section-dark .rank-math-breadcrumb a,
.np-section-dark .yoast-breadcrumb a,
.np-section-dark .woocommerce-breadcrumb a,
.np-section-dark nav.woocommerce-breadcrumb a,
.np-section-dark .dokan-breadcrumb a,
.np-layout-dark .np-breadcrumbs a,
.np-layout-dark .np-breadcrumb a,
.np-layout-dark .breadcrumb a,
.np-layout-dark .breadcrumbs a,
.np-layout-dark .rank-math-breadcrumb a,
.np-layout-dark .yoast-breadcrumb a,
.np-layout-dark .woocommerce-breadcrumb a,
.np-layout-dark nav.woocommerce-breadcrumb a,
.np-layout-dark .dokan-breadcrumb a {
    color: rgba(255, 255, 255, 0.72);
}

.np-section-dark .np-breadcrumbs a:hover,
.np-section-dark .np-breadcrumbs a:focus,
.np-section-dark .np-breadcrumb a:hover,
.np-section-dark .np-breadcrumb a:focus,
.np-section-dark .breadcrumb a:hover,
.np-section-dark .breadcrumb a:focus,
.np-section-dark .breadcrumbs a:hover,
.np-section-dark .breadcrumbs a:focus,
.np-section-dark .rank-math-breadcrumb a:hover,
.np-section-dark .rank-math-breadcrumb a:focus,
.np-section-dark .yoast-breadcrumb a:hover,
.np-section-dark .yoast-breadcrumb a:focus,
.np-section-dark .woocommerce-breadcrumb a:hover,
.np-section-dark .woocommerce-breadcrumb a:focus,
.np-section-dark nav.woocommerce-breadcrumb a:hover,
.np-section-dark nav.woocommerce-breadcrumb a:focus,
.np-section-dark .dokan-breadcrumb a:hover,
.np-section-dark .dokan-breadcrumb a:focus,
.np-layout-dark .np-breadcrumbs a:hover,
.np-layout-dark .np-breadcrumbs a:focus,
.np-layout-dark .np-breadcrumb a:hover,
.np-layout-dark .np-breadcrumb a:focus,
.np-layout-dark .breadcrumb a:hover,
.np-layout-dark .breadcrumb a:focus,
.np-layout-dark .breadcrumbs a:hover,
.np-layout-dark .breadcrumbs a:focus,
.np-layout-dark .rank-math-breadcrumb a:hover,
.np-layout-dark .rank-math-breadcrumb a:focus,
.np-layout-dark .yoast-breadcrumb a:hover,
.np-layout-dark .yoast-breadcrumb a:focus,
.np-layout-dark .woocommerce-breadcrumb a:hover,
.np-layout-dark .woocommerce-breadcrumb a:focus,
.np-layout-dark nav.woocommerce-breadcrumb a:hover,
.np-layout-dark nav.woocommerce-breadcrumb a:focus,
.np-layout-dark .dokan-breadcrumb a:hover,
.np-layout-dark .dokan-breadcrumb a:focus {
    color: var(--np-color-white, #ffffff);
}

.np-section-dark .np-breadcrumb-current,
.np-section-dark .np-breadcrumbs .current,
.np-section-dark .np-breadcrumbs [aria-current="page"],
.np-section-dark .np-breadcrumb .current,
.np-section-dark .np-breadcrumb [aria-current="page"],
.np-section-dark .breadcrumb .current,
.np-section-dark .breadcrumb [aria-current="page"],
.np-section-dark .breadcrumbs .current,
.np-section-dark .breadcrumbs [aria-current="page"],
.np-section-dark .rank-math-breadcrumb .last,
.np-section-dark .rank-math-breadcrumb [aria-current="page"],
.np-section-dark .yoast-breadcrumb .breadcrumb_last,
.np-section-dark .yoast-breadcrumb [aria-current="page"],
.np-section-dark .woocommerce-breadcrumb .current,
.np-section-dark nav.woocommerce-breadcrumb .current,
.np-section-dark .dokan-breadcrumb .active,
.np-section-dark .dokan-breadcrumb [aria-current="page"],
.np-layout-dark .np-breadcrumb-current,
.np-layout-dark .np-breadcrumbs .current,
.np-layout-dark .np-breadcrumbs [aria-current="page"],
.np-layout-dark .np-breadcrumb .current,
.np-layout-dark .np-breadcrumb [aria-current="page"],
.np-layout-dark .breadcrumb .current,
.np-layout-dark .breadcrumb [aria-current="page"],
.np-layout-dark .breadcrumbs .current,
.np-layout-dark .breadcrumbs [aria-current="page"],
.np-layout-dark .rank-math-breadcrumb .last,
.np-layout-dark .rank-math-breadcrumb [aria-current="page"],
.np-layout-dark .yoast-breadcrumb .breadcrumb_last,
.np-layout-dark .yoast-breadcrumb [aria-current="page"],
.np-layout-dark .woocommerce-breadcrumb .current,
.np-layout-dark nav.woocommerce-breadcrumb .current,
.np-layout-dark .dokan-breadcrumb .active,
.np-layout-dark .dokan-breadcrumb [aria-current="page"] {
    color: var(--np-color-white, #ffffff);
}

.np-section-dark .np-breadcrumb-separator,
.np-section-dark .np-breadcrumbs .separator,
.np-section-dark .np-breadcrumb .separator,
.np-section-dark .breadcrumb .separator,
.np-section-dark .breadcrumbs .separator,
.np-section-dark .rank-math-breadcrumb .separator,
.np-section-dark .yoast-breadcrumb .separator,
.np-section-dark .woocommerce-breadcrumb .separator,
.np-section-dark nav.woocommerce-breadcrumb .separator,
.np-section-dark .dokan-breadcrumb .separator,
.np-section-dark .np-breadcrumb-item + .np-breadcrumb-item::before,
.np-section-dark .np-breadcrumbs li + li::before,
.np-section-dark .np-breadcrumb li + li::before,
.np-section-dark .breadcrumb li + li::before,
.np-section-dark .breadcrumbs li + li::before,
.np-section-dark .rank-math-breadcrumb li + li::before,
.np-section-dark .yoast-breadcrumb li + li::before,
.np-section-dark .dokan-breadcrumb li + li::before,
.np-layout-dark .np-breadcrumb-separator,
.np-layout-dark .np-breadcrumbs .separator,
.np-layout-dark .np-breadcrumb .separator,
.np-layout-dark .breadcrumb .separator,
.np-layout-dark .breadcrumbs .separator,
.np-layout-dark .rank-math-breadcrumb .separator,
.np-layout-dark .yoast-breadcrumb .separator,
.np-layout-dark .woocommerce-breadcrumb .separator,
.np-layout-dark nav.woocommerce-breadcrumb .separator,
.np-layout-dark .dokan-breadcrumb .separator,
.np-layout-dark .np-breadcrumb-item + .np-breadcrumb-item::before,
.np-layout-dark .np-breadcrumbs li + li::before,
.np-layout-dark .np-breadcrumb li + li::before,
.np-layout-dark .breadcrumb li + li::before,
.np-layout-dark .breadcrumbs li + li::before,
.np-layout-dark .rank-math-breadcrumb li + li::before,
.np-layout-dark .yoast-breadcrumb li + li::before,
.np-layout-dark .dokan-breadcrumb li + li::before {
    color: rgba(255, 255, 255, 0.42);
}

.np-section-dark .np-breadcrumbs.is-pill a,
.np-section-dark .np-breadcrumb.is-pill a,
.np-section-dark .breadcrumb.is-pill a,
.np-section-dark .breadcrumbs.is-pill a,
.np-layout-dark .np-breadcrumbs.is-pill a,
.np-layout-dark .np-breadcrumb.is-pill a,
.np-layout-dark .breadcrumb.is-pill a,
.np-layout-dark .breadcrumbs.is-pill a {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.72);
    box-shadow: none;
}

.np-section-dark .np-breadcrumbs.is-pill a:hover,
.np-section-dark .np-breadcrumbs.is-pill a:focus,
.np-section-dark .np-breadcrumb.is-pill a:hover,
.np-section-dark .np-breadcrumb.is-pill a:focus,
.np-section-dark .breadcrumb.is-pill a:hover,
.np-section-dark .breadcrumb.is-pill a:focus,
.np-section-dark .breadcrumbs.is-pill a:hover,
.np-section-dark .breadcrumbs.is-pill a:focus,
.np-layout-dark .np-breadcrumbs.is-pill a:hover,
.np-layout-dark .np-breadcrumbs.is-pill a:focus,
.np-layout-dark .np-breadcrumb.is-pill a:hover,
.np-layout-dark .np-breadcrumb.is-pill a:focus,
.np-layout-dark .breadcrumb.is-pill a:hover,
.np-layout-dark .breadcrumb.is-pill a:focus,
.np-layout-dark .breadcrumbs.is-pill a:hover,
.np-layout-dark .breadcrumbs.is-pill a:focus {
    background: rgba(255, 255, 255, 0.12);
    border-color: rgba(255, 255, 255, 0.2);
    color: var(--np-color-white, #ffffff);
}

@media (max-width: 782px) {
    .np-breadcrumbs,
    .np-breadcrumb,
    .np-breadcrumb-wrap,
    .breadcrumb,
    .breadcrumbs,
    .rank-math-breadcrumb,
    .yoast-breadcrumb,
    .woocommerce-breadcrumb,
    nav.woocommerce-breadcrumb,
    .dokan-breadcrumb {
        gap: var(--np-breadcrumb-gap-mobile, 0.375rem);
        font-size: var(--np-breadcrumb-font-size-mobile, 0.75rem);
    }

    .np-breadcrumb-list,
    .np-breadcrumbs ol,
    .np-breadcrumbs ul,
    .np-breadcrumb ol,
    .np-breadcrumb ul,
    .breadcrumb ol,
    .breadcrumb ul,
    .breadcrumbs ol,
    .breadcrumbs ul,
    .rank-math-breadcrumb ol,
    .rank-math-breadcrumb ul,
    .yoast-breadcrumb ol,
    .yoast-breadcrumb ul,
    .dokan-breadcrumb ol,
    .dokan-breadcrumb ul,
    .rank-math-breadcrumb p,
    .yoast-breadcrumb p {
        gap: var(--np-breadcrumb-gap-mobile, 0.375rem);
    }

    .np-breadcrumbs.is-card,
    .np-breadcrumb.is-card,
    .np-breadcrumb-wrap.is-card,
    .np-breadcrumbs.is-soft,
    .np-breadcrumb.is-soft,
    .np-breadcrumb-wrap.is-soft,
    .np-breadcrumbs.is-glass,
    .np-breadcrumb.is-glass,
    .np-breadcrumb-wrap.is-glass {
        width: 100%;
        padding-block: var(--np-breadcrumb-card-padding-y-mobile, 0.75rem);
        padding-inline: var(--np-breadcrumb-card-padding-x-mobile, 1rem);
        border-radius: var(--np-breadcrumb-card-radius-mobile, var(--np-radius-xl, 1.25rem));
    }

    .np-breadcrumbs.is-mobile-scroll,
    .np-breadcrumb.is-mobile-scroll,
    .breadcrumb.is-mobile-scroll,
    .breadcrumbs.is-mobile-scroll {
        flex-wrap: nowrap;
        justify-content: flex-start;
        overflow-x: auto;
        overflow-y: hidden;
        margin-inline: calc(var(--np-container-padding, 1rem) * -1);
        padding-inline: var(--np-container-padding, 1rem);
        scroll-padding-inline: var(--np-container-padding, 1rem);
        -webkit-overflow-scrolling: touch;
    }

    .np-breadcrumbs.is-mobile-scroll .np-breadcrumb-list,
    .np-breadcrumb.is-mobile-scroll .np-breadcrumb-list,
    .breadcrumb.is-mobile-scroll ol,
    .breadcrumb.is-mobile-scroll ul,
    .breadcrumbs.is-mobile-scroll ol,
    .breadcrumbs.is-mobile-scroll ul {
        flex-wrap: nowrap;
        width: max-content;
        min-width: auto;
    }

    .np-breadcrumbs.is-mobile-scroll .np-breadcrumb-item,
    .np-breadcrumb.is-mobile-scroll .np-breadcrumb-item,
    .breadcrumb.is-mobile-scroll li,
    .breadcrumbs.is-mobile-scroll li {
        flex: 0 0 auto;
    }

    .np-breadcrumbs.is-mobile-truncated .np-breadcrumb-item:not(:first-child):not(:last-child),
    .np-breadcrumb.is-mobile-truncated .np-breadcrumb-item:not(:first-child):not(:last-child),
    .breadcrumb.is-mobile-truncated li:not(:first-child):not(:last-child),
    .breadcrumbs.is-mobile-truncated li:not(:first-child):not(:last-child) {
        display: none;
    }

    .np-breadcrumbs.is-mobile-truncated .np-breadcrumb-item:last-child,
    .np-breadcrumb.is-mobile-truncated .np-breadcrumb-item:last-child,
    .breadcrumb.is-mobile-truncated li:last-child,
    .breadcrumbs.is-mobile-truncated li:last-child {
        flex: 1 1 auto;
        min-width: 0;
    }

    .np-breadcrumbs.is-mobile-truncated .np-breadcrumb-item:last-child::before,
    .np-breadcrumb.is-mobile-truncated .np-breadcrumb-item:last-child::before,
    .breadcrumb.is-mobile-truncated li:last-child::before,
    .breadcrumbs.is-mobile-truncated li:last-child::before {
        content: "…";
    }

    [dir="rtl"] .np-breadcrumbs.is-mobile-truncated .np-breadcrumb-item:last-child::before,
    [dir="rtl"] .np-breadcrumb.is-mobile-truncated .np-breadcrumb-item:last-child::before,
    [dir="rtl"] .breadcrumb.is-mobile-truncated li:last-child::before,
    [dir="rtl"] .breadcrumbs.is-mobile-truncated li:last-child::before,
    .rtl .np-breadcrumbs.is-mobile-truncated .np-breadcrumb-item:last-child::before,
    .rtl .np-breadcrumb.is-mobile-truncated .np-breadcrumb-item:last-child::before,
    .rtl .breadcrumb.is-mobile-truncated li:last-child::before,
    .rtl .breadcrumbs.is-mobile-truncated li:last-child::before {
        content: "…";
    }

    .woocommerce-breadcrumb,
    nav.woocommerce-breadcrumb,
    .woocommerce .woocommerce-breadcrumb,
    .woocommerce-page .woocommerce-breadcrumb,
    .dokan-breadcrumb {
        margin-block-end: var(--np-breadcrumb-margin-end-mobile, 1rem);
    }
}

@media (max-width: 480px) {
    .np-breadcrumbs,
    .np-breadcrumb,
    .np-breadcrumb-wrap,
    .breadcrumb,
    .breadcrumbs,
    .rank-math-breadcrumb,
    .yoast-breadcrumb,
    .woocommerce-breadcrumb,
    nav.woocommerce-breadcrumb,
    .dokan-breadcrumb {
        font-size: var(--np-breadcrumb-font-size-small, 0.75rem);
    }

    .np-breadcrumbs.is-hide-small,
    .np-breadcrumb.is-hide-small,
    .breadcrumb.is-hide-small,
    .breadcrumbs.is-hide-small {
        display: none !important;
    }

    .np-breadcrumbs.is-pill a,
    .np-breadcrumb.is-pill a,
    .breadcrumb.is-pill a,
    .breadcrumbs.is-pill a,
    .np-breadcrumbs.is-pill .np-breadcrumb-current,
    .np-breadcrumb.is-pill .np-breadcrumb-current,
    .breadcrumb.is-pill .current,
    .breadcrumbs.is-pill .current,
    .np-breadcrumbs.is-pill [aria-current="page"],
    .np-breadcrumb.is-pill [aria-current="page"],
    .breadcrumb.is-pill [aria-current="page"],
    .breadcrumbs.is-pill [aria-current="page"] {
        min-height: var(--np-breadcrumb-pill-height-small, 1.75rem);
        padding-inline: var(--np-breadcrumb-pill-padding-x-small, 0.625rem);
    }
}

@media (prefers-reduced-motion: reduce) {
    .np-breadcrumb-link,
    .np-breadcrumbs a,
    .np-breadcrumb a,
    .breadcrumb a,
    .breadcrumbs a,
    .rank-math-breadcrumb a,
    .yoast-breadcrumb a,
    .woocommerce-breadcrumb a,
    nav.woocommerce-breadcrumb a,
    .dokan-breadcrumb a {
        transition: none !important;
    }
}

@media print {
    .np-breadcrumbs,
    .np-breadcrumb,
    .breadcrumb,
    .breadcrumbs,
    .rank-math-breadcrumb,
    .yoast-breadcrumb,
    .woocommerce-breadcrumb,
    nav.woocommerce-breadcrumb,
    .dokan-breadcrumb,
    .np-breadcrumb-wrap {
        display: none !important;
    }
}