/* Keep header actions above the inherited category navigation (z-index: 20).
 * A stacking context on the entire top row prevents the z-10 account dropdown
 * from being covered by the separate navigation row. Drawers remain above it.
 */
.blue39-header-main {
    position: relative;
    z-index: 30;
}

.blue39-header-actions #customer-menu + nav a {
    display: block;
    box-sizing: border-box;
    width: 100%;
    min-height: 44px;
}

/* Compact storefront header; preserve native action and drawer hit targets. */
.blue39-header .blue39-header-main {
    padding-block: 16px;
    gap: 28px;
}
.blue39-header .blue39-search input { padding-block: 12px; }
.blue39-header .blue39-navigation { min-height: 44px; padding-block: 0; gap: 0 20px; }
.blue39-header .blue39-world-links > a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding-block: 0;
    font-size: 13px;
}
.blue39-header .blue39-business-link { min-height: 44px; padding-block: 0; font-size: 12px; }
@media (max-width: 1023px) {
    .blue39-header .blue39-header-main { gap: 14px 18px; }
}
@media (max-width: 639px) {
    .blue39-header .blue39-header-main { padding: 12px 16px 8px; gap: 12px 8px; }
    .blue39-header .blue39-navigation { padding-block: 0; gap: 0 14px; }
}

/* Compact only the navigation and breadcrumbs; keep announcement/logo/search. */
.blue39-header .blue39-category-toggle {
    min-height: 44px; padding-block: 0; gap: 8px; font-size: 14px; line-height: 1.3;
}
.blue39-header .blue39-world-links { gap: 20px; }
.blue39-store .breadcrumbs .items {
    display: flex; flex-wrap: nowrap; align-items: center;
    min-width: 0; min-height: 32px; margin: 0; padding-block: 4px;
    font-size: 12px; line-height: 1.4; overflow: hidden;
}
.blue39-store .breadcrumbs .items > .item {
    display: inline-flex; align-items: center; flex: 0 1 auto;
    min-width: 0; white-space: nowrap;
}
.blue39-store .breadcrumbs .items > .item:has([aria-current="page"]) {
    flex: 1 1 auto;
}
.blue39-store .breadcrumbs .item > a {
    display: block; min-width: 0; overflow: hidden;
    text-overflow: ellipsis; white-space: nowrap; padding-block: 4px;
}
.blue39-store .breadcrumbs .separator { flex-shrink: 0; padding-inline: 6px; }
/* Native product breadcrumbs add decorative scroll-fade sentinels, not crumbs. */
.blue39-store .breadcrumbs .items > li[aria-hidden="true"] { display: none; }
@media (max-width: 767px) {
    .blue39-header .blue39-world-links { gap: 18px; }
    .blue39-header .blue39-world-links > a { font-size: 12px; }
}