/* Prijava in registracija — kamzdaj.si */
:root{
  --navy:#0F172A; --gold:#C9A96E; --gold-ink:#8A6F3D; --gold-dim:#B09667;
  --paper:#F7F6F3; --border:#E7ECF3; --border-warm:#E7E4DE;
  --text:#0F172A; --text-mid:#5A6577; --text-soft:#94A3B8; --text-faint:#B4BCC8;
  --ok:#4A7A52; --ok-bg:#EDF6EF; --ok-line:#C6E0CD;
  --err:#DC2626; --err-ink:#B91C1C; --err-bg:#FEF2F2; --err-line:#F5C6C6;
  --warn:#D97706; --warn-bg:#FFFBF3; --warn-line:#F3DDB6;
}

/* ── zastor in okence ── */
.au-scrim{position:fixed;inset:0;background:rgba(15,23,42,0.52);z-index:900;
  display:flex;align-items:center;justify-content:center;padding:24px;
  opacity:0;pointer-events:none;transition:opacity .16s ease}
.au-scrim.is-open{opacity:1;pointer-events:auto}
/* [hidden] samostojno ne zadostuje, ker .au-scrim{display:flex} zgoraj
   prepiše privzeti UA slog za atribut hidden - brez tega bi zaprto okence
   še vedno lovilo klike prek cele strani (opacity:0 ni display:none) */
.au-scrim[hidden]{display:none}
.au-modal{width:100%;max-width:460px;background:#fff;border-radius:14px;
  box-shadow:0 26px 60px rgba(15,23,42,0.28);overflow:hidden;
  max-height:calc(100vh - 48px);overflow-y:auto;
  transform:translateY(8px);transition:transform .16s ease}
.au-scrim.is-open .au-modal{transform:none}

/* zapiranje — vedno v svoji vrstici, nikoli nad zavihki */
.au-closerow{display:flex;justify-content:flex-end;padding:11px 12px 0}
.au-close{width:32px;height:32px;min-width:32px;border:1px solid var(--border);
  border-radius:7px;background:#fff;color:var(--text-soft);font-size:15px;
  cursor:pointer;display:flex;align-items:center;justify-content:center}
.au-close:hover{border-color:var(--gold);color:var(--gold-ink)}

