/* =====================================================================
   Drobnosti pro přístupnost
   verze 2.0

   Vlastní soubor proto, že chatbot se vkládá do těla stránky a značka
   <style> tam podle standardu být nesmí. Odkaz na styl v těle dovolený
   je, takže se pravidla načtou odsud.
   ===================================================================== */

/* Popisek jen pro čtečky obrazovky.
   Text zůstane pro čtečku, ale nikde ho není vidět. Používá se
   u ovládacích prvků, kde by viditelný popisek rušil grafiku. */
.vizualne-skryto {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

/* --- počítadlo návštěv v patičce -------------------------------------
   Vlastní styl proto, že se počítadlo vkládá do patičky každé stránky
   a ve společném styles.css pro něj pravidlo nebylo — vypisovalo se
   proto neupravené. */
.pocitadlo {
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid rgba(0, 0, 0, .12);
  font-size: .95rem;
  line-height: 1.7;
}

.pocitadlo-nadpis {
  display: block;
  font-size: .8rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  opacity: .65;
  margin-bottom: 6px;
}

.pocitadlo-radka {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 22px;
  justify-content: center;
}

.pocitadlo-polozka { white-space: nowrap; }

/* Oddělovací tečka je v kódu kvůli čitelnosti bez stylu. Když se styl
   načte, rozestupy dělá mezera mezi položkami a tečka je navíc. */
.pocitadlo-oddelovac { display: none; }
.pocitadlo-polozka b { font-weight: 600; font-size: 1.15rem; }

@media (max-width: 520px) {
  .pocitadlo-radka { gap: 4px 14px; font-size: .9rem; }
  .pocitadlo-polozka b { font-size: 1.05rem; }
}