﻿.product-filters-wrapper{
    display: none;
}
.product-filters{
    display: none;
}
.fns-speedfilters {
}

.fns-speedfilters a {
    cursor: pointer;
}
.fns-emptyresult {
    font-size: 14px;
    font-weight: bold;
}
.fns-speedfilters .title-block {
    color: #3A4045;
    font-size: 0.9em;
    padding: 0 0 10px 3px;
    text-transform: uppercase;
    font-weight: 700;
    overflow: hidden;
    width: 600px;
    margin: 0 auto;
    max-width: 100%;
}
.fns-speedfilters .title-block .title {
    margin: 0;
    float: left;
    padding: 0;
}
.fns-speedfilters .title-block .clear-filter-options-all {
    cursor: pointer;
    color: #B80705;
    float: right;
    text-transform: none;
}
.fns-speedfilters .all-filters-block {
}
.fns-speedfilters .filter-block {
    overflow:auto;
    padding-bottom: 0;
}
.fns-speedfilters .filter-block .title {
    overflow: hidden;
    max-width: 100%;
    width:600px;
    min-height:48px;
    padding:0;
}
.fns-speedfilters .filter-block .title .toggleControl {
    text-decoration: none !important;
    color: #333333;
    display: block;
    cursor: pointer;
    float: left;
    width:100%;
    height:100%;
    padding: 10px 30px 10px 10px;
}
.fns-speedfilters .filter-block .title a.toggleControl.closed {
    background-position: 0 -95px;
}

.fns-speedfilters .filter-block .title a.clearfilter {
    color: #000000;
    cursor: pointer;
    float: right;
    font-size: 11px;
    line-height: 16px;
    font-weight: bold;
    text-transform: lowercase;
}
.fns-speedfilters .filter-block .filter-data-block {
    padding: 10px 5px;
    font-size: 11px;
    line-height: 18px;
    position: relative;
    display: block;
    margin: 0;
    /*overflow:  visible !important;*/
}

/* DROPDOWN MODE */
.fns-speedfilters .filter-block .filter-dropdown{
    height: 25px !important;
}


/*
.fns-speedfilters .filter-data-block a {
   background: url("images/fns-images.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
   color: #5C5B5C;
   padding-left: 15px;
}
*/
.fns-speedfilters .filter-data-block {
}
.fns-speedfilters .filter-data-block ul {
    margin: 0;
    padding: 0;
}

.fns-speedfilters .filter-data-block li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    padding: 10px;
}

.fns-speedfilters .filter-data-block a.filter-item-unselected {
    background: url(images/fns-images.png) no-repeat scroll -50px 3px rgba(0, 0, 0, 0);
    padding-left: 15px;
}

.fns-speedfilters .filter-data-block a.filter-item-unselected .label-text {
    color: #333333;
    padding-left: 15px;
    font-size: 15px;
}


.fns-speedfilters .filter-data-block a.filter-item-selected {
    background: url(images/fns-images.png) no-repeat scroll -40px -17px rgba(0, 0, 0, 0);
    padding-left: 15px;
}

.fns-speedfilters .filter-data-block a.filter-item-selected .label-text {
    padding-left: 15px;
    color: #B80705;
    font-size: 15px;
}

.fns-speedfilters .filter-data-block a.filter-item-disabled-unselected {
    background: url(images/fns-images.png) no-repeat scroll -20px -59px rgba(0, 0, 0, 0);
    padding-left: 15px;
}

.fns-speedfilters .filter-data-block a.filter-item-disabled-unselected .label-text {
    color: #9D9D9A;
    padding-left: 15px;
}


.fns-speedfilters .filter-data-block a.filter-item-disabled-selected {
    background: url(images/fns-images.png) no-repeat scroll -30px -39px rgba(0, 0, 0, 0);
    color: #9D9D9A;
    padding-left: 15px;
}
.fns-speedfilters .price-range-filter-block {
}

.fns-speedfilters .price-range-filter-block .price-range-info-block {
    overflow: hidden;
    margin-bottom: 5px;
}

.fns-speedfilters .price-range-filter-block .filter-data-block {
    height: auto !important;
}

.fns-speedfilters .price-range-filter-block .price-range-info-block .pricerangeinfopricemin{
    float:left;
}

.fns-speedfilters .price-range-filter-block .price-range-info-block .pricerangeinfopricemax{
    float:right;
}
.fns-speedfilters .price-range-filter-block .price-slider-range {
    margin-left: 10px;
    margin-right: 10px;
}
.fns-speedfilters .price-range-filter-block .price-range-selected-block {
    overflow:hidden;
    width: 100%;
    color: #B80705;
    font-size: 13px;
    margin-top: 10px;
}
.fns-speedfilters .price-range-filter-block .price-range-selected-block .price-range-selected-pricemin{
    float:left;
}
.fns-speedfilters .price-range-filter-block .price-range-selected-block .price-range-selected-pricemax{
    float:right;
}




.fns-speedfilters .specification-filter-block {
}

.fns-speedfilters .attribute-filter-block {
}
.fns-speedfilters .manufacturer-filter-block {
}
.fns-speedfilters .subcategories-filter-block {
}
.fns-speedfilters .vendor-filter-block {
}

