/* Značková zelená, úvodní fotka, úzký sloupec, světle zelené pruhy */

:root {
  --primary: #76b82d;
  --primary-hover: #5a9320;
  --link: #5a9320;
  --link-hover: #3d6214;
}

/* ~800px je běžná šířka pro čtený text / jednoduché weby */
.container {
  max-width: min(100%, 800px);
}

.bg-paseka {
  background-color: hsl(82, 38%, 92%) !important;
  border-top: 1px solid hsl(82, 28%, 85%);
  border-bottom: 1px solid hsl(82, 28%, 85%);
}

/* Fotka se zelenou/loukovou náladou (ne fialové pódium) + zelený tón přechodu */
#uvod {
  background:
    linear-gradient(
      rgba(18, 32, 10, 0.78),
      rgba(28, 42, 14, 0.42)
    ),
    url("images/hero-banner.jpg") center / cover no-repeat;
  min-height: clamp(160px, 26vh, 280px);
}

/* O festivalu: šířka kontejneru, vždy zachovat poměr (samotné img ve Skavenu nemá height:auto) */
#o-festivalu .o-festivalu-foto {
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
}

/* Skaven nemá utilitu na odkaz bez podtržení u celých „karet“ */
#historie .row.layout a {
  text-decoration: none;
}

/* Plakáty: šířka sloupce bez deformace (.fullwidth na img dělalo „protáhlé“ náhledy) */
#historie .row.layout img {
  width: 100%;
  height: auto;
}

#kudy iframe {
  display: block;
}