/* form-v1.css — TIK /mano-4-arkanai-duomenys puslapiui.
   Įkeliamas PO home-v2.css ir naudoja tik jo tokenus (--dark, --cream, --ink…).
   Visos klasės su prefiksu .fd — jų nenaudoja nė viena esama sekcija,
   todėl šis failas negali paveikti HOME, /patirtys, /biblioteka
   ar produkto puslapio. Naujų spalvų, šriftų ir dekoracijų nėra. */

/* ════════════════════════════════════════════════════════════════════
   IŠDĖSTYMO PAGRINDAS — šio puslapio konteineris NEBEPRIKLAUSO nuo
   bendro 12 stulpelių tinklelio.

   Kodėl pakeista: .wrap (home-v2.css) yra
   `display:grid; grid-template-columns:repeat(12,minmax(0,1fr))`.
   Anksčiau KIEKVIENAM šio puslapio elementui grid-column priskirdavo
   tik šis failas. Užtekdavo, kad form-v1.css nepasiektų naršyklės
   (CSS jungimas / „remove unused CSS" / talpykla), ir visi elementai
   nukrisdavo į VIENĄ 77,3 px stulpelį ties 1440 px — būtent tai ir
   matėsi gyvai po apmokėjimo.

   Dabar sekcijos konteineris yra paprastas centruotas blokas.
   Turinio plotis 720 px — TIKSLIAI toks pat, koks buvo 8 iš 12
   stulpelių, todėl antraštės ir teksto matas nepasikeitė; pasikeitė
   tik tai, kad stulpelis centruotas ir nebepriklauso nuo tinklelio.

   Žemiau esantys grid-column deklaravimai palikti sąmoningai: bloko
   konteineryje jie neveikia (yra neutralūs), bet lieka kaip istorija ir
   apsauga, jei kada nors būtų grįžtama prie tinklelio.
   ════════════════════════════════════════════════════════════════════ */
.fd1 > .wrap,
.fd2 > .wrap{display:block;max-width:calc(720px + var(--gutter,80px)*2);
             margin-inline:auto}
/* Laukai visada per visą skaitomą stulpelį. */
.fd2__form{width:100%;max-width:720px}
.fd__in{max-width:100%}
/* Sutikimo tekstas privalo laisvai vyniotis. */
.fd__check span{flex:1 1 auto;min-width:0}

/* ---------------------------------------------------- 01 · PATVIRTINIMAS */
.fd1{background:var(--dark);color:var(--ivory);
     padding-block:clamp(132px,13vw,196px) clamp(64px,6.4vw,96px)}
.fd1__k{grid-column:1/-1;color:var(--warm);margin-bottom:var(--breath)}
.fd1__t{grid-column:1/span 8;margin:0;font-family:var(--serifA);font-weight:400;
        font-size:clamp(33.33px,4vw,56.67px);line-height:1.248;letter-spacing:-.02em;
        color:var(--ivory);max-width:16ch}
.fd1__p{grid-column:1/span 6;margin:clamp(28px,2.8vw,38px) 0 0;font-family:var(--sansA);
        font-size:17px;line-height:1.75;color:var(--warm);max-width:52ch}
.fd1__p+.fd1__p{margin-top:1.05em}

/* Nepatvirtinto užsakymo antraštė. Ta pati serif eilutė, tik `.fd__ok-t`
   mastelio — pilnas 68px dydis šitam sakiniui skambėtų kaip šauksmas.
   Naujų reikšmių nėra: dydis ir tarpai paimti iš .fd__ok-t. */
.fd1__t--sm{font-size:clamp(25px,2.67vw,38.33px);max-width:30ch}

/* Techninė eilutė — ją mato TIK prisijungusi administratorė. */
.fd1__diag{grid-column:1/span 7;padding-left:18px;border-left:1px solid var(--rule-d);
           font-size:15px;color:var(--warm)}
.fd1__diag strong{color:var(--ivory);font-weight:600}

/* ---------------------------------------------------- 02 · FORMA */
.fd2{background:var(--cream);color:var(--ink);
     padding-block:clamp(64px,6.6vw,100px) clamp(96px,11vw,160px)}
.fd2__k{grid-column:1/-1;color:var(--accent);margin-bottom:var(--breath)}
.fd2__form{grid-column:1/span 6}

/* Būsenų juostos — be ikonų, be spalvotų dėžučių sistemos išorėje. */
.fd__note{grid-column:1/span 7;margin:0 0 clamp(30px,3vw,42px);
          padding:18px 22px;border-left:2px solid var(--accent);
          background:var(--paper);font-family:var(--sansA);font-size:15.5px;
          line-height:1.7;color:var(--ink-body)}
.fd__note strong{color:var(--ink);font-weight:600}

/* Laukai */
.fd__row{margin:0 0 clamp(22px,2.2vw,30px)}
.fd__lab{display:block;margin:0 0 10px;font-family:var(--sansA);font-size:12px;
         font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-muted)}
.fd__in{display:block;width:100%;padding:15px 16px;
        font-family:var(--sansA);font-size:16.5px;line-height:1.4;color:var(--ink);
        background:var(--paper);border:1px solid var(--rule-l);border-radius:2px;
        transition:border-color .2s}
.fd__in:focus{outline:none;border-color:var(--accent)}
.fd__in:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.fd__hint{margin:8px 0 0;font-family:var(--sansA);font-size:14px;line-height:1.6;
          color:var(--ink-muted)}
