/* Přidejte zde vlastní CSS úpravy */
body.revelor-ready {

    #searchready {
        display: none;
    }
}

/* Sidebar filtrů — sladění s nativní Dokose kategorií (barvy, radius, font, zelený slider) */
.revelor-filters--sidebar {
    padding: 24px 24px 24px;

    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 0 27px rgba(0, 79, 159, .1);

    @media (max-width: 991px) {
        padding: 0;
        box-shadow: none;
    }

    .revelor-filters__group-title {
        color: #252729;
        text-transform: uppercase;
    }

    .revelor-filters__label {
        font-size: 14px;
        color: #252729;
    }

    .revelor-filters__count {
        font-size: 11px;
        color: #555658;
    }

    .revelor-filters__checkbox {
        accent-color: #009d3d;
    }

    .revelor-filters__slider-track {
        height: 6px;

        border-radius: 6px;
        background-color: #dadada;
    }

    .revelor-filters__slider-fill {
        background-color: #009d3d;
    }

    .revelor-filters__slider-input::-webkit-slider-thumb {
        width: 18px;
        height: 18px;

        border: 4px solid #fff;
        border-radius: 50%;
        background-color: #009d3d;
        box-shadow: 0 0 6px rgba(0, 0, 0, .2);
    }

    .revelor-filters__slider-input::-moz-range-thumb {
        width: 18px;
        height: 18px;

        border: 4px solid #fff;
        border-radius: 50%;
        background-color: #009d3d;
        box-shadow: 0 0 6px rgba(0, 0, 0, .2);
    }
}

/* Load-more tlačítko — sladění s nativním zeleným pill buttonem e-shopu */
#search-results-load-more {
    margin-top: 32px;
}

#search-results-load-more #load-more-button {
    display: inline-flex;
    align-items: center;

    padding: 12px 32px;

    border: 1px solid #009d3d;
    border-radius: 30px;
    background-color: #009d3d;
    color: #fff;
    transition: background-color .2s ease-in-out, color .2s ease-in-out;

    &:hover {
        background-color: #fff;
        color: #009d3d;
    }
}

/* Sort bar — skrýt "Pouze skladem", select sladit s nativním listSorting kategorie */
#search-filters .search-filters__item:has(.search-filter-checkbox) {
    display: none;
}

#search-filters {

    padding: 0;

    background-color: transparent;
}

/* Nativní select skrytý — řadíme přes tlačítka (.listSorting jako kategorie) */
#search-filters #filter-sort,
#search-filters label[for="filter-sort"] {
    display: none;
}

/* Řadicí tlačítka (taby) — styl nativního Dokose listSorting; scopnuto, ať neovlivní kategorii */
#search-filters .listSorting__controls {
    display: inline-flex;

    border-left: 1px solid #e1e1e2;

    @media (max-width: 767px) {
        display: flex;
    }
}

#search-filters .listSorting__control {
    height: 42px;
    padding: 0 16px;

    border: 1px solid #e1e1e2;
    border-left: 0;
    background-color: #f5f5f5;
    color: #252729;
    font-size: 12px;
    font-weight: 600;
    font-family: "Montserrat", sans-serif;
    line-height: 40px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    cursor: pointer;
    transition: background-color .2s ease-in-out;

    @media (max-width: 767px) {
        padding-inline: 24px;
        height: 52px;

        text-align: left;
        line-height: 52px;
    }

    &:hover {
        background-color: #fff;
    }

    &.listSorting__control--current {
        background-color: #fff;
        border-bottom-color: transparent;
        cursor: default;

        @media (max-width: 767px) {
            order: -1;

            border-bottom-color: #e1e1e2;
        }
    }
}

#search-results {

    .flag {
        align-items: center;

        font-size: 0;
        border-radius: 50%;

        &:hover {
            width: 30px;
        }

        &::after {
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
        }
    }
}

#search-results-articles {

    .news-item {

        .read-title {
            display: none;
        }
    }

}

/* Na menších rozlišeních řazení zpět do dropdownu (jako nativní listSorting--dropdown) */
@media (max-width: 767px) {

    #search-filters .listSorting__controls {
        display: flex;
        flex-direction: column;

        position: relative;
        width: 100%;
        border-left: 0;
    }

    #search-filters .listSorting__control {
        display: none;

        width: 100%;
        margin-top: -1px;

        border: 1px solid #e1e1e2;
    }

    #search-filters .listSorting__control--current {
        display: block;

        border-bottom: 1px solid #e1e1e2;
        background-color: #fff;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23252729' stroke-width='1.5' d='M2 4.5l4 4 4-4'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: right 16px center;
        cursor: pointer;
    }

    #search-filters .listSorting__controls.is-open .listSorting__control {
        display: block;
    }

    #search-filters .listSorting__controls.is-open .listSorting__control--current {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23252729' stroke-width='1.5' d='M2 7.5l4-4 4 4'/%3E%3C/svg%3E");
    }
}

/* Dostupnost na kartách výsledků — zelená + ikonka „skladem" (jako nativní kategorie); scopnuto */
#search-products-container .availability[class*="skladem"] {
    color: #008a35;
}

#search-products-container .availability[class*="skladem"] span:first-child::before {
    content: "\eb20";

    margin-right: 3px;

    font-family: "ikony";
    font-size: 12px;
}

/* Hodnocení na kartách výsledků — necháme jen hvězdičky, počet skryjeme */
#search-products-container .stars-wrapper .stars-label {
    display: none;
}

/* Dostupnost v overlay — zelená + ikonka „skladem" (jako results/kategorie) */
.search-overlay__product-availability[class*="skladem"] {
    color: #008a35;
}

.search-overlay__product-availability[class*="skladem"] .search-overlay__product-availability__text::before {
    content: "\eb20";

    margin-right: 3px;

    font-family: "ikony";
    font-size: 12px;
}