/* Lišta souhlasu s měřením návštěvnosti (GA4) — PRAETORIAN s.r.o.
 * Samostatný soubor (žádné inline styly), barvy jako pevné hodnoty podle
 * brandové palety webu, ať funguje stejně na každé stránce bez ohledu na
 * to, jaké má zrovna svoje vlastní CSS proměnné. */

#souhlas-lista{
  position:fixed; left:0; right:0; bottom:0; z-index:9999;
  display:flex; flex-wrap:wrap; align-items:center; justify-content:center;
  gap:16px 24px;
  padding:16px 24px;
  background:#1D1D1B; color:#EDE9E5;
  border-top:1px solid #3A322B;
  font-family:'Work Sans', ui-sans-serif, system-ui, sans-serif;
  font-size:.88rem;
  box-shadow:0 -4px 20px rgba(0,0,0,.25);
}
#souhlas-lista a{ color:#fff; text-decoration:underline; }
#souhlas-lista .souhlas-text{ margin:0; max-width:62ch; line-height:1.5; }
#souhlas-lista .souhlas-tlacitka{ display:flex; gap:10px; flex-wrap:wrap; flex:0 0 auto; }
#souhlas-lista button{
  font-family:inherit; font-size:.88rem; font-weight:600;
  padding:10px 18px; border-radius:2px; cursor:pointer;
  border:1px solid transparent;
}
#souhlas-lista button[data-souhlas="1"]{ background:#E30613; color:#fff; }
#souhlas-lista button[data-souhlas="1"]:hover{ background:#A3050E; }
#souhlas-lista button[data-souhlas="0"]{ background:transparent; color:#EDE9E5; border-color:#5B5652; }
#souhlas-lista button[data-souhlas="0"]:hover{ border-color:#EDE9E5; }

body.ma-souhlas-listu{ padding-bottom:0; }

.souhlas-nastaveni-odkaz{
  background:none; border:none; padding:0; margin:0;
  font:inherit; font-size:.82rem; color:inherit; text-decoration:underline;
  cursor:pointer; opacity:.82;
}
.souhlas-nastaveni-odkaz:hover{ opacity:1; }

@media (max-width:620px){
  #souhlas-lista{ justify-content:stretch; text-align:left; }
  #souhlas-lista .souhlas-tlacitka{ width:100%; }
  #souhlas-lista .souhlas-tlacitka button{ flex:1 1 0; }
}