.fd__row--bad .fd__in{border-color:var(--accent)}
.fd__err{margin:8px 0 0;font-family:var(--sansA);font-size:14px;line-height:1.6;
         color:var(--accent);font-weight:500}

/* Sutikimo žymė — tikras checkbox, be JS imitacijų */
.fd__check{display:flex;align-items:flex-start;gap:14px;
           margin:clamp(28px,2.8vw,38px) 0 0;cursor:pointer}
.fd__check input{flex:0 0 auto;width:20px;height:20px;margin:1px 0 0;
                 accent-color:var(--accent);cursor:pointer}
.fd__check span{font-family:var(--sansA);font-size:16px;line-height:1.6;color:var(--ink)}

/* Mygtukas — tas pats svoris kaip .pr__cta, tik tamsus ant kreminio */
.fd__submit{display:inline-flex;align-items:center;gap:14px;min-height:52px;
            margin-top:clamp(30px,3vw,42px);padding:16px 30px;border:0;border-radius:2px;
            font-family:var(--sansA);font-weight:500;font-size:12px;letter-spacing:.18em;
            text-transform:uppercase;color:var(--ivory);background:var(--dark);
            cursor:pointer;transition:background-color .25s}
.fd__submit:hover{background:var(--bordo)}
.fd__submit:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

/* Privatumas */
.fd__priv{margin:clamp(30px,3vw,40px) 0 0;padding-top:clamp(22px,2.2vw,30px);
          border-top:1px solid var(--rule-l);
          font-family:var(--sansA);font-size:14.5px;line-height:1.7;color:var(--ink-muted);
          max-width:52ch}
.fd__priv a{color:var(--accent)}

/* ---------------------------------------------------- SĖKMĖS BŪSENA */
.fd__ok{grid-column:1/span 7}
.fd__ok-t{margin:0;font-family:var(--serifA);font-weight:400;
          font-size:clamp(30px,3.2vw,46px);line-height:1.12;letter-spacing:-.014em;
          color:var(--ink)}
.fd__ok-p{margin:clamp(24px,2.4vw,32px) 0 0;font-family:var(--sansA);font-size:17px;
          line-height:1.75;color:var(--ink-body);max-width:50ch}
.fd__ok-back{margin:clamp(34px,3.4vw,48px) 0 0}
.fd__ok-back a{font-family:var(--sansA);font-size:12px;font-weight:500;letter-spacing:.18em;
               text-transform:uppercase;text-decoration:none;color:var(--ink-muted);
               border-bottom:1px solid var(--rule-l);padding-bottom:8px}
.fd__ok-back a:hover{color:var(--ink);border-bottom-color:var(--ink)}

/* ---------------------------------------------------- MOBILE */
@media (max-width:767px){
  .fd1{padding-block:clamp(124px,30vw,156px) 52px}   /* prošvaisa po dviejų eilučių navigacija */
  .fd1__t{font-size:30px;max-width:none}
  .fd1__p{font-size:16.5px;max-width:none}
  .fd2{padding-block:52px 96px}
  .fd1__k,.fd1__t,.fd1__p,.fd1__diag,.fd2__k,.fd2__form,.fd__note,.fd__ok{grid-column:1/-1}
  .fd1__t--sm{font-size:24.17px}
  .fd__in{font-size:16px}          /* < 16px priverstų iOS priartinti ekraną */
  .fd__check input{width:22px;height:22px}
  .fd__submit{width:100%;justify-content:center;padding:17px 24px;
              font-size:11.5px;letter-spacing:.16em}
}

@media (prefers-reduced-motion:reduce){
  .fd__in,.fd__submit{transition:none}
}


/* ═══════════════════════════════════════════════════════════════════
   TIPOGRAFIJOS TOKENŲ SLUOKSNIS — FINAL CONSOLIDATION PLAN
   12 semantinių tokenų · 17 dydžio variantų · 2 šeimos.
   Šis blokas yra failo gale sąmoningai: jis nustato TIK
   font-size / weight / style / line-height / letter-spacing.
   Spalvos, tarpai, grid, max-width, text-transform ir visa kita
   lieka ankstesnėse taisyklėse ir NEPALIEČIAMA.
   ═══════════════════════════════════════════════════════════════════ */
.fd1__t{font-size:clamp(25px,3vw,43.17px);font-weight:400;line-height:1.32;letter-spacing:-.02em}
.fd1__p,
.fd__ok-p,
.fd__note{font-size:16px;line-height:1.75;letter-spacing:normal}
.fd__ok-t{font-size:clamp(29px,2.73vw,39.2px);font-weight:400;line-height:1.18;letter-spacing:-.014em}
.fd__hint,
.fd__err,
.fd__priv{font-size:13.4px;line-height:1.75;letter-spacing:normal}
.fd__lab,
.fd__submit,
.fd__ok-back a{font-size:12.8px;font-weight:600;line-height:1.50;letter-spacing:.16em}
.fd__check span{font-size:17.5px;line-height:1.75;letter-spacing:normal}

@media (max-width:640px){
  .fd1__t{font-size:25px}
  .fd1__p,
  .fd__ok-p,
  .fd__note{font-size:15.5px}
  .fd__ok-t{font-size:28px}
  .fd__hint,
  .fd__err,
  .fd__priv{font-size:12.9px}
  .fd__lab,
  .fd__submit,
  .fd__ok-back a{font-size:11.5px}
  .fd__check span{font-size:16.5px}
}
