/**
 * NejenHra - upravy kosiku a objednavky
 *
 * Vklada se do Editoru HTML kodu (hlavicka):
 *   <link rel="stylesheet" href="/user/documents/upload/RKupravy/upravy-kosik.css?v=1.3">
 * Pri kazde zmene bumpnout ?v=, jinak si prohlizece drzi starou verzi.
 *
 * POZOR: eshop ma DVE slozky RKupravy - /user/documents/RKupravy/ a
 * /user/documents/upload/RKupravy/. Tenhle soubor se nacita z te druhe
 * (s upload). Pri nahravani vzdy zkontrolovat, ze cesta v odkazu sedi s tim,
 * kam soubor realne jde - na tom uz jedno nasazeni spadlo na 404.
 *
 * Patri k upravy-kosik.js - jednotlive bloky jsou v obou souborech oznacene
 * stejnym markerem.
 */

:root {
  --uk-chat-bottom: 25px;  /* vychozi bottom chatu, prepisuje JS */
}

/* ========================================================================
   2-sticky-pokracovat
   Mobil: lepici lista u spodni hrany - vlevo souhrn ceny, vpravo tlacitko.
   PC: nic - souhrn s tlacitkem je v pravem sloupci nahore uz z sablony.
   ======================================================================== */

@media (min-width: 992px) {
  .uk-lista { display: none; }
}

@media (max-width: 991px) {

  .uk-lista {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 900;  /* pod mobilnim menu (#navigation ma 1000) */
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 12px;
    padding-bottom: calc(8px + env(safe-area-inset-bottom, 0px));
    background: #fff;
    box-shadow: 0 -2px 14px rgba(0, 0, 0, .16);
    /* +30px navic: samotnych 100 % nechava nad okrajem vykukovat stin
       a odsazeni pro safe-area, coz vypada jako "lista napul vysunuta" */
    transform: translateY(calc(100% + 30px));
    transition: transform .22s ease;
    pointer-events: none;   /* schovana lista nesmi chytat dotyky */
  }

  /* --uk-lista-posun resi listu prohlizece. `bottom: 0` je spodek LAYOUTOVEHO
     viewportu, jenze ten je zcasti schovany za adresnim radkem - lista se pak
     zobrazuje jen napul, dokud se radek neschova (tedy hlavne nahore na
     strance). JS sem dosazuje rozdil mezi window.innerHeight a visualViewport,
     takze lista sedi na spodku toho, co je realne videt. */
  .uk-lista.je-videt {
    transform: translateY(calc(-1 * var(--uk-lista-posun, 0px)));
    pointer-events: auto;
  }

  /* ---- vlevo souhrn ceny ---- */
  .uk-lista__cena {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1 1 auto;
    min-width: 0;          /* jinak dlouhy popisek rozstrkne tlacitko */
    line-height: 1.15;
  }

  .uk-lista__popis {
    font-size: 11px;
    opacity: .7;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .uk-lista__castka {
    font-size: 17px;
    font-weight: 700;
    white-space: nowrap;
  }

  /* ---- vpravo tlacitko ---- */
  .uk-lista__btn {
    flex: 0 0 auto;
    margin: 0;
    white-space: nowrap;
  }

  /* Kdyz se cenu nepodari precist, tlacitko si vezme celou sirku. */
  .uk-lista--bez-ceny .uk-lista__cena { display: none; }
  .uk-lista--bez-ceny .uk-lista__btn { flex: 1 1 auto; width: 100%; }

  /* Chat ani lead-gen banner nesmi lezet na tlacitku - odstrcime je nad listu.
     Oba maji vlastni z-index v milionech, pretlacit je nejde. */
  body.uk-lista-videt #chatgo-messenger-chat-widget,
  body.uk-lista-videt .LEAD_GENERATION {
    bottom: var(--uk-chat-bottom) !important;
    transition: bottom .22s ease;
  }
}

@media (prefers-reduced-motion: reduce) {
  .uk-lista,
  body.uk-lista-videt #chatgo-messenger-chat-widget,
  body.uk-lista-videt .LEAD_GENERATION { transition: none; }
}