/* =========================================================
   OLASHOP – mobilní nákupní lišta (detail produktu)
   Nastavení vzhledu je v proměnných níže.
   ========================================================= */
:root {
  --ola-lista-vyska-tlacitka: 40px;    /* výška tlačítka */
  --ola-lista-odsazeni: 6px 10px 8px;  /* vnitřní okraje lišty (nahoře, po stranách, dole) */
  --ola-lista-cena-velikost: 18px;     /* velikost písma ceny */
  --ola-lista-pozadi: #ffffff;
  --ola-lista-ohraniceni: #e5e2dd;
  --ola-lista-text: #1f1f1f;
  --ola-lista-text-poznamka: #6b6b6b;
  --ola-lista-tlacitko: #fba87e;       /* barva jako hlavní tlačítko Do košíku */
  --ola-lista-tlacitko-text: #1f1f1f;
}

.ola-lista {
  display: none;
}

@media (max-width: 767px) {
  .ola-lista {
    display: flex;
    align-items: center;
    gap: 10px;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9990;
    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);
    transform: translateY(110%);
    transition: transform 0.2s ease-out;
    box-sizing: border-box;
  }

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

  .ola-lista__cena-box {
    flex: 0 0 auto;
    line-height: 1.1;
  }

  .ola-lista__cena {
    font-size: var(--ola-lista-cena-velikost);
    font-weight: 600;
    white-space: nowrap;
  }

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

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

  .ola-lista__tlacitko {
    flex: 1 1 auto;
    height: var(--ola-lista-vyska-tlacitka);
    margin: 0;
    padding: 0 12px;
    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;
    cursor: pointer;
  }

  /* aby lišta nezakrývala patičku stránky */
  body.ola-lista-aktivni {
    padding-bottom: 64px;
  }

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