/* Patička. Předloha: sekce `pata` v prototyp/v22/vina.html
   Barvy jsou převrácené, proto si blok tokeny textu a pozadí předefinuje. */

.pata {
  --fg-normal: hsl(36 36% 94%);
  --fg-muted: hsl(36 14% 74%);
  --c-linka: hsl(334 22% 30%);

  background: hsl(334 40% 20%);
  color: var(--fg-normal, hsl(36 36% 94%));
  padding: 4rem 2rem 2rem;
}
.pata__obal { max-width: var(--sirka-obalu, 78rem); margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)); gap: 3rem; }

/* Pozadí loga (#4B1A32) a patičky se liší o pár jednotek, takže tu štítek
   splyne a zůstane jen nápis. */
.pata__znacka { margin: 0 0 1.25rem; }
.pata__logo { display: block; width: 199px; height: 44px; }
.pata__logo--nove { width: auto; height: 100px; } /* nové logo na zkoušku, světlý nápis */

.pata__adresa { font-size: 0.9375rem; line-height: 1.8; color: var(--fg-muted, hsl(36 14% 74%)); margin: 0; font-style: normal; }
.pata__adresa a { color: var(--fg-normal, hsl(36 36% 94%)); text-decoration: none; }
.pata__adresa a:hover, .pata__adresa a:focus-visible { text-decoration: underline; }
.pata__titul { font-size: 0.8125rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--fg-muted, hsl(36 14% 74%)); margin: 0 0 1rem; }
.pata__seznam { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.75rem; }
.pata__seznam a { font-size: 0.9375rem; color: var(--fg-muted, hsl(36 14% 74%)); text-decoration: none; transition: color 0.15s ease; }
.pata__seznam a:hover, .pata__seznam a:focus-visible { color: var(--fg-normal, hsl(36 36% 94%)); }
.pata__dotaz { font-size: 0.9375rem; line-height: 1.7; color: var(--fg-muted, hsl(36 14% 74%)); margin: 0; }
.pata__dotaz a { color: var(--fg-normal, hsl(36 36% 94%)); }
.pata__spod { max-width: var(--sirka-obalu, 78rem); margin: 3rem auto 0; padding-top: 1.5rem; border-top: 1px solid var(--c-linka, hsl(334 22% 30%)); font-size: 0.8125rem; color: var(--fg-muted, hsl(36 14% 74%)); }

@media (max-width: 900px) { .pata { padding: 3rem 1.5rem 1.5rem; } }
@media (max-width: 600px) { .pata { padding: 2.5rem 1rem 1.25rem; } }
.pata__spod a { color: inherit; }