/* =====================================================================
   AURI – MOBILE REVIEWS & CATEGORY GRID   (v1.0)
   Súbor: /user/documents/auri-mobile-hp.css
   Iba homepage (body.type-index), iba mobil do 767 px.
   Desktop a tablet ostávajú bez zmeny.
   Odstránenie: zmaž <link> na tento súbor v Záhlaví + <script> v Zápätí.
   ===================================================================== */

/* Poradie: hero → rozcestník → recenzie (presun robí auri-vlastne.js).
   Rozcestník je teraz hneď pod hero bannerom – medzera ako medzi sekciami. */
body.type-index #content #auri-kat-head{padding-top:64px}

/* Počet recenzií v súhrne je odkaz na stránku hodnotení */
#hodnoceniobchodu .auri-mrev__count{color:inherit;text-decoration:none;transition:color .3s ease-out}
#hodnoceniobchodu .auri-mrev__count:hover,
#hodnoceniobchodu .auri-mrev__count:focus-visible{color:#EE719E}
/* Ovládanie karuselu existuje iba na mobile */
#hodnoceniobchodu .auri-mrev__dots,
#hodnoceniobchodu .auri-mrev__more{display:none!important}

@media (max-width:767px){

  /* ---------- 0. PORADIE SEKCIÍ ---------- */
  body.type-index #content #auri-kat-head{padding-top:40px}
  /* recenzie sú vnútri obsahu stránky – zarovnanie na rovnaký okraj (16 px) */
  body.type-index #content > #hodnoceniobchodu{padding-left:8px!important;padding-right:8px!important}

  /* ---------- 1. RECENZIE – „AURI vašimi očami“ ---------- */

  /* Podnadpis skrátený na prvú vetu */
  body.type-index #hodnoceniobchodu .auri-pod__more{display:none}
  body.type-index #hodnoceniobchodu .auri-pod{margin-bottom:12px}

  /* Súhrn: 4,7 ★★★★★ 31 hodnotení */
  body.type-index #hodnoceniobchodu > br{display:none}
  body.type-index #hodnoceniobchodu .shop-eval-stars{margin:0 0 16px;text-align:center}
  body.type-index #hodnoceniobchodu .auri-mrev__count{text-decoration:underline;text-underline-offset:3px}

  /* Karusel – jedna karta naraz, posúvanie prstom */
  body.type-index #hodnoceniobchodu.auri-mrev .shop-eval{
    position:relative;display:flex!important;flex-wrap:nowrap!important;align-items:stretch;gap:12px;
    justify-content:flex-start!important; /* doplnok centruje – pri karuseli by karty ušli doľava */
    margin:0!important;padding:0!important;
    overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
    overscroll-behavior-x:contain;scrollbar-width:none}
  body.type-index #hodnoceniobchodu.auri-mrev .shop-eval::-webkit-scrollbar{display:none}
  body.type-index #hodnoceniobchodu.auri-mrev .shop-eval:focus-visible{outline:2px solid #AE8D3F;outline-offset:3px;border-radius:8px}

  body.type-index #hodnoceniobchodu.auri-mrev .shop-eval > .vote-wrap{
    flex:0 0 100%!important;width:100%!important;max-width:none!important;min-width:0;
    margin:0!important;padding:16px 18px!important;box-sizing:border-box;
    scroll-snap-align:start;scroll-snap-stop:always}

  /* Text recenzie – max. 5 riadkov, zvyšok cez „Zobraziť viac“ */
  body.type-index #hodnoceniobchodu.auri-mrev .vote-content{
    display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;
    font-size:14px;line-height:1.55}
  body.type-index #hodnoceniobchodu.auri-mrev .vote-wrap.is-open .vote-content{display:block!important;-webkit-line-clamp:unset;overflow:visible}

  body.type-index #hodnoceniobchodu .auri-mrev__more{
    display:inline-block!important;margin:2px 0 0;padding:6px 0;border:0;background:none;
    font:inherit;font-size:13px;line-height:1.2;color:#AE8D3F;
    text-decoration:underline;text-underline-offset:3px;cursor:pointer}
  body.type-index #hodnoceniobchodu .auri-mrev__more:hover{color:#EE719E}
  body.type-index #hodnoceniobchodu .auri-mrev__more[hidden]{display:none!important}
  body.type-index #hodnoceniobchodu .auri-mrev__more:focus-visible{outline:2px solid #AE8D3F;outline-offset:2px;border-radius:4px}

  /* Navigačné bodky (24 px dotyková plocha) */
  body.type-index #hodnoceniobchodu .auri-mrev__dots{display:flex!important;justify-content:center;gap:2px;margin:10px 0 14px}
  body.type-index #hodnoceniobchodu .auri-mrev__dots[hidden]{display:none!important}
  body.type-index #hodnoceniobchodu .auri-mrev__dot{
    display:flex;align-items:center;justify-content:center;width:24px;height:24px;
    margin:0;padding:0;border:0;background:none;cursor:pointer}
  body.type-index #hodnoceniobchodu .auri-mrev__dot:before{
    content:"";display:block;width:8px;height:8px;border-radius:4px;background:#D9CCB0;
    transition:width .2s ease,background-color .2s ease}
  body.type-index #hodnoceniobchodu .auri-mrev__dot[aria-current="true"]:before{width:20px;background:#AE8D3F}
  body.type-index #hodnoceniobchodu .auri-mrev__dot:focus-visible{outline:2px solid #AE8D3F;outline-offset:0;border-radius:6px}

  body.type-index #hodnoceniobchodu .shop-stat-all{margin:0;text-align:center}


  /* ---------- 2. KATEGÓRIE – mriežka 2 × 3 ---------- */

  body.type-index #dklabBanplusUvod{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;
    padding:0 8px!important;margin-left:0!important;margin-right:0!important}
  body.type-index #dklabBanplusUvod .dklabBanplusBox{
    width:auto!important;max-width:none!important;margin:0!important;padding:0!important;
    border-radius:10px;overflow:hidden;background:#F8F3E8}
  body.type-index #dklabBanplusUvod .dklabBanplusBox picture{display:block}
  body.type-index #dklabBanplusUvod .dklabBanplusBox img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}
  body.type-index #dklabBanplusUvod .dklabBanplusBox:focus-visible{outline:2px solid #AE8D3F;outline-offset:2px}
}

@media (max-width:767px) and (prefers-reduced-motion:reduce){
  body.type-index #hodnoceniobchodu .auri-mrev__dot:before{transition:none}
}

@media (max-width:359px){
  body.type-index #dklabBanplusUvod{gap:8px}
  body.type-index #hodnoceniobchodu.auri-mrev .shop-eval > .vote-wrap{padding:14px 14px!important}
}
/* ===================== koniec AURI – MOBILE REVIEWS & CATEGORY GRID ===================== */