/* ============================================================
   NARUDŽBENICA ZA IZRADU AMBALAŽE — stilovi formulara
   Nadovezuje se na style.css (brend: crvena #e8181f · antracit)
   ============================================================ */

/* ---------- Raspored: bočna traka + formular ---------- */
.nrd-layout{display:grid;grid-template-columns:280px 1fr;gap:40px;align-items:start}

/* ---------- Bočna traka sa koracima ---------- */
.nrd-aside{position:sticky;top:116px}
.nrd-steps{display:grid;gap:4px;border:1px solid var(--line);border-radius:0;padding:14px;background:var(--white)}
.nrd-step{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:0;font-weight:600;font-size:.9rem;color:var(--gray);transition:.2s}
.nrd-step .num{flex:0 0 28px;height:28px;border-radius:0;background:var(--soft);border:1px solid var(--line);display:grid;place-items:center;font-weight:800;font-size:.8rem;color:var(--ink);transition:.2s}
.nrd-step:hover{background:var(--soft);color:var(--ink)}
.nrd-step.is-active{background:var(--ink);color:var(--white)}
.nrd-step.is-active .num{background:var(--red);border-color:var(--red);color:var(--white)}
.nrd-help{margin-top:18px;background:var(--ink);color:#c9c9c9;border-radius:0;padding:24px}
.nrd-help b{color:var(--white);display:block;margin-bottom:6px}
.nrd-help p{font-size:.88rem;margin-bottom:12px}
.nrd-help a{display:inline-block;color:var(--red-light);font-weight:800;font-size:1.2rem}

/* ---------- Kartice sekcija ---------- */
.nrd-form{display:grid;gap:26px;min-width:0}
.nrd-card{border:1px solid var(--line);border-radius:0;background:var(--white);padding:30px 32px 32px;box-shadow:0 10px 30px -24px rgba(28,28,28,.25);scroll-margin-top:116px;transition:border-color .25s}
.nrd-card:focus-within{border-color:var(--ink)}
.nrd-card legend{float:left;width:100%;display:flex;align-items:center;gap:14px;font-weight:800;font-size:1.15rem;letter-spacing:-.01em;margin-bottom:20px}
.nrd-card legend .num{flex:0 0 34px;height:34px;border-radius:0;background:var(--red);color:var(--white);display:grid;place-items:center;font-size:.95rem}
.nrd-card legend + *{clear:both}
.nrd-hint{color:var(--gray);font-size:.92rem;margin:-8px 0 18px;clear:both}

/* ---------- Polja ---------- */
.nrd-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px;clear:both}
.nrd-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;clear:both}
.nrd-field{min-width:0}
.nrd-field-half{max-width:calc(50% - 8px);margin-top:16px}
.nrd-field label{display:block;font-size:.82rem;font-weight:700;margin:0 0 6px}
.nrd-field input,.nrd-field select,.nrd-field textarea{width:100%;padding:13px 16px;border:1px solid var(--line);border-radius:0;font:inherit;font-size:.95rem;background:var(--soft);transition:.2s}
.nrd-field input:focus,.nrd-field select:focus,.nrd-field textarea:focus{outline:none;border-color:var(--ink);background:var(--white)}
.nrd-field input.invalid{border-color:#d43c3c;background:#fdf1f1}
.nrd-field textarea{resize:vertical}
.nrd-field input[readonly]{background:var(--soft);color:var(--gray);cursor:default;pointer-events:none}
.nrd-grid-2 + .nrd-field,.nrd-grid-3 + .nrd-field,.nrd-choices + .nrd-field{margin-top:16px}

/* ---------- Izborne kartice (radio / checkbox) ---------- */
.nrd-choices{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;clear:both}
.nrd-choices-2{grid-template-columns:repeat(2,1fr)}
.nrd-choices-3{grid-template-columns:repeat(3,1fr)}
.nrd-choice{position:relative;display:block;border:1px solid var(--line);border-radius:0;padding:16px 16px 14px;cursor:pointer;background:var(--white);transition:.2s;min-width:0}
.nrd-choice:hover{border-color:#c9c5ba}
.nrd-choice input{position:absolute;opacity:0;pointer-events:none}
.nrd-choice span{display:block}
.nrd-choice b{display:block;font-size:.95rem;letter-spacing:-.01em;padding-right:26px}
.nrd-choice small{display:block;color:var(--gray);font-size:.8rem;line-height:1.4;margin-top:2px}
.nrd-choice::after{content:"";position:absolute;top:14px;right:14px;width:20px;height:20px;border:2px solid var(--line);border-radius:0;transition:.2s;background:var(--white)}
.nrd-choice:has(input[type="checkbox"])::after{border-radius:0}
.nrd-choice:has(input:checked){border-color:var(--ink);background:var(--red-soft);box-shadow:0 8px 22px -16px rgba(28,28,28,.35)}
.nrd-choice:has(input:checked)::after{background:var(--red);border-color:var(--red-dark);box-shadow:inset 0 0 0 2px var(--white)}
.nrd-choice:has(input:focus-visible){outline:2px solid var(--ink);outline-offset:2px}
.nrd-choice-wide{clear:both}

/* ---------- Predmeti ambalažiranja ---------- */
.nrd-predmet{border:1px solid var(--line);border-radius:0;padding:22px;margin-bottom:16px;background:var(--soft);position:relative;clear:both}
.nrd-predmet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.nrd-predmet-head b{font-size:.85rem;text-transform:uppercase;letter-spacing:.1em}
.nrd-predmet-head b::before{content:"■ ";color:var(--red-dark)}
.nrd-remove{background:none;border:none;color:#b04a4a;font-weight:700;font-size:.82rem;cursor:pointer;padding:6px 10px;border-radius:0;transition:.2s}
.nrd-remove:hover{background:#fdeaea}
.nrd-predmet .nrd-field input,.nrd-predmet .nrd-field select{background:var(--white)}
.nrd-predmet-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.nrd-predmet-grid .span-3{grid-column:span 3}
.nrd-predmet-grid .span-2{grid-column:span 2}
.nrd-add{width:100%;padding:15px;border:2px dashed var(--line);border-radius:0;background:none;font:inherit;font-weight:700;font-size:.93rem;color:var(--gray);cursor:pointer;transition:.2s;clear:both}
.nrd-add:hover{border-color:var(--red);color:var(--ink);background:var(--red-soft)}

/* ---------- Saglasnost, greške, slanje ---------- */
.nrd-consent{display:flex;gap:12px;align-items:start;margin-top:20px;padding:16px 18px;border:1px solid var(--line);border-radius:0;background:var(--soft);cursor:pointer;font-size:.9rem;clear:both}
.nrd-consent input{margin-top:3px;width:17px;height:17px;flex:0 0 auto;accent-color:var(--red-dark);cursor:pointer}
.nrd-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.nrd-alert{display:none;margin-top:18px;padding:14px 18px;border-radius:0;font-weight:600;font-size:.92rem}
.nrd-alert.show{display:block}
.nrd-alert-error{background:#fdeaea;color:#a02c2c}
.nrd-submit{width:100%;justify-content:center;margin-top:22px;font-size:1.02rem;padding:18px 28px}
.nrd-submit:disabled{opacity:.6;cursor:wait}
.nrd-privacy{margin-top:14px;color:var(--gray);font-size:.82rem;text-align:center}

/* ---------- Poruka o uspehu ---------- */
.nrd-success{max-width:640px;margin:0 auto;text-align:center;border:1px solid var(--line);border-radius:0;padding:64px 44px;background:var(--white);box-shadow:var(--shadow)}
.nrd-success .ico{width:74px;height:74px;margin:0 auto 24px;border-radius:0;background:var(--red);color:var(--white);display:grid;place-items:center;font-size:2rem;font-weight:800}
.nrd-success h2{font-size:2rem;margin-bottom:14px}
.nrd-success p{color:var(--gray);margin-bottom:28px}
.nrd-success-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

/* ---------- Responsive ---------- */
@media (max-width:1020px){
  .nrd-layout{grid-template-columns:1fr}
  .nrd-aside{position:static;display:grid;grid-template-columns:1fr 1fr;gap:18px}
  .nrd-steps{align-content:start}
  .nrd-help{margin-top:0}
  .nrd-choices{grid-template-columns:repeat(2,1fr)}
  .nrd-predmet-grid{grid-template-columns:repeat(3,1fr)}
  .nrd-predmet-grid .span-3,.nrd-predmet-grid .span-2{grid-column:span 3}
}
@media (max-width:720px){
  .nrd-aside{grid-template-columns:1fr}
  .nrd-steps{display:none}
  .nrd-card{padding:24px 20px 26px}
  .nrd-grid-2,.nrd-grid-3,.nrd-choices,.nrd-choices-2,.nrd-choices-3{grid-template-columns:1fr}
  .nrd-field-half{max-width:100%}
  .nrd-predmet-grid{grid-template-columns:1fr 1fr}
  .nrd-predmet-grid .span-3,.nrd-predmet-grid .span-2{grid-column:span 2}
  .nrd-success{padding:44px 24px}
}