/*
 * Final category nav theme authority.
 * Category background/text come from Customizer:
 * - category_bg controls the top nav + dropdown background
 * - category_text controls normal category/subcategory labels
 * Top nav hover/active uses Primary Theme Color as text only.
 * Dropdown hover/active uses Primary Theme Color as a block with Highlight Text Color.
 */
html body:not(.admin) {
    --rr-category-nav-bg: var(--rr-lc-category-bg, var(--rr-category-bg, var(--rr-lc-primary, var(--rr-lc-primary-color, var(--products-accent, #f97316)))));
    --rr-category-nav-text: var(--rr-lc-category-text, var(--rr-lc-category-text-color, var(--rr-lc-main-text, #111827)));
    --rr-category-nav-primary: var(--rr-lc-primary, var(--rr-lc-primary-color, var(--products-accent, #f97316)));
    --rr-category-nav-on-primary: var(--rr-lc-highlight-text, var(--rr-lc-highlight-text-color, var(--rr-lc-primary-text, #ffffff)));
}

@media (min-width: 1181px) {
    html body:not(.admin) nav.rr-category-mega-nav,
    html body:not(.admin) nav.nav.rr-category-mega-nav,
    html body:not(.admin) nav.main-nav.rr-category-mega-nav,
    html body:not(.admin) .rr-dynamic-category-nav,
    html body:not(.admin) .rr-dynamic-category-nav-wrap,
    html body:not(.admin) .rr-dynamic-category-nav-inner,
    html body:not(.admin) nav.rr-category-mega-nav > .rr-dynamic-category-nav-inner,
    html body:not(.admin) nav.rr-category-mega-nav > .container.nav-inner.rr-dynamic-category-nav-inner {
        background: var(--rr-category-nav-bg) !important;
        background-color: var(--rr-category-nav-bg) !important;
    }

    html body:not(.admin) nav.rr-category-mega-nav :is(.rr-nav-parent-link, .rr-nav-plain-link, .rr-nav-toggle, .rr-nav-child-link, a, button),
    html body:not(.admin) nav.rr-category-mega-nav :is(.rr-nav-parent-link, .rr-nav-plain-link, .rr-nav-toggle, .rr-nav-child-link, a, button) * {
        color: var(--rr-category-nav-text) !important;
    }

    html body:not(.admin) nav.rr-category-mega-nav :is(.rr-nav-parent-link, .rr-nav-plain-link, .rr-nav-toggle):hover,
    html body:not(.admin) nav.rr-category-mega-nav .rr-nav-item:hover > :is(.rr-nav-parent-link, .rr-nav-plain-link, .rr-nav-toggle),
    html body:not(.admin) nav.rr-category-mega-nav .rr-nav-item.rr-open > :is(.rr-nav-parent-link, .rr-nav-plain-link, .rr-nav-toggle),
    html body:not(.admin) nav.rr-category-mega-nav :is(.rr-nav-parent-link, .rr-nav-plain-link, .rr-nav-toggle).active,
    html body:not(.admin) nav.rr-category-mega-nav :is(.rr-nav-parent-link, .rr-nav-plain-link, .rr-nav-toggle).is-active {
        background: transparent !important;
        background-color: transparent !important;
        color: var(--rr-category-nav-primary) !important;
    }

    html body:not(.admin) nav.rr-category-mega-nav :is(.rr-nav-parent-link, .rr-nav-plain-link, .rr-nav-toggle):hover *,
    html body:not(.admin) nav.rr-category-mega-nav .rr-nav-item:hover > :is(.rr-nav-parent-link, .rr-nav-plain-link, .rr-nav-toggle) *,
    html body:not(.admin) nav.rr-category-mega-nav .rr-nav-item.rr-open > :is(.rr-nav-parent-link, .rr-nav-plain-link, .rr-nav-toggle) *,
    html body:not(.admin) nav.rr-category-mega-nav :is(.rr-nav-parent-link, .rr-nav-plain-link, .rr-nav-toggle).active *,
    html body:not(.admin) nav.rr-category-mega-nav :is(.rr-nav-parent-link, .rr-nav-plain-link, .rr-nav-toggle).is-active * {
        color: var(--rr-category-nav-primary) !important;
    }

    html body:not(.admin) nav.rr-category-mega-nav .rr-nav-dropdown,
    html body:not(.admin) nav.rr-category-mega-nav .rr-nav-dropdown .rr-nav-category-group,
    html body:not(.admin) nav.rr-category-mega-nav .rr-nav-dropdown .rr-nav-child-category-link,
    html body:not(.admin) nav.rr-category-mega-nav .rr-nav-dropdown .rr-nav-brand-list,
    html body:not(.admin) nav.rr-category-mega-nav .rr-nav-dropdown .rr-nav-brand-link,
    html body:not(.admin) nav.rr-category-mega-nav .rr-builder-mega-dropdown,
    html body:not(.admin) nav.rr-category-mega-nav .rr-builder-mega-grid,
    html body:not(.admin) nav.rr-category-mega-nav .rr-builder-mega-group,
    html body:not(.admin) nav.rr-category-mega-nav .rr-builder-group-links,
    html body:not(.admin) .rr-category-dropdown-portal {
        background: var(--rr-category-nav-bg) !important;
        background-color: var(--rr-category-nav-bg) !important;
        border-color: color-mix(in srgb, var(--rr-category-nav-primary) 24%, transparent) !important;
    }

    html body:not(.admin) .rr-category-dropdown-portal.rr-show.rr-taxonomy-portal,
    html body:not(.admin) .rr-category-dropdown-portal.rr-show.rr-taxonomy-portal > .rr-nav-category-group,
    html body:not(.admin) .rr-category-dropdown-portal.rr-show.rr-taxonomy-portal > .rr-nav-category-group > .rr-nav-child-category-link,
    html body:not(.admin) .rr-category-dropdown-portal.rr-show.rr-taxonomy-portal > .rr-nav-category-group > .rr-nav-brand-list,
    html body .rr-category-dropdown-portal.rr-show.rr-taxonomy-portal > .rr-nav-category-group > .rr-nav-brand-list,
    html body .rr-category-dropdown-portal.rr-show.rr-taxonomy-portal > .rr-nav-category-group > .rr-nav-brand-list::before,
    html body .rr-category-dropdown-portal.rr-show.rr-taxonomy-portal > .rr-nav-category-group > .rr-nav-brand-list::after,
    html body .rr-category-dropdown-portal.rr-show.rr-taxonomy-portal > .rr-nav-category-group:hover > .rr-nav-brand-list,
    html body .rr-category-dropdown-portal.rr-show.rr-taxonomy-portal > .rr-nav-category-group:focus-within > .rr-nav-brand-list,
    html body:not(.admin) .rr-category-dropdown-portal.rr-show.rr-taxonomy-portal > .rr-nav-category-group:hover > .rr-nav-brand-list,
    html body:not(.admin) .rr-category-dropdown-portal.rr-show.rr-taxonomy-portal > .rr-nav-category-group:focus-within > .rr-nav-brand-list,
    html body:not(.admin) .rr-category-dropdown-portal.rr-show.rr-taxonomy-portal > .rr-nav-category-group > .rr-nav-brand-list > .rr-nav-brand-link,
    html body .rr-category-dropdown-portal.rr-show.rr-taxonomy-portal > .rr-nav-category-group > .rr-nav-brand-list > .rr-nav-brand-link,
    html body .rr-category-dropdown-portal.rr-show.rr-taxonomy-portal > .rr-nav-category-group > .rr-nav-brand-list > .rr-nav-brand-link:not(:hover):not(:focus):not(:focus-visible):not(.active):not(.is-active),
    html body:not(.admin) .rr-category-mega-nav .rr-taxonomy-brand-dropdown,
    html body:not(.admin) .rr-category-mega-nav .rr-taxonomy-brand-dropdown .rr-nav-category-group,
    html body:not(.admin) .rr-category-mega-nav .rr-taxonomy-brand-dropdown .rr-nav-category-group > .rr-nav-child-category-link,
    html body:not(.admin) .rr-category-mega-nav .rr-taxonomy-brand-dropdown .rr-nav-category-group > .rr-nav-brand-list,
    html body .rr-category-mega-nav .rr-taxonomy-brand-dropdown .rr-nav-category-group > .rr-nav-brand-list,
    html body .rr-category-mega-nav .rr-taxonomy-brand-dropdown .rr-nav-category-group > .rr-nav-brand-list::before,
    html body .rr-category-mega-nav .rr-taxonomy-brand-dropdown .rr-nav-category-group > .rr-nav-brand-list::after,
    html body .rr-category-mega-nav .rr-taxonomy-brand-dropdown .rr-nav-category-group:hover > .rr-nav-brand-list,
    html body .rr-category-mega-nav .rr-taxonomy-brand-dropdown .rr-nav-category-group:focus-within > .rr-nav-brand-list,
    html body:not(.admin) .rr-category-mega-nav .rr-taxonomy-brand-dropdown .rr-nav-category-group:hover > .rr-nav-brand-list,
    html body:not(.admin) .rr-category-mega-nav .rr-taxonomy-brand-dropdown .rr-nav-category-group:focus-within > .rr-nav-brand-list,
    html body:not(.admin) .rr-category-mega-nav .rr-taxonomy-brand-dropdown .rr-nav-category-group > .rr-nav-brand-list > .rr-nav-brand-link,
    html body .rr-category-mega-nav .rr-taxonomy-brand-dropdown .rr-nav-category-group > .rr-nav-brand-list > .rr-nav-brand-link,
    html body .rr-category-mega-nav .rr-taxonomy-brand-dropdown .rr-nav-category-group > .rr-nav-brand-list > .rr-nav-brand-link:not(:hover):not(:focus):not(:focus-visible):not(.active):not(.is-active) {
        background: var(--rr-category-nav-bg) !important;
        background-color: var(--rr-category-nav-bg) !important;
        background-image: none !important;
    }

    html body:not(.admin) nav.rr-category-mega-nav .rr-nav-dropdown :is(.rr-nav-child-link, .rr-builder-link, .rr-nav-child-category-link, .rr-nav-brand-link, .rr-builder-group-title),
    html body:not(.admin) nav.rr-category-mega-nav .rr-nav-dropdown :is(.rr-nav-child-link, .rr-builder-link, .rr-nav-child-category-link, .rr-nav-brand-link, .rr-builder-group-title) *,
    html body:not(.admin) .rr-category-dropdown-portal :is(.rr-nav-child-link, .rr-builder-link, .rr-nav-child-category-link, .rr-nav-brand-link, .rr-builder-group-title),
    html body:not(.admin) .rr-category-dropdown-portal :is(.rr-nav-child-link, .rr-builder-link, .rr-nav-child-category-link, .rr-nav-brand-link, .rr-builder-group-title) * {
        color: var(--rr-category-nav-text) !important;
    }

    html body:not(.admin) nav.rr-category-mega-nav :is(.rr-nav-child-link, .rr-builder-link, .rr-nav-child-category-link):hover,
    html body:not(.admin) nav.rr-category-mega-nav :is(.rr-nav-child-link, .rr-builder-link, .rr-nav-child-category-link).active,
    html body:not(.admin) nav.rr-category-mega-nav .rr-nav-dropdown :is(.rr-nav-child-link, .rr-builder-link, .rr-nav-child-category-link):hover,
    html body:not(.admin) nav.rr-category-mega-nav .rr-nav-dropdown :is(.rr-nav-child-link, .rr-builder-link, .rr-nav-child-category-link).active,
    html body:not(.admin) nav.rr-category-mega-nav .rr-nav-dropdown .rr-builder-mega-group:hover .rr-builder-group-title,
    html body:not(.admin) nav.rr-category-mega-nav .rr-nav-dropdown .rr-builder-mega-group:first-child .rr-builder-group-title,
    html body:not(.admin) .rr-category-dropdown-portal :is(.rr-nav-child-link, .rr-builder-link, .rr-nav-child-category-link):hover,
    html body:not(.admin) .rr-category-dropdown-portal :is(.rr-nav-child-link, .rr-builder-link, .rr-nav-child-category-link).active,
    html body:not(.admin) .rr-category-dropdown-portal .rr-builder-mega-group:hover .rr-builder-group-title,
    html body:not(.admin) .rr-category-dropdown-portal .rr-builder-mega-group:first-child .rr-builder-group-title {
        background: var(--rr-category-nav-primary) !important;
        background-color: var(--rr-category-nav-primary) !important;
        color: var(--rr-category-nav-on-primary) !important;
    }

    html body:not(.admin) nav.rr-category-mega-nav :is(.rr-nav-child-link, .rr-builder-link, .rr-nav-child-category-link):hover *,
    html body:not(.admin) nav.rr-category-mega-nav :is(.rr-nav-child-link, .rr-builder-link, .rr-nav-child-category-link).active *,
    html body:not(.admin) nav.rr-category-mega-nav .rr-nav-dropdown :is(.rr-nav-child-link, .rr-builder-link, .rr-nav-child-category-link):hover *,
    html body:not(.admin) nav.rr-category-mega-nav .rr-nav-dropdown :is(.rr-nav-child-link, .rr-builder-link, .rr-nav-child-category-link).active *,
    html body:not(.admin) nav.rr-category-mega-nav .rr-nav-dropdown .rr-builder-mega-group:hover .rr-builder-group-title *,
    html body:not(.admin) nav.rr-category-mega-nav .rr-nav-dropdown .rr-builder-mega-group:first-child .rr-builder-group-title *,
    html body:not(.admin) .rr-category-dropdown-portal :is(.rr-nav-child-link, .rr-builder-link, .rr-nav-child-category-link):hover *,
    html body:not(.admin) .rr-category-dropdown-portal :is(.rr-nav-child-link, .rr-builder-link, .rr-nav-child-category-link).active *,
    html body:not(.admin) .rr-category-dropdown-portal .rr-builder-mega-group:hover .rr-builder-group-title *,
    html body:not(.admin) .rr-category-dropdown-portal .rr-builder-mega-group:first-child .rr-builder-group-title * {
        color: var(--rr-category-nav-on-primary) !important;
    }

    html body:not(.admin) .rr-category-dropdown-portal .rr-builder-link:hover::after,
    html body:not(.admin) .rr-category-dropdown-portal .rr-nav-child-link:hover::after,
    html body:not(.admin) .rr-category-dropdown-portal .rr-nav-child-category-link:hover::after,
    html body:not(.admin) nav.rr-category-mega-nav .rr-nav-dropdown .rr-builder-link:hover::after,
    html body:not(.admin) nav.rr-category-mega-nav .rr-nav-dropdown .rr-nav-child-link:hover::after,
    html body:not(.admin) nav.rr-category-mega-nav .rr-nav-dropdown .rr-nav-child-category-link:hover::after {
        color: var(--rr-category-nav-on-primary) !important;
        border-color: var(--rr-category-nav-on-primary) !important;
    }
}