/* All Products theme-wise color hard fix V2. CSS only. */
html body .all-products-page{
    --rr-ap-primary: var(--rr-wi12-04-products-listing-theme-1) !important;
    --rr-ap-primary-dark: var(--rr-wi12-04-products-listing-theme-2) !important;
    --rr-ap-soft: var(--rr-wi12-04-products-listing-theme-3) !important;
    --rr-ap-border: var(--rr-wi12-04-products-listing-theme-4) !important;
}

html body .all-products-page .all-products-filter-form,
html body .all-products-page .all-products-filter-form::before,
html body .all-products-page .all-products-filter-form::after,
html body .all-products-page .all-products-filter-panel,
html body .all-products-page .all-products-filter-panel::before,
html body .all-products-page .all-products-filter-panel::after,
html body .all-products-page .all-products-filter-toolbar,
html body .all-products-page .all-products-filter-toolbar::before,
html body .all-products-page .all-products-filter-toolbar::after,
html body .all-products-page .all-products-filter-box,
html body .all-products-page .all-products-filter-box::before,
html body .all-products-page .all-products-filter-box::after,
html body .all-products-page .all-products-toolbar,
html body .all-products-page .all-products-toolbar::before,
html body .all-products-page .all-products-toolbar::after,
html body .all-products-page form#allProductsDynamicFilter,
html body .all-products-page form#allProductsDynamicFilter::before,
html body .all-products-page form#allProductsDynamicFilter::after{
    border-top-color: var(--rr-ap-primary) !important;
}

html body .all-products-page .all-products-filter-form::before,
html body .all-products-page .all-products-filter-panel::before,
html body .all-products-page .all-products-filter-toolbar::before,
html body .all-products-page .all-products-filter-box::before,
html body .all-products-page .all-products-toolbar::before,
html body .all-products-page form#allProductsDynamicFilter::before{
    background: var(--rr-ap-primary) !important;
}

html body .all-products-page .all-products-category-pill.active,
html body .all-products-page .all-products-category-pill.is-active,
html body .all-products-page a.all-products-category-pill.active,
html body .all-products-page a.all-products-category-pill.is-active{
    background: linear-gradient(135deg,var(--rr-ap-primary),var(--rr-ap-primary-dark)) !important;
    border-color: var(--rr-ap-primary) !important;
    color: #fff !important;
    box-shadow: 0 10px 22px var(--rr-ap-soft) !important;
}

html body .all-products-page .all-products-category-pill:not(.active):not(.is-active):hover,
html body .all-products-page .all-products-category-pill:not(.active):not(.is-active):focus,
html body .all-products-page a.all-products-category-pill:not(.active):not(.is-active):hover,
html body .all-products-page a.all-products-category-pill:not(.active):not(.is-active):focus{
    border-color: var(--rr-ap-border) !important;
    color: var(--rr-ap-primary-dark) !important;
    box-shadow: 0 8px 18px var(--rr-ap-soft) !important;
}

html body .all-products-page .all-products-category-pill:not(.active):not(.is-active):hover *,
html body .all-products-page .all-products-category-pill:not(.active):not(.is-active):focus *{
    color: var(--rr-ap-primary-dark) !important;
}

html body .all-products-page input[name="q"]:focus,
html body .all-products-page input[type="search"]:focus,
html body .all-products-page input[type="text"]:focus,
html body .all-products-page select[name="sort"]:focus{
    border-color: var(--rr-ap-primary) !important;
    box-shadow: 0 0 0 4px var(--rr-ap-soft) !important;
}

html body .all-products-page input[type="checkbox"],
html body .all-products-page input[type="checkbox"]:checked{
    accent-color: var(--rr-ap-primary) !important;
}

html body .all-products-page .all-products-result-meta,
html body .all-products-page .all-products-result-summary,
html body .all-products-page .all-products-count,
html body .all-products-page [class*="result"][class*="meta"],
html body .all-products-page [class*="found"],
html body .all-products-page [class*="count"]{
    --rr-ap-primary: var(--rr-wi12-04-products-listing-theme-5) !important;
}

html body .all-products-page .all-products-result-meta .badge,
html body .all-products-page .all-products-result-meta [class*="badge"],
html body .all-products-page .all-products-result-summary .badge,
html body .all-products-page .all-products-count .badge,
html body .all-products-page [class*="result"][class*="meta"] .badge,
html body .all-products-page [class*="found"] .badge,
html body .all-products-page [class*="count"] .badge,
html body .all-products-page [class*="page"][class*="badge"]{
    background: var(--rr-ap-soft) !important;
    border-color: var(--rr-ap-border) !important;
    color: var(--rr-ap-primary-dark) !important;
}

html body .all-products-page .all-products-result-meta svg,
html body .all-products-page .all-products-result-summary svg,
html body .all-products-page .all-products-count svg,
html body .all-products-page [class*="result"][class*="meta"] svg,
html body .all-products-page [class*="found"] svg,
html body .all-products-page [class*="count"] svg{
    color: var(--rr-ap-primary) !important;
    fill: var(--rr-ap-primary) !important;
}

html body .all-products-page .all-products-result-meta span:first-child,
html body .all-products-page .all-products-result-summary span:first-child,
html body .all-products-page .all-products-count span:first-child,
html body .all-products-page [class*="found"] span:first-child,
html body .all-products-page [class*="count"] span:first-child{
    background: var(--rr-ap-primary) !important;
    border-color: var(--rr-ap-primary) !important;
    color: #fff !important;
}

html body .all-products-page .pagination .active,
html body .all-products-page .pagination .current,
html body .all-products-page [class*="pagination"] .active,
html body .all-products-page [class*="pagination"] .current,
html body .all-products-page [class*="pagination"] a:hover,
html body .all-products-page [class*="pagination"] button:hover{
    background: var(--rr-ap-primary) !important;
    border-color: var(--rr-ap-primary) !important;
    color: #fff !important;
}