/* =============================================================================
   KAMPANĚ Z JEDNOHO SOUBORU (src/data/kampane, src/pages/[kampan].astro)
   -----------------------------------------------------------------------------
   Stránka akce používá vzhled Balíčku ZIMA (kampan-rozpocet.css + kampan-zima.css).
   Barvy přichází v proměnných z data/kampane/typy.ts (BARVY) přímo na .ak-page;
   tady se přebarví místa, která mají v zimní šabloně pevnou ledovou modrou.
   Modrá varianta proměnné nemění, vypadá stejně jako ZIMA.
   ========================================================================== */

.ak-page { --ak-svetla: color-mix(in srgb, var(--zm-led-bg) 60%, #fff); }
.ak-page .km-dark { --km-bg-2: var(--ak-tmava, #0B2E4A); }

.ak-page .zm-hero {
  background:
    radial-gradient(50rem 26rem at 88% 8%, rgba(255, 255, 255, 0.9), transparent 60%),
    radial-gradient(40rem 24rem at 0% 100%, color-mix(in srgb, var(--lp-hot) 28%, transparent), transparent 65%),
    linear-gradient(180deg, var(--zm-led-bg) 0%, color-mix(in srgb, var(--zm-led-bg), var(--zm-led) 10%) 55%, color-mix(in srgb, var(--zm-led-bg), var(--zm-led) 20%) 100%);
}
.ak-page .zm-hero__a {
  background: linear-gradient(100deg, var(--zm-led) 0%, var(--zm-led-2) 60%, var(--zm-led) 100%);
  -webkit-background-clip: text;
  background-clip: text;
}
.ak-page .zm-hero .lp-hero__lead,
.ak-page .zm-pocet { color: color-mix(in srgb, var(--zm-ink) 80%, #fff); }
.ak-page .zm-stage { box-shadow: 0 30px 80px color-mix(in srgb, var(--zm-led) 22%, transparent), inset 0 0 0 1px rgba(255, 255, 255, 0.7); }

/* Bez packshotů: fotka prvního vozu vepsaná do plochy úvodu */
.ak-page .ak-stage__foto {
  position: absolute;
  inset: 8% 6%;
  width: 88%;
  height: 84%;
  object-fit: contain;
  border-radius: calc(var(--km-radius) * 0.7);
  animation: lp-pop 0.9s var(--km-ease) both;
}

.ak-page .zm-kazdy {
  background:
    radial-gradient(40rem 20rem at 100% 0%, color-mix(in srgb, var(--lp-hot) 25%, transparent), transparent 60%),
    linear-gradient(180deg, color-mix(in srgb, var(--zm-led-bg), var(--zm-led) 8%) 0%, var(--zm-led-bg) 100%);
}
.ak-page .zm-kazdy__seznam li { background: var(--zm-led-bg); border-color: color-mix(in srgb, var(--zm-led) 18%, #fff); }
.ak-page .zm-vozy { background: linear-gradient(180deg, var(--ak-svetla) 0%, var(--km-bg-2) 60%); }
.ak-page .zm-vuz__balicek { border-color: color-mix(in srgb, var(--zm-led) 35%, #fff); }

.ak-page .lp-poptavka {
  background:
    radial-gradient(50rem 28rem at 100% 0%, color-mix(in srgb, var(--lp-hot) 16%, transparent), transparent 60%),
    radial-gradient(40rem 24rem at 0% 100%, color-mix(in srgb, var(--zm-led-2) 18%, transparent), transparent 60%),
    linear-gradient(160deg, var(--ak-tmava, #0B2E4A) 0%, var(--km-midnight) 60%, color-mix(in srgb, var(--km-midnight), #000 25%) 100%);
}
@media (max-width: 767.98px) {
  .ak-page .lp-sticky { background: color-mix(in srgb, var(--km-midnight) 94%, transparent); }
}

/* Jeden packshot (třeba tři vozy v jednom obrázku) přes celou plochu úvodu */
.zm-page .zm-stage__car--sama { left: 3%; right: 3%; bottom: 5%; width: 94%; animation-delay: 0.1s; }

/* =============================================================================
   ČERNÁ (barvy: 'cerna', Black Friday): úvod černý s neonem jako bannery
   (03 Grafika/Kampaně/black-friday/banner-bf.html). Zbytek stránky zůstává
   světlý, černá je hlavní barva a neon jde na cenovky a tlačítka na tmavé.
   ========================================================================== */
.ak-page--cerna .zm-hero {
  color: #fff;
  background:
    radial-gradient(46rem 26rem at 80% 60%, rgba(255, 255, 255, 0.07), transparent 70%),
    radial-gradient(52rem 28rem at 100% 0%, rgba(220, 255, 30, 0.13), transparent 70%),
    radial-gradient(36rem 22rem at 0% 100%, rgba(220, 255, 30, 0.06), transparent 70%),
    #050505;
}
.ak-page--cerna .zm-hero .km-eyebrow { color: var(--lp-hot); }
.ak-page--cerna .zm-hero .lp-hero__title { color: #fff; }
.ak-page--cerna .zm-hero__q {
  font-size: clamp(3rem, 1.1rem + 6.4vw, 6.5rem);
  font-weight: 800;
  line-height: 0.88;
  letter-spacing: -0.035em;
  text-transform: uppercase;
}
.ak-page--cerna .zm-tecka { color: var(--lp-hot); }
.ak-page--cerna .zm-hero__a {
  font-size: clamp(1.9rem, 0.8rem + 3vw, 3.25rem);   /* pod obřím BLACK FRIDAY menší, ať zůstane na dva řádky */
  line-height: 1.08;   /* větší řádkování: háček v „odběru“ nenaráží na řádek nad ním (Pavel 9. 11.) */
  padding-top: 0.06em;
  background: none;
  color: var(--lp-hot);
  -webkit-text-fill-color: currentColor;
}
.ak-page--cerna .zm-hero .lp-hero__lead,
.ak-page--cerna .zm-pocet { color: rgba(255, 255, 255, 0.78); }
.ak-page--cerna .zm-hero .lp-hero__lead strong { color: #fff; }
.ak-page--cerna .zm-pocet__cislo { color: var(--lp-hot); }
.ak-page--cerna .zm-hero .zm-btn-hot {
  --btn-bg: var(--lp-hot);
  --btn-fg: #050505;
  --btn-bg-h: var(--lp-hot-2);
  box-shadow: 0 0 32px rgba(220, 255, 30, 0.3);
}
.ak-page--cerna .zm-hero .zm-btn-hot:focus-visible { outline-color: var(--lp-hot); }
.ak-page--cerna .zm-hero .btn-outline-dark { --btn-fg: #fff; --btn-bd: rgba(255, 255, 255, 0.35); }
.ak-page--cerna .zm-hero .btn-outline-dark:hover,
.ak-page--cerna .zm-hero .btn-outline-dark:focus-visible { color: #fff; border-color: #fff; }

/* Výstavní plocha: tmavá, světlo na podlaze v neonu */
.ak-page--cerna .zm-stage {
  background:
    radial-gradient(55% 26% at 50% 90%, rgba(220, 255, 30, 0.24), transparent 70%),
    radial-gradient(70% 55% at 50% 62%, rgba(255, 255, 255, 0.09), transparent 72%),
    linear-gradient(180deg, #141414 0%, #0A0A0A 100%);
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.08);
}
.ak-page--cerna .zm-stage__car { mix-blend-mode: normal; }
.ak-page--cerna .zm-stage__tag { box-shadow: 0 0 36px rgba(220, 255, 30, 0.35); }

/* Vyšší plocha s vozy (Pavel 9. 11. 2026): na desktopu přes celou výšku úvodu
   a v širším sloupci (vozy větší, celé), nad nimi obrys „BLACK FRIDAY“ v pozadí. */
.ak-page--cerna .zm-stage { aspect-ratio: 5 / 4; }
.ak-page--cerna .zm-stage__car--sama { width: 100%; left: 0; right: 0; bottom: 5%; }
@media (min-width: 992px) {
  .ak-page--cerna .zm-hero__grid { grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.15fr); }
  .ak-page--cerna .zm-hero__stage { align-self: stretch; display: flex; }
  .ak-page--cerna .zm-stage { flex: 1; aspect-ratio: auto; min-height: 30rem; }
  /* Obrys „BLACK FRIDAY“ nad vozy jen na desktopu (na mobilu je nápis hned nad plochou) */
  .ak-page--cerna .zm-stage::before {
    content: "Black\A Friday";
    white-space: pre;
    position: absolute;
    z-index: -1;
    right: 5%;
    top: 24%;
    font-family: var(--km-head);
    font-size: clamp(4rem, 1rem + 6vw, 7.5rem);
    font-weight: 800;
    line-height: 0.82;
    letter-spacing: -0.04em;
    text-align: right;
    text-transform: uppercase;
    color: transparent;
    -webkit-text-stroke: 1.5px rgba(220, 255, 30, 0.22);
    pointer-events: none;
  }
}