/* ===== HexaForce – zber e-mailov =====
   Zdielane vsetkymi strankami. Tokeny maju fallback (web ma tri CSS systemy).
   Formular funguje AJ BEZ JAVASCRIPTU – ma realny action a method="post". */

.sub{margin-top:clamp(24px,3.6vh,40px);max-width:52ch}
.sub--center{margin-inline:auto}
.sub__lab{display:block;font-family:var(--mono,monospace);font-size:13px;letter-spacing:.22em;
  text-transform:uppercase;color:var(--gold,#D9922F);margin-bottom:12px}
.sub__row{display:flex;flex-wrap:wrap;gap:10px}
.sub__in{flex:1 1 15ch;min-width:0;font-family:'Inter',system-ui,sans-serif;font-size:16px;
  color:var(--bone,#E9E2D2);background:rgba(15,12,8,.5);
  border:1px solid rgba(233,226,210,.22);border-radius:2px;padding:15px 16px;
  transition:border-color .3s,background .3s}
.sub__in::placeholder{color:var(--taupe,#8A7E64)}
.sub__in:hover{border-color:rgba(233,226,210,.36)}
.sub__in:focus{outline:none;border-color:var(--amber,#C0691C);background:rgba(15,12,8,.72)}
.sub__in:focus-visible{outline:2px solid var(--amber,#C0691C);outline-offset:2px}
.sub__in:invalid:not(:placeholder-shown){border-color:rgba(192,105,28,.6)}

.btn.sub__btn{margin-top:0;flex:0 0 auto;padding:15px 26px;font-size:12.5px;cursor:pointer}
.btn.sub__btn[disabled]{opacity:.55;cursor:default}

.sub__note{margin-top:12px;color:var(--bone-dim,#A99E86);font-size:14px;line-height:1.6}
.sub__gdpr{margin-top:10px;color:var(--taupe,#8A7E64);font-size:13px;line-height:1.55}
.sub__gdpr a{color:var(--bone-dim,#A99E86);text-decoration:underline;text-underline-offset:2px}
.sub__gdpr a:hover{color:var(--gold,#D9922F)}
.sub__msg{margin-top:12px;font-family:var(--mono,monospace);font-size:13px;letter-spacing:.06em;
  line-height:1.6;min-height:1.2em}
.sub__msg[data-stav="ok"]{color:var(--gold,#D9922F)}
.sub__msg[data-stav="chyba"]{color:var(--amber,#C0691C)}

/* pasca na roboty – clovek ju nevidi a nevyplni. Ziadne cookies, ziadny externy skript. */
.sub__hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

@media(max-width:560px){
  .sub__row{flex-direction:column}
  .btn.sub__btn{width:100%;text-align:center}
}