/* ==========================================================================
   JahodarnaSK (zahradnictvobrozany.sk) — template-11 + FE FV studio
   ========================================================================== */

/* 1. Vysledkovka = kategorie: nativni levy sloupec (strom kategorii) zustava.
      Jadro ho na vysledkovce skryva `.id--11.revelor-ready .sidebar { display: none !important }`
      (source/scss/_search-results.scss) — prebit to jde jen dalsim !important.
      Hranice 768 px zmerena sweepem 320–1600 (kolo 2): nativni kategorie ma sloupec
      310 px uz od 768 (content x310), do 767 ho sablona skryva sama. */
@media (min-width: 768px) {
    .id--11.revelor-ready .sidebar.sidebar-left {
        display: block !important;
    }
}

/* 2. Filtry: nativni box `#filters` (JS) nahrazuje filtrovy bar jadra, ktery zustava
      v DOM skryty a slouzi jen jako ovladac. Razeni kategorie na shopu nema.
      !important: jadro obema prvkum nastavuje inline `style="display: flex|block"`. */
.rvlr-jah-filters #search-filters,
.rvlr-jah-filters #revelor-filters-container,
.id--11.revelor-ready #search-sorting {
    display: none !important;
}

/* 2b. Filtr nic nenasel (kolo 2): hlaska jadra ma sede 14px z Tailwind palety, ktera na shopu
       nikde neni. Nativni protejsek pro vyhledavani neexistuje (prazdna kategorie s filtrem
       ukaze „Produkty ešte len pripravujeme"), proto jen pismo sablony: text jako `body`
       (16px, cerna), odkaz „Zrušiť všetko" jako nativni „Hore" v `.pagination-wrapper`
       (15/20px, podtrzeny, bez pozadi). Selektory (0,2,1) > jadro (0,1,0). */
.id--11.rvlr-jah-filters .revelor-filters__no-results {
    color: inherit;
    font-size: 16px;
}

.id--11.rvlr-jah-filters .revelor-filters__no-results .revelor-filters__no-results-reset {
    padding: 0;

    color: inherit;
    font-size: 15px;
    line-height: 20px;
}

.id--11.rvlr-jah-filters .revelor-filters__no-results .revelor-filters__no-results-reset:hover {
    text-decoration: none;
}

/* 3. Vysledkova stranka jako kategorie: nadpisy „Produkty" a „Kategórie" kategorie nema
      (dlazdice jako podkategorie a box filtru jdou hned pod perex), load-more v nativnim `.listingControls`. */
.rvlr-jah-filters #products-heading,
.rvlr-jah-filters #categories-heading {
    display: none;
}

/* Odkaz jadra „Zobraziť všetky kategórie (N)" nativ nema — vsechny dlazdice dokresli
   `revelor-additional.js` a sbaleni resi FV odkaz „Zobraziť všetky" (kolo 3). */
.id--11.revelor-ready #search-results-categories .subcategories-expand-all-text {
    display: none;
}

/* Load-more radek = nativni `.listingControls` (main-11.less). Nativ se prestavuje
   CONTAINER QUERY na vlastni sirce, ne media query na viewportu (kolo 2, zmereno sweepem):
     - kontejner < 570 px (57rem, html 10px) — pod sebou: load-more, strankovani, „Hore" na stredu
       (okno do 991 px vcetne tabletu se sloupcem),
     - >= 570 px — load-more pres celou sirku, pod nim „Hore" vlevo a strankovani vpravo,
     - >= 840 px (84rem) — jeden radek: „Hore" 33 % vlevo, load-more 33 % uprostred, strankovani.
   Strankovani Revelor nema, jeho misto na 1 radku drzi prazdny `__spacer`, aby load-more
   zustal na stredu jako nativne. Jadro `.listingControls` na vysledkovce skryva (!important),
   proto vlastni trida a kopie pravidel. */
.rvlr-listing-controls {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 19px 0;

    margin: 19px 0 29px;

    container-name: rvlrListingControls;
    container-type: inline-size;
}

.rvlr-listing-controls .goToTop,
.rvlr-listing-controls #search-results-load-more {
    display: flex;
    justify-content: center;
    flex: 0 0 100%;
}

.rvlr-listing-controls #search-results-load-more {
    order: 1;

    margin: 0;
}

.rvlr-listing-controls .goToTop {
    order: 3;
}

.rvlr-listing-controls__spacer {
    display: none;
}

@container rvlrListingControls (min-width: 570px) {
    .rvlr-listing-controls .goToTop {
        flex-basis: auto;
        order: 2;

        margin-right: auto;
    }
}

@container rvlrListingControls (min-width: 840px) {
    .rvlr-listing-controls .goToTop {
        justify-content: flex-start;
        flex-basis: 33%;
        order: 1;
    }

    .rvlr-listing-controls #search-results-load-more {
        flex-basis: 33%;
        order: 2;
    }

    .rvlr-listing-controls__spacer {
        display: block;
        flex: 0 0 33%;
        order: 3;

        margin-left: auto;
    }
}

