/*
 * ATV Centrum — letni-cenova-jizda.css
 * Kampaňová stránka „Letní cenová jízda" — oranžové přebarvení hero + intro blok.
 * Načítá se jako pageExtraCss NAD catalog.css (grid + product-card).
 * Kampaňová barva: #ff7024 (shoduje se se štítkem machine_tags letni-cenova-jizda).
 */

/* ── HERO — oranžová varianta ─────────────────────────────────────── */
.hero-catalog--letni {
  background: #d9541a;
}
/* Teplý gradient — tmavší vlevo (čitelnost bílého H1), fotka (motorky) prosvítá vpravo */
.hero-catalog--letni .hero-catalog-bg::after {
  background: linear-gradient(90deg,
    rgba(120, 34, 6, 0.90) 0%,
    rgba(180, 55, 12, 0.62) 42%,
    rgba(255, 112, 36, 0.14) 70%,
    rgba(255, 112, 36, 0) 100%);
}
/* Obrázek má vlastní texturu (halftone) — diagonální pattern vypnout */
.hero-catalog--letni .hero-catalog-bg::before {
  background: none;
}
/* Accent slovo „jízda" — bílý obrys místo teal */
.hero-catalog--letni .hero-catalog-title .accent {
  color: #fff;
  -webkit-text-stroke: 0;
}
.hero-catalog--letni .hero-catalog-subtitle {
  color: rgba(255, 255, 255, 0.9);
}
/* Breadcrumb — sladit se světlým textem na oranžové */
.hero-catalog--letni .hero-catalog-breadcrumb span,
.hero-catalog--letni .hero-catalog-breadcrumb a:hover {
  color: #fff;
}

/* ── INTRO blok ───────────────────────────────────────────────────── */
.letni-intro {
  background: var(--white, #fff);
  padding: 48px 0 8px;
  text-align: center;
}
.letni-intro-lead {
  font-family: var(--font-primary);
  font-size: clamp(17px, 2.4vw, 20px);
  line-height: 1.65;
  color: var(--navy, #0F1E2E);
  max-width: 760px;
  margin: 0 auto 16px;
}
.letni-intro-cta {
  font-size: 15px;
  color: var(--gray-500, #64748b);
  margin: 0;
}
.letni-intro-cta a {
  color: #d9541a;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
}
.letni-intro-cta a:hover { text-decoration: underline; }

/* ── GRID — o něco menší horní mezera, intro už oddělil sekci ──────── */
.letni-intro + .catalog-section {
  padding-top: 32px;
}

/* Prázdný stav (kampaň bez strojů) */
.catalog-empty {
  text-align: center;
  padding: 64px 20px;
  max-width: 520px;
  margin: 0 auto;
}
.catalog-empty svg {
  width: 48px; height: 48px;
  color: var(--gray-300, #cbd5e1);
  margin-bottom: 16px;
}
.catalog-empty h2 {
  font-family: var(--font-primary);
  font-size: 22px; text-transform: uppercase; letter-spacing: 0.5px;
  color: var(--navy, #0F1E2E); margin: 0 0 8px;
}
.catalog-empty p { color: var(--gray-500, #64748b); margin: 0 0 24px; }