/* ============================================================
   ZÓNA24 - PRE-LAUNCH e-mail capture (popup + footer)
   Sdílený styl modalu. DOM injektuje prelaunch.js.
   ============================================================ */
.pl-backdrop{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;
  padding:24px;background:rgba(11,13,20,.82);backdrop-filter:blur(6px);
  opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}
.pl-backdrop.open{opacity:1;visibility:visible}

.pl-modal{position:relative;width:100%;max-width:460px;background:var(--bg-secondary);
  border-left:2px solid var(--cyan-base);box-shadow:inset 0 0 0 1px var(--border-default),0 0 40px rgba(0,0,0,.5);
  padding:clamp(28px,4vw,40px);max-height:90vh;overflow-y:auto;
  clip-path:polygon(var(--chamfer-lg) 0,100% 0,100% calc(100% - var(--chamfer-lg)),calc(100% - var(--chamfer-lg)) 100%,0 100%,0 var(--chamfer-lg));
  transform:translateY(12px);transition:transform .3s var(--ease-sharp,cubic-bezier(.7,0,.3,1))}
.pl-backdrop.open .pl-modal{transform:none}

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

.pl-eyebrow{font-family:'JetBrains Mono';font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--cyan-base);display:block;margin-bottom:12px}
.pl-title{font-family:'Bruno Ace';text-transform:uppercase;font-size:clamp(1.35rem,3vw,1.7rem);line-height:1.15;color:var(--text-primary)}
.pl-sub{color:var(--text-secondary);font-size:15px;line-height:1.55;margin-top:12px;text-wrap:pretty}

.pl-benefits-h{font-family:'JetBrains Mono';font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);margin:22px 0 11px}
.pl-benefits{list-style:none;display:flex;flex-direction:column;gap:9px;margin:0;padding:0}
.pl-benefits li{position:relative;padding-left:24px;font-size:14px;line-height:1.45;color:var(--text-secondary)}
.pl-benefits li::before{content:"";position:absolute;left:2px;top:6px;width:8px;height:8px;background:var(--cyan-base);box-shadow:0 0 8px rgba(113,226,252,.7);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}

.pl-form{display:flex;flex-direction:column;gap:14px;margin-top:22px}
.pl-input{width:100%;background:var(--bg-primary);border:1px solid var(--border-default);color:var(--text-primary);
  padding:13px 15px;font-family:inherit;font-size:15px;min-height:48px;
  clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px)}
.pl-input::placeholder{color:var(--text-muted)}
.pl-input:focus{outline:none;box-shadow:inset 0 0 0 2px var(--cyan-base),inset 0 0 12px rgba(113,226,252,.35)}
.pl-input.invalid{box-shadow:inset 0 0 0 2px var(--status-error,#FF3D71)}

.pl-consent{display:flex;align-items:flex-start;gap:12px;cursor:pointer;font-size:13.5px;color:var(--text-secondary);line-height:1.5}
.pl-consent input{appearance:none;flex:0 0 auto;width:22px;height:22px;margin-top:1px;background:var(--bg-primary);
  border:1px solid var(--border-default);cursor:pointer;transition:border-color .2s,box-shadow .2s;position:relative;
  clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}
.pl-consent input:checked{border-color:var(--cyan-base);box-shadow:inset 0 0 10px rgba(113,226,252,.35)}
.pl-consent input:checked::after{content:"";position:absolute;left:7px;top:3px;width:5px;height:10px;
  border:solid var(--cyan-base);border-width:0 2px 2px 0;transform:rotate(45deg)}
.pl-consent input:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--cyan-base)}

.pl-micro{font-size:12px;line-height:1.5;color:var(--text-muted)}
.pl-micro a{color:var(--cyan-base);text-decoration:underline}

.pl-submit{font-family:'Bruno Ace';text-transform:uppercase;font-size:14px;letter-spacing:.03em;
  background:var(--cyan-base);color:#06222b;padding:15px 24px;min-height:48px;border:none;cursor:pointer;
  -webkit-text-stroke:.5px #06222b;transition:background .2s,box-shadow .25s;
  clip-path:polygon(var(--chamfer) 0,100% 0,100% calc(100% - var(--chamfer)),calc(100% - var(--chamfer)) 100%,0 100%,0 var(--chamfer))}
.pl-submit:hover{background:var(--cyan-glow);box-shadow:0 0 24px rgba(113,226,252,.5)}
.pl-submit[disabled]{opacity:.5;cursor:wait}

.pl-msg{margin-top:16px;font-size:14px;line-height:1.5;display:none}
.pl-msg.show{display:block}
.pl-msg.ok{color:var(--status-success,#10D9A8)}
.pl-msg.err{color:var(--status-error,#FF3D71)}

/* inline odhlašovací formulář (cookies.html) */
.pl-unsub{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start;margin-top:18px;max-width:520px}
.pl-unsub .pl-input{flex:1 1 240px;min-width:0}
.pl-unsub .pl-submit{flex:0 0 auto}
.pl-unsub .pl-msg{flex:1 0 100%;margin-top:4px}

/* mobil: logo v patičce na střed nad menu */
@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}
}

@media(prefers-reduced-motion:reduce){
  .pl-backdrop,.pl-modal{transition:none}
}