/* =========================================================
   OLASHOP.SK – mobilná nákupná lišta (detail produktu)
   Jeden řádek: cena / ks | množství | tlačítko Do košíku
   Nastavení vzhledu je v proměnných níže.
   ========================================================= */
:root {
  --ola-lista-pozadi: #f6f6f6;            /* stejné jako nákupní box */
  --ola-lista-ohraniceni: #e5e2dd;
  --ola-lista-odsazeni: 8px 10px;         /* vnitřní okraje lišty */
  --ola-lista-mezera: 8px;                /* mezera mezi cenou, množstvím a tlačítkem */
  --ola-lista-text: #1f1f1f;
  --ola-lista-text-poznamka: #6b6b6b;

  --ola-lista-cena-velikost: 18px;        /* velikost písma ceny */
  --ola-lista-cena-tloustka: 600;         /* 400 normální, 600 polotučné, 800 tučné */
  --ola-lista-jednotka-velikost: 12px;    /* "/ ks" */

  --ola-lista-mnozstvi-sirka: 84px;       /* přepínač množství */
  --ola-lista-mnozstvi-ramecek: #919191;

  --ola-lista-vyska-prvku: 40px;          /* výška přepínače i tlačítka */
  --ola-lista-tlacitko: #fba87e;
  --ola-lista-tlacitko-text: #1f1f1f;

  --ola-lista-celkova-vyska: 64px;        /* rezerva pod stránkou a pro šipku nahoru */
}

.ola-lista {
  display: none;
}

@media (max-width: 767px) {
  .ola-lista {
    display: flex;
    align-items: center;
    gap: var(--ola-lista-mezera);
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 900; /* pod cookie oknem (999) a mobilním menu (1000) */
    padding: var(--ola-lista-odsazeni);
    padding-bottom: calc(8px + env(safe-area-inset-bottom, 0px));
    background: var(--ola-lista-pozadi);
    border-top: 1px solid var(--ola-lista-ohraniceni);
    font-family: Nunito, sans-serif;
    color: var(--ola-lista-text);
    box-sizing: border-box;
    transform: translateY(110%);
    transition: transform 0.2s ease-out;
  }

  .ola-lista.is-visible {
    transform: translateY(0);
  }

  /* cena */
  .ola-lista__cena-box {
    flex: 0 0 auto;
    line-height: 1.05;
    white-space: nowrap;
  }

  .ola-lista__castka {
    font-size: var(--ola-lista-cena-velikost);
    font-weight: var(--ola-lista-cena-tloustka);
  }

  .ola-lista__jednotka {
    font-size: var(--ola-lista-jednotka-velikost);
    font-weight: 400;
  }

  .ola-lista__poznamka {
    display: none;
    font-size: 11px;
    color: var(--ola-lista-text-poznamka);
  }

  .ola-lista.has-upravy .ola-lista__poznamka {
    display: block;
  }

  /* přepínač množství */
  .ola-lista__mnozstvi {
    flex: 0 0 auto;
    display: flex;
    align-items: stretch;
    width: var(--ola-lista-mnozstvi-sirka);
    height: var(--ola-lista-vyska-prvku);
    border: 1px solid var(--ola-lista-mnozstvi-ramecek);
    background: #fff;
    box-sizing: border-box;
  }

  .ola-lista__mnozstvi button {
    flex: 0 0 26px;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--ola-lista-text);
    font-family: inherit;
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
  }

  .ola-lista__mnozstvi input {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--ola-lista-text);
    font-family: inherit;
    font-size: 16px; /* min. 16px – jinak iPhone při psaní přiblíží stránku */
    text-align: center;
    -moz-appearance: textfield;
    appearance: textfield;
  }

  .ola-lista__mnozstvi input::-webkit-outer-spin-button,
  .ola-lista__mnozstvi input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }

  /* tlačítko – zabere zbytek šířky */
  .ola-lista__tlacitko {
    flex: 1 1 auto;
    min-width: 0;
    height: var(--ola-lista-vyska-prvku);
    margin: 0;
    padding: 0 8px;
    border: 0;
    border-radius: 0;
    background: var(--ola-lista-tlacitko);
    color: var(--ola-lista-tlacitko-text);
    font-family: inherit;
    font-size: 15px;
    font-weight: 900;
    white-space: nowrap;
    cursor: pointer;
  }

  /* aby lišta nezakrývala patičku stránky */
  body.ola-lista-aktivni {
    padding-bottom: var(--ola-lista-celkova-vyska);
  }

  /* šipka "zpět nahoru" se při zobrazené liště posune nad ni */
  body.ola-lista-viditelna #return-to-top {
    bottom: calc(var(--ola-lista-celkova-vyska) + 10px) !important;
  }
}