/* ============================================================
   ZÓNA24 - pop-up "Vstup do zóny" (terminál, celá animace do 1,4 s)
   DOM injektuje js/vstup.js. Cíl CTA: jak-to-funguje.html.
   Na konci souboru zůstala pravidla patičky pro mobil (sdílená všemi stránkami).
   ============================================================ */
.ve-backdrop{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;
  padding:20px;background:rgba(11,13,20,.86);backdrop-filter:blur(6px);
  opacity:0;visibility:hidden;transition:opacity .12s,visibility .12s}
.ve-backdrop.open{opacity:1;visibility:visible}

.ve-modal{position:relative;width:100%;max-width:440px;background:var(--bg-secondary,#14171F);
  border-left:2px solid var(--cyan-base,#71E2FC);box-shadow:inset 0 0 0 1px var(--border-default,#2E3543),0 0 40px rgba(0,0,0,.5);
  padding:clamp(24px,4vw,34px);max-height:92vh;overflow-y:auto;
  clip-path:polygon(var(--chamfer-lg,16px) 0,100% 0,100% calc(100% - var(--chamfer-lg,16px)),calc(100% - var(--chamfer-lg,16px)) 100%,0 100%,0 var(--chamfer-lg,16px));
  transform:translateY(10px);transition:transform .12s var(--ease-sharp,cubic-bezier(.7,0,.3,1))}
.ve-backdrop.open .ve-modal{transform:none}

.ve-close{position:absolute;top:10px;right:10px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;
  color:var(--text-secondary,#A8B0BD);transition:color .2s}
.ve-close svg{width:20px;height:20px}
.ve-close:hover{color:var(--cyan-base,#71E2FC)}
.ve-close:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--cyan-base,#71E2FC)}

.ve-eyebrow{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--cyan-base,#71E2FC);display:block;margin-bottom:10px}
.ve-title{font-family:'Bruno Ace',sans-serif;text-transform:uppercase;font-size:clamp(1.3rem,3vw,1.6rem);line-height:1.15;color:var(--text-primary,#F0F2F5);padding-right:36px}
.ve-sub{color:var(--text-secondary,#A8B0BD);font-size:15px;line-height:1.5;margin-top:10px}
.ve-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* terminál: řádky se odkrývají zleva (clip-path), součet animací = 1,4 s */
.ve-term{margin-top:18px;padding:12px 16px;background:#080A10;border:1px solid var(--border-default,#2E3543);
  font-family:'JetBrains Mono',monospace;font-size:13px;line-height:2;color:var(--text-secondary,#A8B0BD)}
.ve-ln{display:flex;align-items:baseline;gap:8px;white-space:nowrap;clip-path:inset(0 100% 0 0)}
.ve-ln i{flex:1 1 auto;min-width:8px;border-bottom:1px dotted var(--border-default,#2E3543);transform:translateY(-4px)}
.ve-ln b{color:var(--cyan-base,#71E2FC);font-weight:400}
.ve-ln.ve-ok{color:var(--gold-base,#D89C01);letter-spacing:.04em}
.ve-cur{display:inline-block;width:8px;height:15px;background:var(--gold-base,#D89C01);vertical-align:-3px;margin-left:6px;animation:veBlink 1s steps(2) infinite}

.ve-play .ve-ln{animation:veType .2s steps(16) forwards}
.ve-play .ve-ln:nth-child(1){animation-delay:.05s}
.ve-play .ve-ln:nth-child(2){animation-delay:.3s}
.ve-play .ve-ln:nth-child(3){animation-delay:.55s}
.ve-play .ve-ln.ve-ok{animation:veType .2s steps(16) .8s forwards,veFlash .2s 1s 2}
.ve-static .ve-ln{clip-path:none;animation:none}
@keyframes veType{to{clip-path:inset(0 0 0 0)}}
@keyframes veFlash{50%{color:#fff}}
@keyframes veBlink{50%{opacity:0}}

.ve-cta{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:20px;min-height:52px;padding:15px 24px;
  font-family:'Bruno Ace',sans-serif;text-transform:uppercase;font-size:14px;letter-spacing:.03em;
  background:var(--gold-base,#D89C01);color:#1a1300;-webkit-text-stroke:.5px #1a1300;text-decoration:none;
  clip-path:polygon(var(--chamfer,12px) 0,100% 0,100% calc(100% - var(--chamfer,12px)),calc(100% - var(--chamfer,12px)) 100%,0 100%,0 var(--chamfer,12px));
  transition:background .2s}
.ve-cta:hover{background:var(--gold-glow,#F5BB2E)}
.ve-cta:focus-visible{outline:2px solid #fff;outline-offset:-5px}
.ve-play .ve-cta{animation:veBump .3s 1s}
@keyframes veBump{50%{transform:scale(1.05)}}

.ve-skip{display:block;width:100%;min-height:44px;margin-top:6px;font-size:14px;color:var(--text-muted,#939BAA);transition:color .2s}
.ve-skip:hover{color:var(--text-primary,#F0F2F5)}
.ve-skip:focus-visible{outline:2px solid var(--cyan-base,#71E2FC);outline-offset:-2px}

@media(max-width:380px){.ve-term{font-size:12px;padding:10px 12px}}
@media(prefers-reduced-motion:reduce){
  .ve-backdrop,.ve-modal{transition:none}
  .ve-ln{clip-path:none!important;animation:none!important}
  .ve-cta,.ve-cur{animation:none!important}
}

/* mobil: logo v patičce na střed nad menu (sdílené všemi stránkami) */
@media(max-width:760px){
  .footer .foot-grid > div:first-child{text-align:center}
  .footer .foot-logo{margin-left:auto;margin-right:auto}
  .footer .foot-slogan{margin-left:auto;margin-right:auto}
}