/* ============================================================
   POZADÍ NÁVODŮ — živá vrstva pod obsahem
   Zadání Dada 30. 8. 2026 (noc): „je to černý jak parte… udělej ho
   světlejší a měnící se při rolování, pozadí se mění v protisměru,
   ať se pořád něco děje. Texty a to co se kopíruje nech černé,
   ono to lépe vynikne nad podbarveným systémem."

   Vrstvy odspodu:
     1. #dad-nebe     barevný gradient, mění odstín podle scrollu
     2. #dad-fotky    rozostřené náhledy (weby, obrazovky), prolínají se
     3. #dad-zivot    canvas s motivem podle scény, jede V PROTISMĚRU
     4. .dad-zavoj    lokální ztmavení pod textem (čitelnost)
     5. obsah         na tmavých deskách — proto vynikne
   ============================================================ */

/* body drží jen pojistnou barvu — živé nebe je nad ním */
body{background:#131f30 !important}

:root{
  /* světlejší základ než původní #05080f — pořád tmavý, ale má hloubku */
  --dad-tma:#0d1622;
  --dad-tma2:#121d2b;
  --dad-tma3:#1a2635;
  --dad-vlas:#26364a;
}

/* ---------- 1 · barevné nebe ---------- */
#dad-nebe{
  position:fixed; inset:0; z-index:-3; pointer-events:none;
  background-repeat:no-repeat; background-size:180% 180%, 170% 170%, 190% 190%, 160% 160%, 150% 150%, 100% 100%;
  background:
    radial-gradient(58% 44% at 14% 8%,  rgba(245,178,74,.42) 0%, rgba(245,178,74,0) 62%),
    radial-gradient(52% 40% at 88% 24%, rgba(64,206,238,.36) 0%, rgba(64,206,238,0) 60%),
    radial-gradient(62% 48% at 46% 88%, rgba(138,186,255,.34) 0%, rgba(138,186,255,0) 64%),
    radial-gradient(46% 36% at 80% 66%, rgba(214,146,104,.30) 0%, rgba(214,146,104,0) 60%),
    radial-gradient(40% 30% at 26% 54%, rgba(110,150,210,.24) 0%, rgba(110,150,210,0) 58%),
    linear-gradient(168deg, #24384f 0%, #1c2b44 44%, #26374f 100%);
  transition:filter 1.4s ease;
  will-change:transform;
}

/* ---------- 2 · fotografické plochy ---------- */
#dad-fotky{position:fixed; inset:0; z-index:-2; pointer-events:none; overflow:hidden}
#dad-fotky .dad-plocha{
  position:absolute; inset:-18%;
  background-size:cover; background-position:center;
  filter:blur(18px) saturate(1.05) brightness(.9);
  opacity:0; transition:opacity 1.5s ease;
  will-change:transform, opacity;
}
#dad-fotky .dad-plocha.dad-sviti{opacity:.34}

/* ---------- 3 · živá vrstva ---------- */
#dad-zivot{
  position:fixed; inset:0; width:100%; height:100%;
  z-index:-1; pointer-events:none; will-change:transform;
}

/* ---------- 4 · závoj VYPNUT ----------
   Byl uvnitř každé scény, takže na jejich hranici vznikala ostrá vodorovná
   čára přes celé okno. Čitelnost drží deska pod textem, závoj není potřeba. */
.dad-scena .dad-zavoj{background:none !important}

/* ---------- 5 · obsah na deskách ----------
   Text nesmí plavat přímo na živém pozadí — dostane tmavou desku,
   která ho drží čitelný a zároveň nechá pozadí prosvítat po stranách. */
.dad-ram > div{
  position:relative;
}
.dad-scena .dad-ram > div:first-child::before{
  content:""; position:absolute; inset:-30px -34px;
  background:linear-gradient(150deg, rgba(8,13,21,.80) 0%, rgba(8,13,21,.58) 100%);
  border-radius:20px; z-index:-1;
  box-shadow:0 24px 70px rgba(0,0,0,.42);
  backdrop-filter:blur(3px);
}
.dad-scena.dad-sam .dad-ram > div::before{inset:-34px -40px}
.dad-uvod .dad-ram > div::before{background:linear-gradient(150deg, rgba(8,13,21,.72) 0%, rgba(8,13,21,.44) 100%)}

/* příkazy a snímky drží ČERNÉ — nad podbarveným pozadím vyniknou */
.dad-prikaz{background:rgba(4,7,12,.90) !important; border-color:rgba(255,255,255,.14) !important}
.dad-prikaz pre{color:#dfe6ee !important}
.dad-obrazovka{background:#0a0f16 !important}
.dad-soubor{background:rgba(4,7,12,.94) !important}

/* ---------- 6 · plynulý přechod do světlého závěru ----------
   Původně tvrdý řez tmavá→bílá. Teď se přelije přes 380 px. */
#dad-zaver{position:relative}
#dad-zaver::before{
  content:""; position:absolute; left:0; right:0; top:-380px; height:380px;
  background:linear-gradient(to bottom,
    rgba(247,243,234,0) 0%, rgba(247,243,234,.18) 38%,
    rgba(247,243,234,.62) 74%, rgba(247,243,234,1) 100%);
  pointer-events:none; z-index:1;
}
#dad-zaver .dad-vnitrek{position:relative; z-index:2}

/* ---------- ohledy ---------- */
@media (prefers-reduced-motion:reduce){
  #dad-zivot{display:none}
  #dad-fotky .dad-plocha{transition:none}
  #dad-nebe{transition:none}
}
@media (max-width:920px){
  #dad-fotky .dad-plocha{filter:blur(15px) saturate(1) brightness(.85)}
  #dad-fotky .dad-plocha.dad-sviti{opacity:.26}
  .dad-scena .dad-ram > div:first-child::before{inset:-20px -22px; border-radius:16px}
  #dad-zaver::before{top:-240px; height:240px}
}
@media print{
  #dad-nebe,#dad-fotky,#dad-zivot{display:none !important}
  .dad-scena .dad-ram > div::before{display:none}
}

/* ---------- světlý závěr taky dýchá (ne mrtvá bílá deska) ---------- */
#dad-zaver{
  background:
    radial-gradient(48% 32% at 12% 6%, rgba(240,166,58,.09) 0%, rgba(240,166,58,0) 60%),
    radial-gradient(42% 30% at 88% 22%, rgba(53,198,232,.07) 0%, rgba(53,198,232,0) 58%),
    radial-gradient(52% 34% at 60% 92%, rgba(200,132,94,.08) 0%, rgba(200,132,94,0) 62%),
    var(--dad-papir);
}