/* ============================================================================
   design-system/hero.css
   Atmosférické pozadí pro homepage + subtilnější headery ostatních stránek.
   Komponenta `<HeroBackground>` v PHP = includes/ui/hero_background.php.
   Sezónní animace (snow, leaves, pollen) zůstávají v pages/index.css;
   zde je pouze podkladová vrstva.
   ============================================================================ */

.hero-area {
  position: relative;
  background:
    radial-gradient(ellipse 100% 70% at 60% 0%, rgba(102, 188, 41, 0.12) 0%, transparent 60%),
    radial-gradient(ellipse 80% 60% at 30% 80%, rgba(0, 32, 114, 0.06) 0%, transparent 60%),
    linear-gradient(180deg, #F0F4F9 0%, var(--bg-primary) 90%);
  overflow: hidden;
}

/* Subtilní horizonty — Vysočina motiv */
.hero-area .hills {
  position: absolute;
  bottom: 40px;
  left: 0;
  width: 100%;
  height: 140px;
  pointer-events: none;
  opacity: 0.6;
  z-index: 1;
}
.hero-area .hills svg {
  width: 100%;
  height: 100%;
}

/* Prostor pro sezónní overlay z pages/index.css */
.hero-area .seasonal-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 2;
}

.hero-area > .hero-content,
.hero-area > header,
.hero-area > .extremes-strip {
  position: relative;
  z-index: 5;
}