/* ==========================================================================
   Light navigation row polish
   Keeps the header airy while echoing the obsidian/gold system.
   ========================================================================== */

.provenance-navbar__categories {
    background: rgba(253, 250, 244, 0.92);
    border-top: 1px solid rgba(28, 22, 18, 0.14);
    box-shadow: inset 0 -1px 0 rgba(28, 22, 18, 0.08);
}

.provenance-navbar__categories .provenance-shop-link,
.provenance-navbar__categories .provenance-shop-link:visited,
.provenance-navbar__categories .provenance-category-list .navigation .level0 > .level-top,
.provenance-navbar__categories .provenance-category-list .navigation .level0 > .level-top:visited {
    color: var(--walnut, #3D3020);
}

.provenance-navbar__categories .provenance-shop-divider {
    background: rgba(28, 22, 18, 0.16);
}

.provenance-navbar__categories .provenance-shop-link:hover,
.provenance-navbar__categories .provenance-shop-link:focus-visible,
.provenance-navbar__categories .provenance-category-list .navigation .level0 > .level-top:hover,
.provenance-navbar__categories .provenance-category-list .navigation .level0 > .level-top:focus-visible {
    color: var(--gold-dark, #8B6220);
    box-shadow: inset 0 -1px 0 var(--gold, #B8893A);
}

.provenance-navbar__categories .provenance-category-list .navigation .level0.active > .level-top,
.provenance-navbar__categories .provenance-category-list .navigation .level0.has-active > .level-top {
    border-color: transparent !important;
    color: var(--gold-dark, #8B6220);
    box-shadow: inset 0 -1px 0 var(--gold, #B8893A);
}

.provenance-navbar__categories .provenance-category-list .navigation .level0.active > .level-top::after,
.provenance-navbar__categories .provenance-category-list .navigation .level0.has-active > .level-top::after {
    content: none !important;
}

/* ==========================================================================
   Homepage transparent hero navigation experiment
   ========================================================================== */

.cms-index-index {
    --home-nav-bg-alpha: 0;
    --home-nav-border-alpha: 0;
    --home-nav-shadow-alpha: 0;
    --home-nav-blur: 0px;
    --home-nav-category-bg-alpha: 0;
    --home-nav-category-opacity: 0;
    --home-nav-category-height: 0px;
    --home-nav-category-translate: -0.875rem;
    --home-nav-category-scale: 0.97;
    --home-nav-text-color: rgba(245, 240, 232, 0.94);
    --home-nav-muted-color: rgba(245, 240, 232, 0.72);
    --home-nav-brand-color: rgba(245, 240, 232, 0.94);
    --home-nav-search-bg: rgba(253, 250, 244, 0);
    --home-nav-search-border: rgba(245, 240, 232, 0.42);
    --home-nav-search-focus-bg: rgba(253, 250, 244, 0.08);
    --home-nav-action-hover-bg: rgba(245, 240, 232, 0.1);
    --home-nav-separator-color: rgba(245, 240, 232, 0.24);
}

.cms-index-index .page-header {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    background: transparent;
    border: 0;
    box-shadow: none;
}

.cms-index-index .provenance-navbar {
    background: rgba(253, 250, 244, var(--home-nav-bg-alpha));
    border-bottom-color: rgba(28, 22, 18, var(--home-nav-border-alpha));
    box-shadow: 0 1px 1px rgba(28, 22, 18, var(--home-nav-shadow-alpha));
    backdrop-filter: blur(var(--home-nav-blur));
    -webkit-backdrop-filter: blur(var(--home-nav-blur));
    transition: background-color 0.18s var(--ease-out-expo, ease),
        border-color 0.18s var(--ease-out-expo, ease),
        box-shadow 0.18s var(--ease-out-expo, ease),
        backdrop-filter 0.18s var(--ease-out-expo, ease);
}

.cms-index-index .provenance-navbar__primary {
    transition: min-height 0.2s var(--ease-out-expo, ease);
}

.cms-index-index .provenance-navbar__categories {
    min-height: 0;
    height: var(--home-nav-category-height);
    background: rgba(253, 250, 244, var(--home-nav-category-bg-alpha));
    border-top-color: rgba(28, 22, 18, var(--home-nav-border-alpha));
    opacity: var(--home-nav-category-opacity);
    overflow: hidden;
    pointer-events: none;
    transform: translateY(var(--home-nav-category-translate)) scale(var(--home-nav-category-scale));
    transform-origin: top center;
    transition: opacity 0.18s var(--ease-out-expo, ease),
        transform 0.18s var(--ease-out-expo, ease),
        background-color 0.18s var(--ease-out-expo, ease),
        border-color 0.18s var(--ease-out-expo, ease);
}

.cms-index-index.provenance-home-nav-menu-active .provenance-navbar__categories {
    pointer-events: auto;
}

.cms-index-index .provenance-shop-divider {
    background: rgba(28, 22, 18, var(--home-nav-border-alpha));
}

.cms-index-index .provenance-brand,
.cms-index-index .provenance-brand:visited,
.cms-index-index .provenance-action,
.cms-index-index .provenance-action:visited,
.cms-index-index .provenance-action--cart .action.showcart,
.cms-index-index .provenance-action--cart .action.showcart:visited,
.cms-index-index .provenance-shop-link,
.cms-index-index .provenance-shop-link:visited,
.cms-index-index .provenance-category-list .navigation .level0 > .level-top,
.cms-index-index .provenance-category-list .navigation .level0 > .level-top:visited {
    color: var(--home-nav-text-color);
    transition: color 0.18s var(--ease-out-expo, ease),
        background-color 0.18s var(--ease-out-expo, ease),
        box-shadow 0.18s var(--ease-out-expo, ease);
}

.cms-index-index .provenance-brand,
.cms-index-index .provenance-brand:visited {
    color: var(--home-nav-brand-color);
}

#html-body.cms-index-index .provenance-action--cart .action.showcart,
#html-body.cms-index-index .provenance-action--cart .action.showcart:visited,
#html-body.cms-index-index .provenance-action--cart .action.showcart::before {
    color: var(--home-nav-text-color) !important;
}

.cms-index-index .provenance-action:hover,
.cms-index-index .provenance-action:focus-visible,
.cms-index-index .provenance-action--cart .action.showcart:hover,
.cms-index-index .provenance-action--cart .action.showcart:focus-visible {
    background: var(--home-nav-action-hover-bg);
    color: var(--home-nav-brand-color);
}

#html-body.cms-index-index .provenance-action--cart .action.showcart:hover,
#html-body.cms-index-index .provenance-action--cart .action.showcart:focus-visible,
#html-body.cms-index-index .provenance-action--cart .action.showcart:hover::before,
#html-body.cms-index-index .provenance-action--cart .action.showcart:focus-visible::before {
    color: var(--home-nav-brand-color) !important;
}

.cms-index-index .provenance-search .form.minisearch {
    background: var(--home-nav-search-bg);
    border-color: var(--home-nav-search-border);
    box-shadow: none;
    transition: background-color 0.18s var(--ease-out-expo, ease),
        border-color 0.18s var(--ease-out-expo, ease);
}

.cms-index-index .provenance-search .form.minisearch:focus-within {
    background: var(--home-nav-search-focus-bg);
    border-color: rgba(212, 168, 92, 0.7);
    box-shadow: none;
}

.cms-index-index .provenance-search input[type="text"],
.cms-index-index .provenance-search input[type="search"],
.cms-index-index .provenance-search .action.search {
    color: var(--home-nav-text-color);
}

.cms-index-index .provenance-search input[type="text"]::placeholder,
.cms-index-index .provenance-search input[type="search"]::placeholder {
    color: var(--home-nav-muted-color);
    opacity: 1;
}

.cms-index-index .provenance-search .action.search:hover,
.cms-index-index .provenance-search .action.search:focus {
    color: var(--home-nav-brand-color);
}

.cms-index-index .provenance-action-separator {
    background: var(--home-nav-separator-color);
}

.cms-index-index.provenance-home-nav-solid .provenance-action-separator {
    background: rgba(28, 22, 18, 0.1);
}

.cms-index-index .provenance-home-hero {
    min-height: 100svh;
}

@media (max-width: 620px) {
    .provenance-navbar__categories {
        justify-content: flex-start;
        overflow: hidden;
    }

    .provenance-category-list {
        flex: 1 1 auto;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior-inline: contain;
        scroll-padding-inline: 0.75rem;
    }

    .provenance-category-list .navigation {
        width: max-content;
        max-width: none;
        overflow: visible;
    }

    .provenance-category-list .navigation > ul {
        width: max-content;
        max-width: none;
        overflow: visible;
        flex-wrap: nowrap;
        padding-right: 0.75rem;
    }

    .provenance-search input[type="text"],
    .provenance-search input[type="search"] {
        font-size: 0.8125rem;
        padding-left: 2.875rem;
    }

    .provenance-search .control {
        position: relative;
    }

    .provenance-search input[type="text"]::placeholder,
    .provenance-search input[type="text"]::-webkit-input-placeholder,
    .provenance-search input[type="text"]::-moz-placeholder,
    .provenance-search input[type="text"]:-ms-input-placeholder,
    .provenance-search input[type="text"]::-ms-input-placeholder,
    .provenance-search input[type="search"]::placeholder,
    .provenance-search input[type="search"]::-webkit-input-placeholder,
    .provenance-search input[type="search"]::-moz-placeholder,
    .provenance-search input[type="search"]:-ms-input-placeholder,
    .provenance-search input[type="search"]::-ms-input-placeholder {
        color: rgba(122, 106, 82, 0.86) !important;
        opacity: 1 !important;
    }

    .cms-index-index .provenance-search input[type="text"]::placeholder,
    .cms-index-index .provenance-search input[type="text"]::-webkit-input-placeholder,
    .cms-index-index .provenance-search input[type="text"]::-moz-placeholder,
    .cms-index-index .provenance-search input[type="text"]:-ms-input-placeholder,
    .cms-index-index .provenance-search input[type="text"]::-ms-input-placeholder,
    .cms-index-index .provenance-search input[type="search"]::placeholder,
    .cms-index-index .provenance-search input[type="search"]::-webkit-input-placeholder,
    .cms-index-index .provenance-search input[type="search"]::-moz-placeholder,
    .cms-index-index .provenance-search input[type="search"]:-ms-input-placeholder,
    .cms-index-index .provenance-search input[type="search"]::-ms-input-placeholder {
        color: rgba(245, 240, 232, 0.92) !important;
        opacity: 1 !important;
    }

    .cms-index-index.provenance-home-nav-solid .provenance-search input[type="text"]::placeholder,
    .cms-index-index.provenance-home-nav-solid .provenance-search input[type="text"]::-webkit-input-placeholder,
    .cms-index-index.provenance-home-nav-solid .provenance-search input[type="text"]::-moz-placeholder,
    .cms-index-index.provenance-home-nav-solid .provenance-search input[type="text"]:-ms-input-placeholder,
    .cms-index-index.provenance-home-nav-solid .provenance-search input[type="text"]::-ms-input-placeholder,
    .cms-index-index.provenance-home-nav-solid .provenance-search input[type="search"]::placeholder,
    .cms-index-index.provenance-home-nav-solid .provenance-search input[type="search"]::-webkit-input-placeholder,
    .cms-index-index.provenance-home-nav-solid .provenance-search input[type="search"]::-moz-placeholder,
    .cms-index-index.provenance-home-nav-solid .provenance-search input[type="search"]:-ms-input-placeholder,
    .cms-index-index.provenance-home-nav-solid .provenance-search input[type="search"]::-ms-input-placeholder {
        color: rgba(122, 106, 82, 0.86) !important;
        opacity: 1 !important;
    }
}