/* adatiq Akadémia — /regisztracio, a nagy regisztrációs varázsló.
   2026-08-23-i redesign: a klub joinWizard-jának mintáját követi (világos
   panel-kártyák, haladás-sáv + lépés-pöttyök), de a teljes flow krém
   háttéren fut — nincs sötétzöld hero, nincs canvas-animáció (ez egy
   funkcionális folyamat, nem marketing-hero). */

.reg-wrap{max-width:640px;margin:0 auto;padding:40px 32px 80px;}
.reg-wrap h1{font-size:30px;margin-bottom:8px;}
.reg-wrap > p.lead{color:var(--ink-soft);font-size:15px;margin-bottom:24px;}

/* --- Haladás-sáv (a klub .wiz .prog/.bar/.steps mintája, saját színekkel) --- */
.reg-preselected{display:flex;align-items:center;gap:14px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;margin-bottom:24px;}
.reg-preselected img{width:44px;height:44px;border-radius:50%;object-fit:cover;flex-shrink:0;}
.reg-progress{margin-bottom:24px;}
.reg-progress .row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px;font-size:12px;color:var(--ink-soft);font-weight:600;}
.reg-progress .pct{color:var(--deep);font-weight:800;}
.reg-progress .bar{height:8px;border-radius:999px;background:var(--line);overflow:hidden;}
.reg-progress .bar i{display:block;height:100%;border-radius:999px;background:var(--teal);transition:width .25s ease;}
.reg-progress .dots{display:flex;gap:6px;margin-top:10px;justify-content:center;}
.reg-progress .dot{width:26px;height:26px;border-radius:50%;background:var(--card);color:var(--ink-soft);font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--line);}
.reg-progress .dot.done{color:#fff;background:var(--teal);border-color:var(--teal);}
.reg-progress .dot.cur{border-color:var(--deep);color:var(--deep);box-shadow:0 0 0 3px rgba(6,77,59,0.12);font-weight:900;}

/* --- Panel-kártya (a klub .wiz .panel mintája: világos kártya, sosem sötét
   háttéren sötét szöveg) --- */
.reg-panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 2px 10px rgba(23,30,27,0.06);padding:28px;transition:opacity 220ms ease-out,transform 220ms ease-out;}
/* improve-animations audit #5, 2026-08-25: a lépés-váltás eddig
   display:none <-> '' ugrással történt, se fade, se irány. A most
   megjelenő panel egy pillanatra ezzel az osztállyal indul, amit a JS
   (regisztracio.js show()) a következő két rAF-en belül levesz — ezért
   fut le a tranzíció, "előre lépés" irányba (kis jobbra-csúszás). */
.reg-panel-entering{opacity:0;transform:translateX(8px);}
@media (prefers-reduced-motion: reduce){
  .reg-panel{transition:none;}
}
.reg-panel label{display:block;font-size:13px;font-weight:600;margin:14px 0 5px;color:var(--ink);}
.reg-panel label:first-child{margin-top:0;}
.reg-panel input[type=text],.reg-panel input[type=email],.reg-panel input[type=tel]{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:8px;font-size:14px;font-family:'Inter',sans-serif;}
.reg-panel .checkbox-row{display:flex;gap:8px;align-items:flex-start;margin-top:14px;font-size:13px;color:var(--ink-soft);}
.reg-panel .checkbox-row input{margin-top:2px;}
.reg-section-title{font-family:'IBM Plex Mono',monospace;font-size:11px;text-transform:uppercase;letter-spacing:0.06em;color:var(--ink-soft);margin:18px 0 4px;}
.reg-section-title:first-child{margin-top:0;}
.reg-nav{display:flex;gap:10px;margin-top:22px;}
.reg-btn-primary{background:var(--teal);color:var(--deep2);font-weight:600;font-size:14px;padding:12px 22px;border-radius:100px;border:none;cursor:pointer;flex:1;transition:transform 140ms ease-out;}
.reg-btn-primary:active{transform:scale(0.97);}
@media (prefers-reduced-motion: reduce){
  .reg-btn-primary{transition:none;}
  .reg-btn-primary:active{transform:none;}
}
.reg-btn-secondary{background:none;border:1px solid var(--line);color:var(--ink-soft);font-weight:600;font-size:14px;padding:12px 20px;border-radius:100px;cursor:pointer;}

/* --- Nagy képzés-választó kártyák (a /kepzesek katalógus event-card mintája, bővítve) --- */
.training-card-grid{display:grid;gap:14px;margin-top:4px;}
.training-card{display:flex;gap:16px;background:#fff;border:2px solid var(--line);border-radius:var(--radius);padding:18px;cursor:pointer;transition:border-color .15s;}
.training-card:hover{border-color:var(--teal);}
.training-card.selected{border-color:var(--teal);}
.training-card input[type=radio]{position:absolute;opacity:0;pointer-events:none;}
.training-card-photo{width:64px;height:64px;border-radius:12px;object-fit:cover;flex-shrink:0;}
.training-card-body{flex:1;min-width:0;}
.training-card-body h3{font-size:16px;margin:0 0 4px;color:var(--ink);}
.training-card-meta{font-size:12px;color:var(--ink-soft);margin-bottom:6px;font-family:'IBM Plex Mono',monospace;}
.training-card-desc{font-size:13px;color:var(--ink);line-height:1.5;margin:0 0 10px;}
.training-card-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;}
.training-card-price{font-weight:600;font-size:13px;color:var(--ink);}
.training-card-cta{background:var(--card);border:1px solid var(--teal);color:var(--deep);padding:7px 16px;border-radius:100px;font-weight:600;font-size:12px;flex-shrink:0;}
.training-card.selected .training-card-cta{background:var(--teal);color:var(--deep2);border-color:var(--teal);}

.training-card-neutral{background:var(--card);border:2px dashed var(--line);border-radius:var(--radius);padding:16px 18px;text-align:center;cursor:pointer;color:var(--ink-soft);font-size:13px;margin-top:6px;transition:border-color .15s;}
.training-card-neutral:hover{border-color:var(--ink-soft);}
.training-card-neutral.selected{border-color:var(--deep);color:var(--deep);font-weight:600;background:#fff;}
.training-card-neutral input[type=radio]{position:absolute;opacity:0;pointer-events:none;}

.reg-confirm-summary{background:var(--cream);border-radius:10px;padding:14px 16px;font-size:13px;color:var(--ink);margin-bottom:6px;}
.reg-confirm-summary b{color:var(--deep);}
.reg-discount-note{background:#EAF9F1;border-radius:10px;padding:12px 16px;font-size:13px;color:var(--deep);font-weight:600;margin-bottom:16px;}

@media (max-width:600px){.training-card{flex-direction:column;}.training-card-photo{width:100%;height:120px;}}