/* MeiliSearch: cenovy filtr (histogram, noUiSlider), Luigi autocomplete, "zobrazit vice" ve filtrech.
   Nacita se v _Head.cshtml pro vsechny weby za CZ_min/HU_min (zdroj: custom.css, vetev MR-MeiliSearch). */

.filter-range-card {
    background: #efefef;
    border-radius: 10px;
    padding: 12px 38px;
}

.histogram {
    height: 110px;
    display: grid;
    grid-auto-flow: column;
    align-items: end;
    gap: 1px;
    padding: 4px 4px 10px;
    user-select: none
}

.histogram .bar {
    width: 8px;
    background: #e10600;
    border-radius: 2px 2px 0 0;
    opacity: .9;
    transition: opacity .12s
}

.histogram .bar.dim {
    opacity: .25
}

.noUi-target {
    border: none;
    box-shadow: none;
    background: #ddd;
    height: 6px
}

.noUi-connect {
    background: #e10600
}

.noUi-handle {
    width: 20px !important;
    height: 20px !important;
    border-radius: 50%;
    right: -11px !important;
    top: -9px;
    border: 1px solid #e10600;
    background: #fff;
    box-shadow: none
}

.noUi-handle:before, .noUi-handle:after {
    display: none
}

.labels {
    display: flex;
    justify-content: space-between;
    margin-top: 8px;
    font-size: 14px;
    color: #333
}

.category-description {
    margin: 15px 0;
}

/* Luigi Autocomplete Customization */
.luigi-ac-highlight  {
   color: #0a004a !important }

 .luigi-ac-highlight  {
   background-color: #e6c2c2 !important }

 .luigi-ac-active,.luigi-ac-item:focus,.luigi-ac-item:hover  {
   background-color: #eae0df !important }

 .luigi-ac-hero-color,.luigi-ac-button  {
   background: #e31e24 !important }

 .luigi-ac-hero-color-clickable:hover,.luigi-ac-query .luigi-ac-hero-color-clickable:hover,.luigi-ac-button:hover  {
   background: #a80000 !important }

 .luigi-ac-header,.luigi-ac-no-result  {
   color: #000000 !important }

 .luigi-ac-others  {
   background: #fcf2f2 !important }

 .luigi-ac-main .luigi-ac-name,.luigi-ac-main .luigi-ac-title  {
   color: #e31e24 !important }

 .luigi-ac-other-content,.luigi-ac-others .luigi-ac-title  {
   color: #666666 !important }

 .luigi-ac-query .luigi-ac-other-content,.luigi-ac-hero-color-clickable,.luigi-ac-button  {
   color: #fef9f9 !important }

 .luigi-ac-inner  {
   overflow: hidden;
   }

 .luigi-ac-heromobile-input[type="search"]::-webkit-search-decoration,.luigi-ac-heromobile-input[type="search"]::-webkit-search-cancel-button,.luigi-ac-heromobile-input[type="search"]::-webkit-search-results-button,.luigi-ac-heromobile-input[type="search"]::-webkit-search-results-decoration  {
   display: none;
   }

 .lbx-form-submit  {
   cursor: pointer;
   }

 .luigi-ac.luigi-ac-heromobile  {
   left: 0 !important;
   margin: 0 !important;
   }

 @media (max-width: 1020px)  {
   .luigi-ac.luigi-ac-heromobile:empty  {
   display: none !important;
   }

 }

 @media (max-width: 1020px)  {
   .luigi-ac.luigi-ac-heromobile  {
   display: none !important;
   }

 }

 @media (max-width: 1020px)  {
   .luigi-ac.luigi-ac-heromobile.luigi-ac-open  {
   display: block !important;
   }

 }

 .luigi-ac.luigi-ac-heromobile .luigi-ac-others a  {
   text-decoration: solid underline transparent;
   transition: 0.3s ease;
   }

 .luigi-ac.luigi-ac-heromobile .luigi-ac-others a:hover  {
   text-decoration: underline;
   background-color: transparent !important;
   }

 .luigi-ac.luigi-ac-heromobile .luigi-ac-header  {
   font-weight: 700;
   height: auto !important;
   margin-bottom: 12px !important;
   }

 .luigi-ac.luigi-ac-heromobile .luigi-ac-description .luigi-ac-attrs[title="Není skladem"] .luigi-ac-attr--availability_rank_text span  {
   color: #e31e24;
   }

 .luigi-ac.luigi-ac-heromobile .luigi-ac-description .luigi-ac-attrs .luigi-ac-attr--availability_rank_text span  {
   color: #49aa41;
   }

 .luigi-ac.luigi-ac-heromobile .luigi-ac-button-block--show-all .luigi-ac-button-heromobile  {
   padding: 8px 32px;
   }

.luigi-ac-footer {
    display: none;
}

/* End of Luigi Autocomplete Customization */

 .filter-show-more {
        display: block;
        margin: 20px 0;
        text-align: center;
        margin-top: 6px;
        text-decoration: underline;
        cursor: pointer;
}