/* 4. Clanky = vypis `/clanky-2/` (nativni karta: fotka 370 px vlevo, titulek, datum, perex;
      pod sebou po 80 px). Jadro je kresli do tri sloupcu a pridava „Čítať článok". */
.id--11.rvlr-jah-filters #newsWrapper {
    display: block;
}

.id--11.rvlr-jah-filters #newsWrapper .news-item {
    flex: 0 1 auto;
}

.id--11.rvlr-jah-filters #newsWrapper .read-title {
    display: none;
}

@media (max-width: 767px) {
    /* Mobil: nativni `.loadMore__button--products { width: 100% }` do 767 px viewportu */
    .rvlr-listing-controls #load-more-button {
        width: 100%;
    }
}


/* ==========================================================================
   Overlay v2 (naseptavac) — barvy a pismo sablony (kolo 2, 29. 9. 2026)
   ========================================================================== */

/* Akcent = barva CTA sablony: `.btn-cart`, `.btn-primary` i tlacitko „Hľadať" maji
   pozadi #75461F (zmereno computed). `--color-primary` je na tomhle shopu stejna
   hodnota, ale drzime ji tu natvrdo, aby overlay nezmenil barvu, kdyby klient
   prehodil primarni barvu sablony. Chip tokeny jsou v jadre natvrdo zelene
   z Figmy GreenIdea (`_variables-v2.scss`) — jedine dve barvy v2, ktere se
   z `--color-primary` neodvozuji. Pismo `--template-font` = Montserrat. */
body.rvlr-design-v2 .rvlr2-overlay {
    --rvlr2-color-primary: #75461f;
    --rvlr2-border-chip: #75461f;
    --rvlr2-bg-chip-active: #75461f;
    --rvlr2-font-family: var(--template-font, "Montserrat"), sans-serif;
}

/* Nazev produktu jako na nativni karte: `.products .product .name` = 16px / 600 /
   22,15px, bez trackingu (jadro ma 700 a -0,32px z Figmy GreenIdea). */
body.rvlr-design-v2 .rvlr2-overlay .rvlr2-product__title {
    font-weight: 600;
    line-height: 22px;
    letter-spacing: normal;
}

/* Dostupnost „Skladom" v barve nativni karty. Klientske styles.css ma
   `.products-block .ratings-wrapper .availability.in-stock span { color: #588a35 !important }`
   (BE posila `color:#009901`, na shopu se ale kresli #588a35). Jadro dostupnou
   polozku barvi akcentem overlaye. Nedostupne (`--out`) nechavame na inline barve z BE. */
body.rvlr-design-v2 .rvlr2-overlay .rvlr2-product__availability:not(.rvlr2-product__availability--out) {
    color: #588a35;
}

/* Levy okraj panelu = levy okraj hledaciho pole (meri `revelor-additional.js`,
   fallback `auto` = puvodni vycentrovany panel). Recept inerez / ergo-interier. */
body.rvlr-design-v2 .rvlr2-overlay .rvlr2-overlay__panel {
    margin-right: auto;
    margin-left: var(--rvlr-panel-left, auto);
}

/* Dotaz, ktery vrati jen produkty (napr. „jahoda" — BE neposle kategorie ani
   hledane vyrazy), nechava v2 s prazdnym levym sloupcem 223 px. Tridu prepina JS. */
body.rvlr-design-v2 .rvlr2-overlay .rvlr2-overlay__body-grid.rvlr-grid-full {
    grid-template-columns: minmax(0, 1fr);
    column-gap: 0;
}

body.rvlr-design-v2 .rvlr2-overlay .rvlr2-overlay__body-grid.rvlr-grid-full .rvlr2-overlay__col--left {
    display: none;
}

/* Mobil: zakaznik pise do vlastniho pole overlaye (`overlaySuppressNativeDrawer`).
   Jadro mu dava 14 px a iOS Safari pri fokusu pole pod 16 px priblizi stranku;
   nativni pole hlavicky ma 16 px. */
@media (max-width: 767px) {
    body.rvlr-design-v2 .rvlr2-overlay {
        --rvlr2-fs-input: 16px;
    }

    /* Panel pod celou mobilni listou `#header` (lupa, ucet, kosik, menu), ne pod
       10px vysokym `.header-top`, na ktery kotvi jadro. Hodnotu meri JS
       (`--rvlr-jah-overlay-top`), fallback = jadrova hodnota. (0,3,1) > jadro (0,2,1). */
    body.rvlr-design-v2 .rvlr2-overlay.rvlr2-overlay--own-input {
        top: var(--rvlr-jah-overlay-top, var(--rvlr2-overlay-top, 100px));
    }
}