/* Stránka /cookies: volba souhlasu a seznam cookies (app/routes/l_mereni.py). Jen proměnné z ev.css (BRAND.md, část 2).
   Na mobilu je každý řádek tabulky samostatný blok s popisky, nic nepřetéká ani na 360 px. */
.cookies { max-width: calc(880px + 2 * var(--ev-okraj)); }
.cookies-podnadpis { font-size: var(--ev-h3); margin: 40px 0 16px; }
.cookies-volba { padding: 20px; }
.cookies-volba .cookies-podnadpis { margin-top: 0; }
.cookies-volba .souhlas-formular { padding: 0; }
.cookies-platnost { margin: 16px 0 0; }
.cookies-ulozeno { margin: 16px 0 0; background: var(--ev-zelena-svetla); }
.cookies-ulozeno[hidden] { display: none; }
.cookies-ulozeno .ik { color: var(--ev-zelena); }
.cookies-bez { margin: 0; }
.cookies-skupina + .cookies-skupina { margin-top: 32px; }
.cookies-skupina h3 { margin-bottom: 4px; }
.cookies-tabulka { margin-top: 12px; table-layout: fixed; }
.cookies-tabulka th, .cookies-tabulka td { padding-right: 16px; }
.cookies-tabulka thead th { color: var(--ev-seda); font-size: 13px; font-weight: 700; }
.cookies-tabulka thead th:nth-child(1) { width: 26%; }
.cookies-tabulka thead th:nth-child(2) { width: 16%; }
.cookies-tabulka thead th:nth-child(3) { width: 38%; }
.cookies-tabulka thead th:nth-child(4) { width: 20%; }
.cookies-tabulka tbody th { width: auto; color: var(--ev-inkoust); font-weight: 700; overflow-wrap: anywhere; }
.cookies-tabulka code { font: inherit; }
.cookies-tabulka small { display: block; font-size: 13px; font-weight: 600; color: var(--ev-seda); }
.cookies-text { max-width: 65ch; }
.cookies-text p { margin-bottom: 14px; }
@media (min-width: 1000px) { .cookies-volba { padding: 28px; } .cookies-podnadpis { margin-top: 56px; } }
@media (max-width: 699px) {
  .cookies-tabulka thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .cookies-tabulka, .cookies-tabulka tbody, .cookies-tabulka tr, .cookies-tabulka th, .cookies-tabulka td { display: block; width: 100%; }
  .cookies-tabulka tr { padding: 12px 0; border-bottom: 1px solid var(--ev-cara); }
  .cookies-tabulka tbody th, .cookies-tabulka td { padding: 2px 0; border: 0; width: 100%; }
  .cookies-tabulka { table-layout: auto; }
  .cookies-tabulka td::before { content: attr(data-popisek) ": "; color: var(--ev-seda); font-weight: 600; }
}