/* ===================================================================
 * TentinoHU — Revelor theming
 * Brand: čierna primary, zelená action (#2c9619), červený accent
 * Body font Roboto Condensed, headings Nunito
 * =================================================================== */

/* Overlay panel — jemné zaoblení, čistý shadow */
.search-overlay__content {
    border-radius: 8px;
    overflow: hidden;
}

/* Input — Tentino formuláře mají #ccc border + radius 4px + font Nunito */
.search-overlay__input {
    border: 1px solid #cccccc;
    border-radius: 4px;
    font-family: "Roboto Condensed", sans-serif;
    color: #1e1e1c;

    transition: border-color 0.2s ease;
}

.search-overlay__input:focus {
    border-color: #2c9619;
    outline: none;
}

/* Section title — Tentino headings v Roboto Condensed s tučným weightem */
.search-overlay__section-title {
    color: #1e1e1c;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 700;
    font-size: 18px;
    border-bottom-color: #2c9619;
}

/* Produkty */
.search-overlay__product-title {
    color: #000000;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 600;
}

.search-overlay__product-price {
    color: #1e1e1c;
    font-weight: 700;
}

.search-overlay__product:hover .search-overlay__product-title {
    color: #2c9619;
}

/* Add-to-cart kruhový button — sjednotit s Tentino btn-conversion (#2c9619) */
.search-overlay__product-add-btn {
    background-color: #2c9619;

    transition: background-color 0.2s ease, transform 0.15s ease;
}

.search-overlay__product-add-btn:hover {
    background-color: #1e1e1c;
    transform: scale(1.05);
}

/* "Show all" tlačítko — Tentino primary conversion style */
.search-overlay__show-all a,
.search-overlay__show-all button,
.search-overlay__show-all-link {
    background-color: #2c9619;
    color: #ffffff;
    border: 0;
    border-radius: 6px;
    padding: 10px 20px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 600;
    text-transform: none;
    text-decoration: none;

    transition: background-color 0.2s ease;
}

.search-overlay__show-all a:hover,
.search-overlay__show-all button:hover,
.search-overlay__show-all-link:hover {
    background-color: #1e1e1c;
    color: #ffffff;
}

/* Highlight (mark) — Tentino tertiary red akcent místo neonové žluté */
.search-overlay mark,
.search-overlay__product-title mark {
    background-color: rgba(254, 0, 0, 0.12);
    color: #1e1e1c;
    font-weight: 700;
    padding: 0 2px;
    border-radius: 2px;
}

/* Kategorie / články */
.search-overlay__category-title,
.search-overlay__article-title,
.search-overlay__brand-title {
    color: #1e1e1c;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 600;
}

.search-overlay__category:hover .search-overlay__category-title,
.search-overlay__article:hover .search-overlay__article-title,
.search-overlay__brand:hover .search-overlay__brand-title {
    color: #2c9619;
}

/* Close button — zvýraznit pro lepší afford */
.search-overlay__close {
    color: #1e1e1c;

    transition: color 0.2s ease;
}

.search-overlay__close:hover {
    color: #fe0000;
}

/* ===================================================================
 * Search results page (/kereses/)
 * =================================================================== */

.revelor-search-results .product .name,
.revelor-search-results a.name {
    color: #000000;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 600;
}

.revelor-search-results .product:hover .name,
.revelor-search-results a.name:hover {
    color: #2c9619;
}

.revelor-search-results mark {
    background-color: rgba(254, 0, 0, 0.12);
    color: #1e1e1c;
    font-weight: 700;
    padding: 0 2px;
    border-radius: 2px;
}

/* Revelor filtry — chip / pill ve znacky Tentino */
.revelor-filters__heading {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 50px;
    color: #1e1e1c;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 600;
    font-size: 14px;
    padding: 8px 16px;

    transition: all 0.15s ease;
}

.revelor-filters__heading:hover {
    background-color: #1e1e1c;
    color: #ffffff;
    border-color: #1e1e1c;
}

.revelor-filters__section--open .revelor-filters__heading,
.revelor-filters__heading.is-active {
    background-color: #2c9619;
    border-color: #2c9619;
    color: #ffffff;
}

.revelor-filters__heading-arrow {
    color: inherit;
}

/* Price filter OK button */
.revelor-filters__price-btn {
    background-color: #2c9619;
    color: #ffffff;
    border-radius: 6px;
    padding: 8px 18px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 600;

    transition: background-color 0.2s ease;
}

.revelor-filters__price-btn:hover {
    background-color: #1e1e1c;
}

.revelor-filters__price-input {
    border: 1px solid #cccccc;
    border-radius: 4px;
    font-family: "Roboto Condensed", sans-serif;
    color: #1e1e1c;
}

.revelor-filters__price-input:focus {
    border-color: #2c9619;
    outline: none;
}

/* Active filter chip (selected v dropdownu) */
.revelor-filters__item input:checked + .revelor-filters__text {
    color: #2c9619;
    font-weight: 600;
}

/* Clear / reset filtry */
.revelor-filters__clear,
.revelor-filters__reset {
    color: #fe0000;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 600;
}

/* Sort dropdown + "Csak raktáron" checkbox nad výsledky */
.search-filter-select {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 50px;
    color: #1e1e1c;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 600;
    font-size: 14px;
    padding: 7px 30px 7px 14px;

    transition: border-color 0.15s ease;
}

.search-filter-select:hover,
.search-filter-select:focus {
    border-color: #2c9619;
    outline: none;
}

.search-filter-checkbox {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 600;
    color: #1e1e1c;
}

.search-filter-checkbox input[type="checkbox"]:checked + span {
    color: #2c9619;
}