/* AsanWP Market — breadcrumbs in one scrollable RTL row across templates.
 * Scrolling belongs to the breadcrumb itself, never to the whole page. */
:is(.awp-page-breadcrumbs, .awp-blog-breadcrumbs, .woocommerce .woocommerce-breadcrumb, .awp-breadcrumb-scroll) {
    display: block;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    direction: rtl;
    text-align: right;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
    /* Hide the native track/thumb without disabling horizontal touch/trackpad scrolling. */
    scrollbar-width: none; /* Firefox and modern browsers */
    -ms-overflow-style: none; /* Legacy Edge / IE */
}
:is(.awp-page-breadcrumbs, .awp-blog-breadcrumbs, .woocommerce .woocommerce-breadcrumb, .awp-breadcrumb-scroll)::-webkit-scrollbar {
    display: none; /* Chrome / Safari / iOS */
    width: 0;
    height: 0;
}

.awp-page-breadcrumbs ol,
.awp-blog-breadcrumbs ol {
    display: flex;
    flex-wrap: nowrap;
    width: max-content;
    min-width: 100%;
    align-items: center;
    gap: 7px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.awp-page-breadcrumbs li,
.awp-blog-breadcrumbs li {
    flex: 0 0 auto;
    min-width: max-content;
    white-space: nowrap;
}
.awp-page-breadcrumbs [aria-current="page"] span,
.awp-blog-breadcrumbs [aria-current="page"] span {
    display: inline;
    max-width: none;
    overflow: visible;
    text-overflow: clip;
    white-space: nowrap;
}

/* The plugin supplies the breadcrumb hierarchy and delimiters; only presentation changes. */
.awp-breadcrumb-scroll { margin: 0 0 18px; color: var(--awp-muted); font-size: 11px; line-height: 1.9; }
.awp-breadcrumb-scroll .rank-math-breadcrumb {
    display: block;
    width: max-content;
    min-width: 100%;
    margin: 0;
    overflow: visible;
}
.awp-breadcrumb-scroll .rank-math-breadcrumb p {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 7px;
    width: max-content;
    min-width: 100%;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    line-height: 1.9;
}
.awp-breadcrumb-scroll .rank-math-breadcrumb :is(a, span) {
    flex: 0 0 auto;
    max-width: none;
    white-space: nowrap;
}
.awp-breadcrumb-scroll a { color: var(--awp-muted); text-decoration: none; }
.awp-breadcrumb-scroll a:hover { color: var(--awp-ink); }
.awp-breadcrumb-scroll .last { color: var(--awp-ink); font-weight: 600; }
.awp-breadcrumb-scroll .separator { color: var(--awp-muted); opacity: .75; }

/* Pages and articles keep existing spacing; only one shared bar is scrollable. */
.awp-branded-content-page .awp-breadcrumb-scroll,
.awp-contact-main .awp-breadcrumb-scroll { margin-bottom: 19px; }
.awp-blog .awp-breadcrumb-scroll { margin-bottom: 18px; font-size: 12px; }
body.single-product #awp-market-product-shell > .awp-breadcrumb-scroll { margin-bottom: 17px; }
html[data-awp-theme="dark"] .awp-breadcrumb-scroll a { color: var(--awp-muted); }
html[data-awp-theme="dark"] .awp-breadcrumb-scroll a:hover { color: var(--awp-primary); }
html[data-awp-theme="dark"] .awp-breadcrumb-scroll .last { color: var(--awp-ink); }

@media (max-width: 767px) {
    .awp-breadcrumb-scroll { font-size: 10px; margin-bottom: 12px; }
    .awp-blog .awp-breadcrumb-scroll { font-size: 9.5px; margin-bottom: 12px; }
    .awp-branded-content-page .awp-breadcrumb-scroll,
    .awp-contact-main .awp-breadcrumb-scroll { margin-bottom: 12px; }
}

/* 0.22.110 — one left-pointing SVG chevron (<) for native, WooCommerce and Rank Math trails.
 * Keep the actual trail items in a single scrollable row; replace only the
 * separators, not product/content text or navigation controls. */
:is(.awp-page-breadcrumbs, .awp-blog-breadcrumbs) li:not(:last-child)::after,
.woocommerce .woocommerce-breadcrumb .awp-breadcrumb-separator,
.awp-breadcrumb-scroll .rank-math-breadcrumb .separator {
    content: "";
    display: inline-block;
    flex: 0 0 9px;
    width: 9px;
    height: 13px;
    min-width: 9px;
    margin-inline: 2px;
    vertical-align: middle;
    background-color: var(--awp-muted, #92979d);
    -webkit-mask: url('../icons/breadcrumb-chevron-left.svg') center / contain no-repeat;
    mask: url('../icons/breadcrumb-chevron-left.svg') center / contain no-repeat;
    opacity: .78;
}
/* Rank Math renders its separator character inside a span. Hide that character
 * visually while keeping its own hierarchy and markup unmodified. */
.awp-breadcrumb-scroll .rank-math-breadcrumb .separator {
    font-size: 0 !important;
    line-height: 0;
    color: transparent !important;
    overflow: hidden;
}