/* ============================================================
   TS KRISTIAN, ukázka designové vrstvy
   Tohle je CSS, které by šlo vložit do Webnode (Nastavení webu,
   HTML hlavička). Nemění obsah ani strukturu, jen typografii,
   rozestupy a tlačítka. Ukazuje se na kopii současného webu,
   aby bylo vidět, co udělá samotná vrstva bez přepisování textů.
   ============================================================ */

/* --- text: konec zarovnání do bloku, klidnější řádkování --- */
.vrstva .b-text p,
.vrstva .b-text li,
.vrstva .b-text td{
  text-align: left !important;
  hyphens: none !important;
  line-height: 1.62 !important;
}
.vrstva .b-text p{ margin-bottom: 0.9em !important; }

/* --- nadpisy: menší skoky velikostí, těsněji k textu --- */
.vrstva h1{ line-height: 1.16 !important; letter-spacing: .01em !important; }
.vrstva h2{ line-height: 1.22 !important; margin-bottom: .5em !important; }
.vrstva h3{ line-height: 1.3 !important; margin-bottom: .4em !important; }

/* --- odkazy uvnitř textu: aby byly vidět jako odkazy --- */
.vrstva .b-text a{
  border-bottom: 1px solid rgba(201,162,39,.65) !important;
  text-decoration: none !important;
  padding-bottom: 1px;
}

/* --- tlačítka: jednotná výška, čitelný text, dost místa --- */
.vrstva .b-btn a,
.vrstva .b-btn button{
  padding: 13px 26px !important;
  line-height: 1.25 !important;
  letter-spacing: .04em !important;
  min-height: 0 !important;
}

/* --- rozestupy: velké prázdné pásy dolů, ať se stránka nerozjíždí --- */
.vrstva .b-s-t150{ padding-top: 84px !important; }
.vrstva .b-s-b150{ padding-bottom: 84px !important; }
.vrstva .b-s-t100{ padding-top: 64px !important; }
.vrstva .b-s-b100{ padding-bottom: 64px !important; }

/* --- obrázky v kartách: jednotný poměr, ať řádek nedrncá --- */
.vrstva .b-img img{ object-fit: cover !important; }

/* --- cookie lišta: dnes je přišpendlená nahoře a roztažená přes celou
       obrazovku, takže překryje logo. Posadíme ji dolů a necháme jí
       jen tolik místa, kolik potřebuje. --- */
.vrstva #iubenda-cs-banner,
.vrstva #iubenda-cs-banner.iubenda-cs-top{
  top: auto !important;
  bottom: 0 !important;
  height: auto !important;
  max-height: 45vh !important;
  overflow: auto !important;
}
.vrstva #iubenda-cs-banner .iubenda-cs-container,
.vrstva #iubenda-cs-banner .iubenda-cs-content{
  top: 0 !important;
  padding: 12px 16px !important;
  font-size: 14px !important;
}

/* --- štítek, aby bylo poznat, že je vrstva zapnutá --- */
.vrstva-stitek{
  position: fixed; left: 0; right: 0; top: 0; z-index: 2147482000;
  background: #c9a227; color: #1a1610; font: 600 13px/1.4 -apple-system,"Segoe UI",Arial,sans-serif;
  padding: 7px 16px; text-align: center;
}