/*JQuery Price range*/
.ui-slider-horizontal {
    height: 0.2em;
}

.ui-slider .ui-slider-handle {
    cursor: default;
    /*height: 0.8em;*/
    position: absolute;
    /*width: 0.8em;*/
    z-index: 2;
}

/*JQuery jDropDown*/
.fns-speedfilters .fnsDropDown {
    float: left;
    width: 95%;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #AAAAAA;
    border-radius: 0;
    cursor: pointer;
    font-size: 11px;
    margin: 0 5px;
    position: relative;
}
.fns-speedfilters .jDropDown div {
    background-position: 245px -75px;
    height:20px;
    border-radius:0;
}
.fns-speedfilters .jDropDown div p {
    width: 95%;
    padding: 0 0 0 5px;
}
.fns-speedfilters .jDropDown ul {
    top: 0;
    position:relative;
    border-radius:0;
}
.fns-speedfilters .jDropDown ul li:hover, .fns-speedfilters .jDropDown ul li.selected {
    background-color: #DDDDDD !important;
    color: #000000;
}

.viewOptionsDropDown {
    background-position: 65px -73px;
    width: 90px;
}

.sortOptionsDropDown {
    background-position: 142px -73px;
    width: 110px;
}
.productsPageSizeDropDown {
    background-position: 14px -73px;
    width: 40px;
}

.viewOptionsDropDown div,.sortOptionsDropDown div,.productsPageSizeDropDown div {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.viewOptionsDropDown div p,.sortOptionsDropDown div p,.productsPageSizeDropDown div p {
    width: 88%;
}

/* AJAX LOADING INDICATOR from NopCommerce Themas */
.fns-speedfilters-ajax-loading-block {
    position:fixed;
    top:50%;
    left:50%;
    width:128px;
    height:128px;
    overflow:hidden;
    z-index:1104;
}

#lottie-hotlist-loader{
    position:absolute;
    top:0;
    left:0;
    width:128px;
    height:128px;
}

/* product-selectors*/
.product-selectors div {
    border-radius: 0;
    height: 20px;
}
.product-selectors .jDropDown div p {
    width: 95%;
    padding: 2px 0 0 5px;
    text-align: left;
}
.product-selectors .fnsDropDown {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #AAAAAA;
    border-radius: 0;
    cursor: pointer;
    float: left;
    font-size: 11px;
    margin: 0 5px;
    position: relative;
    width: 95%;
    height: 20px;
    top: -3px;
}
.product-selectors .fnsDropDown ul {
    margin: 0;
    padding: 0;
    top:20px;
}
.product-selectors .fnsDropDown li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    padding: 0;
}
.product-selectors span {
    font-size:11px;
}
.product-viewmode > span {
    float: left;
}
.product-selectors .product-viewmode .jDropDown {
    width: 55px;
}
.product-selectors .product-viewmode .jDropDown div {
    background-position: 30px -75px;
    border-radius:0;
}
.product-selectors .product-sorting .jDropDown {
    float: right;
    width: 130px;
}
.product-selectors .product-sorting .jDropDown div {
    background-position: 102px -75px;
    height:20px;
}
.product-selectors .product-page-size .jDropDown {
    float: right;
    width: 50px;
}

/* ———————————————————————————————————————————
                 SPEED-FILTER  
   ——————————————————————————————————————————— */
.fns-speedfilters input[type=checkbox]{
    position:absolute !important;
    opacity:0 !important;
    pointer-events:none !important;
}

.fns-speedfilters li a[filter-option-id]{
    position:relative;
    display:inline-block;
    width:1.3rem; height:1.3rem;
    margin-right:.4rem;
    vertical-align:top;
}
.fns-speedfilters li a[filter-option-id]::before{
    content:"";
    position:absolute; inset:0;
    border:2px solid var(--dark);
    border-radius:3px;
    background:#fff;
    box-sizing:border-box;
}

.fns-speedfilters li a.filter-item-selected::after{
    content:"";
    position:absolute;
    left:3px; bottom:2px;
    width:.55rem; height:.3rem;
    border-left:2px solid var(--dark);
    border-bottom:2px solid var(--dark);
    transform:rotate(-45deg);
}

.fns-speedfilters .filter-data-block a.filter-item-selected,
.fns-speedfilters .filter-data-block a.filter-item-unselected{
    display:inline-flex !important;
    align-items: center;
}

.fns-speedfilters .filter-data-block li{
    display:flex;
    align-items:center;
    gap:.4rem;
}

.fns-speedfilters .filter-data-block,
p[class^="filter-item-"] {
    padding-left:0 !important;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-top: 15px;
}

.fns-speedfilters li a[filter-option-id]::after{
    content:"";
    position:absolute;
    top:50%; left:50%;
    width:1em; height:1em;
    transform:translate(-50%,-50%) scale(0);
    transform-origin:center;
    clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%);
    background:var(--dark);

    transition:120ms transform ease-in-out;
    pointer-events:none;
}

.fns-speedfilters li a.filter-item-selected::after{
    transform:translate(-50%,-50%) scale(1);
}