/* ── glava ── */
.au-head{padding:16px 24px 14px;border-bottom:1px solid #EEF1F5}
.au-step{display:flex;align-items:center;gap:7px}
.au-step-label{font-size:10px;font-weight:700;letter-spacing:1.2px;color:var(--gold-dim)}
.au-step-dots{display:flex;gap:3px}
.au-step-dot{width:14px;height:3px;border-radius:2px;background:#EEF1F5}
.au-step-dot.is-done{background:var(--gold)}
.au-title{font-family:'Space Grotesk',sans-serif;font-size:20px;font-weight:800;
  color:var(--text);letter-spacing:-0.4px;margin:5px 0 0}
.au-sub{font-size:13px;color:#7C8595;margin-top:4px;line-height:1.6;text-wrap:pretty}
.au-back{background:none;border:none;padding:0;font-size:12px;color:var(--text-soft);cursor:pointer}
.au-rolechip{display:inline-block;padding:3px 9px;border-radius:999px;background:#F5F3EE;
  color:var(--gold-ink);font-size:10.5px;font-weight:700;border:none;cursor:pointer}

/* ── telo ── */
.au-body{padding:18px 24px 22px}

/* ── kartici vloge ── */
.au-roles{display:flex;flex-direction:column;gap:9px}
.au-role{width:100%;text-align:left;border:1px solid var(--border);border-radius:10px;
  padding:14px 15px;background:#fff;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.au-role:hover{border-color:#D3D9E3}
.au-role[aria-checked="true"]{border:1.5px solid var(--gold);background:#FFFDF8;
  box-shadow:0 0 0 3px rgba(201,169,110,0.12)}
.au-role-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.au-role-name{font-family:'Space Grotesk',sans-serif;font-size:15px;font-weight:700;color:var(--text)}
.au-role-mark{width:16px;height:16px;border-radius:50%;border:1px solid #D8DEE7;flex-shrink:0}
.au-role[aria-checked="true"] .au-role-mark{background:var(--gold);border-color:var(--gold)}
.au-role-desc{font-size:12.5px;color:var(--text-mid);line-height:1.55;margin-top:5px}
.au-role-facts{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;padding-top:10px;
  border-top:1px dashed var(--border-warm)}
.au-role-fact{padding:4px 9px;border-radius:999px;background:#F5F3EE;color:var(--gold-ink);
  font-size:11px;font-weight:600}

/* ── polja ── */
.au-field{margin-top:13px}
.au-field:first-child{margin-top:0}
.au-labelrow{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:5px}
.au-label{font-size:10px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--text-soft)}
.au-note{font-size:10.5px;color:#A8B0BD;white-space:nowrap;font-weight:400}
.au-inputwrap{position:relative;display:flex;align-items:center}
.au-input{width:100%;border:1px solid var(--border);border-radius:8px;padding:11px 12px;
  font-family:'DM Sans',sans-serif;font-size:14px;color:var(--text);background:#fff;
  min-height:44px;transition:border-color .15s,box-shadow .15s}
.au-input::placeholder{color:var(--text-faint)}
.au-input:focus{outline:none;border:1.5px solid var(--gold);box-shadow:0 0 0 3px rgba(201,169,110,0.12)}
.au-input.is-ok{border-color:#8FB89A;background:#FBFDFB}
.au-input.is-err{border:1.5px solid var(--err);background:#FFFBFB}
.au-input.is-warn{border:1.5px solid var(--warn);background:#FFFCF5}
.au-reveal{position:absolute;right:10px;background:none;border:none;font-size:11px;
  font-weight:600;color:var(--text-soft);cursor:pointer;padding:6px}
.au-reveal:hover{color:var(--gold-ink)}
.au-msg{font-size:11.5px;line-height:1.5;margin-top:5px;color:var(--text-soft)}
.au-msg.is-ok{color:var(--ok);font-weight:600}
.au-msg.is-err{color:var(--err-ink)}

/* moč gesla */
.au-strength{display:flex;align-items:center;gap:7px;margin-top:8px}
.au-strength-track{flex:1;height:4px;border-radius:2px;background:#EEF1F5;overflow:hidden}
.au-strength-fill{height:100%;width:0;background:var(--gold);transition:width .2s ease,background .2s ease}
.au-strength-word{font-size:11px;font-weight:700;white-space:nowrap;color:var(--gold-ink)}

/* ── gumbi in ločnica ── */
.au-btn{width:100%;border:none;border-radius:9px;padding:14px;background:var(--navy);color:#fff;
  font-family:'Space Grotesk',sans-serif;font-size:14px;font-weight:700;cursor:pointer;
  min-height:48px;transition:background .15s}
.au-btn:hover{background:#1E293B}
.au-btn:disabled{background:#E7ECF3;color:#A8B0BD;cursor:not-allowed}
.au-btn-ghost{width:100%;border:1px solid var(--border);border-radius:9px;padding:12px;background:#fff;
  font-family:'Space Grotesk',sans-serif;font-size:14px;font-weight:700;color:var(--text);
  cursor:pointer;min-height:44px;display:flex;align-items:center;justify-content:center;gap:9px}
.au-btn-ghost:hover{border-color:#D3D9E3}
.au-or{display:flex;align-items:center;gap:11px;margin:15px 0 14px}
.au-or::before,.au-or::after{content:"";flex:1;height:1px;background:#EEF1F5}
.au-or span{font-size:10.5px;font-weight:600;color:var(--text-faint);letter-spacing:.6px}

/* ── dno ── */
.au-switch{text-align:center;font-size:12.5px;color:#7C8595;margin-top:12px}
.au-switch button{background:none;border:none;padding:0;font-size:12.5px;font-weight:700;
  color:var(--gold-ink);cursor:pointer;font-family:'DM Sans',sans-serif}
.au-switch a{color:var(--gold-ink);font-weight:700;text-decoration:none;font-size:12.5px}
.au-legal{font-size:11.5px;color:var(--text-soft);line-height:1.6;text-align:center;margin-top:9px}
.au-legal a{color:var(--gold-ink);font-weight:600;text-decoration:none}

/* ── opozorila v okencu ── */
.au-alert{border-radius:9px;padding:12px 14px;margin-bottom:16px}
.au-alert-err{background:var(--err-bg);border:1px solid var(--err-line)}
.au-alert-err b{display:block;font-size:13px;color:var(--err-ink);margin-bottom:3px}
.au-alert-err p{font-size:12.5px;color:#8A3A3A;line-height:1.6;margin:0}
.au-alert-warn{background:var(--warn-bg);border:1px solid var(--warn-line)}
.au-alert-warn p{font-size:12.5px;color:#7A5B14;line-height:1.6;margin:0}
.au-alert-actions{display:flex;gap:8px;margin-top:10px}
.au-alert-actions>*{flex:1;min-height:40px}

/* iz registra */
.au-lookup{background:#FAFAF7;border-left:2px solid var(--gold);border-radius:0 8px 8px 0;
  padding:11px 13px;margin-top:9px}
.au-lookup-label{font-size:10px;font-weight:700;letter-spacing:.9px;color:var(--gold-ink);margin-bottom:4px}
.au-lookup-name{font-size:12.5px;color:var(--text);font-weight:600;line-height:1.5}
.au-lookup-addr{font-size:11.5px;color:#7C8595;line-height:1.5;margin-top:2px}

/* ── uspeh (registracija) ── */
.au-ok-icon{width:46px;height:46px;border-radius:50%;background:var(--ok-bg);border:1px solid var(--ok-line);
  margin:0 auto;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--ok)}
.au-next{display:flex;flex-direction:column;gap:7px}
.au-next-item{display:flex;justify-content:space-between;align-items:center;gap:8px;
  border:1px solid var(--border);border-radius:8px;padding:12px 13px;text-decoration:none;min-height:44px}
.au-next-item:hover{border-color:var(--gold)}
.au-next-item span:first-child{font-size:12.5px;font-weight:600;color:var(--text)}
.au-next-item span:last-child{font-size:11px;font-weight:700;color:var(--gold-ink);white-space:nowrap}

/* ── obvestilo (prijava) — 5 s, počasno pojemanje, praznjenje črte ── */
.au-toast{position:fixed;right:20px;top:80px;width:280px;background:#fff;
  border:1px solid var(--ok-line);border-left:3px solid var(--ok);border-radius:9px;
  box-shadow:0 12px 28px rgba(15,23,42,0.14);overflow:hidden;z-index:950;
  opacity:0;transform:translateY(-6px);transition:opacity .18s ease,transform .18s ease}
.au-toast.is-in{opacity:1;transform:none}
/* zadnjo 1,5 s počasi pojema in se dvigne */
.au-toast.is-out{opacity:0;transform:translateY(-6px);transition:opacity 1.5s ease,transform 1.5s ease}
.au-toast-body{padding:12px 14px 13px;display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.au-toast-t{font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:700;color:var(--text)}
.au-toast-d{font-size:12px;color:var(--text-mid);line-height:1.5;margin-top:2px}
.au-toast-x{background:none;border:none;font-size:13px;color:var(--text-faint);cursor:pointer;
  padding:4px;min-width:32px;min-height:32px}
/* črta na spodnjem robu: polna širina → 0 */
.au-toast-bar{height:3px;background:#EDF3EE}
.au-toast-bar i{display:block;height:100%;background:var(--ok);
  transform-origin:left center;transform:scaleX(1)}
.au-toast.is-counting .au-toast-bar i{animation:au-drain 5s linear forwards}
.au-toast:hover .au-toast-bar i{animation-play-state:paused}
@keyframes au-drain{from{transform:scaleX(1)}to{transform:scaleX(0)}}

/* ── trak: nepotrjena pošta (ostane do potrditve) ── */
.au-banner{background:#F3F8F4;border-bottom:1px solid #D8E8DC;padding:12px 24px;
  display:flex;align-items:center;gap:12px}
.au-banner-icon{width:22px;height:22px;border-radius:50%;background:#DCEEE1;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--ok)}
.au-banner-t{font-size:13px;font-weight:700;color:#2F5A3C}
.au-banner-d{font-size:12px;color:#4F6B57;line-height:1.5;margin-top:1px}
.au-banner-d button{background:none;border:none;padding:0;font:inherit;font-weight:700;
  color:#2F5A3C;text-decoration:underline;cursor:pointer}

/* ── telefon: list z dna ── */
@media(max-width:560px){
  .au-scrim{align-items:flex-end;padding:0}
  .au-modal{max-width:none;border-radius:14px 14px 0 0;max-height:92vh;
    transform:translateY(16px);padding-bottom:env(safe-area-inset-bottom)}
  .au-modal::before{content:"";display:block;width:34px;height:4px;border-radius:2px;
    background:#E2E6ED;margin:8px auto 0}
  .au-head{padding:10px 18px 12px}
  .au-body{padding:14px 18px 18px}
  .au-title{font-size:17px}
  /* glavni gumb pripet nad tipkovnico */
  .au-sticky{position:sticky;bottom:0;background:#fff;border-top:1px solid #EEF1F5;
    padding:11px 18px 14px;margin:14px -18px -18px}
  .au-toast{right:12px;left:12px;width:auto;top:12px}
}
@media(prefers-reduced-motion:reduce){
  .au-scrim,.au-modal,.au-toast{transition:none}
  .au-toast.is-counting .au-toast-bar i{animation:none;transform:scaleX(0)}
}

/* ── zaščita pred globalnim input-resetom iz navbar.js
   ([class*="-box"] itd. silijo border-radius:4px!important in
   border-width:1px!important na vse <input>) — enak vzorec kot drugod
   na strani, popravljeno s povečano specifičnostjo ── */
.au-input.au-input.au-input{border-radius:8px!important}
.au-input.au-input.au-input:focus,
.au-input.au-input.au-input.is-err,
.au-input.au-input.au-input.is-warn{border-width:1.5px!important}