/* ProCraft konfigurator — žuto-crni industrial */
.pcfg{
  --black:#0E0E0E;--panel:#1C1C1C;--panel-2:#161616;--yellow:#F5C518;
  --steel:#9A9A9A;--white:#F4F4F2;--line:#2a2a2a;
  --display:'Oswald',sans-serif;--body:'Inter',sans-serif;
  color:var(--white);font-family:var(--body);
}
.pcfg *{box-sizing:border-box}
.pcfg-loading{padding:60px;text-align:center;color:var(--steel)}

.pcfg-grid{display:grid;grid-template-columns:1fr 360px;gap:40px;align-items:start}
.pcfg-main{min-width:0}
.pcfg-title{font-family:var(--display);font-weight:700;font-size:clamp(26px,3vw,40px);text-transform:uppercase;letter-spacing:.5px;line-height:1;margin:0 0 10px}
.pcfg-note{color:var(--steel);font-size:14px;margin:0 0 20px;max-width:60ch}

.pcfg-section{padding:26px 0;border-top:1px solid var(--line)}
.pcfg-section.is-disabled{opacity:.38;pointer-events:none}
.pcfg-h3{font-family:var(--display);font-weight:500;font-size:14px;letter-spacing:3px;color:var(--yellow);text-transform:uppercase;margin:0 0 18px}

.pcfg-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.pcfg-opt{display:flex;flex-direction:column;align-items:flex-start;gap:6px;background:var(--panel);border:1.5px solid var(--line);padding:16px 18px;cursor:pointer;text-align:left;transition:border-color .18s,background .18s,transform .12s;font-family:var(--body)}
.pcfg-opt:hover{border-color:var(--steel)}
.pcfg-opt.is-active{border-color:var(--yellow);background:#211d0c}
.pcfg-opt-label{font-family:var(--display);font-weight:500;font-size:16px;letter-spacing:.5px;color:var(--white);text-transform:uppercase}
.pcfg-opt-price{font-size:14px;color:var(--yellow);font-weight:600}

.pcfg-std{list-style:none;margin:0;padding:0;columns:2;column-gap:28px}
.pcfg-std li{position:relative;padding-left:20px;margin-bottom:9px;color:var(--steel);font-size:14px;break-inside:avoid}
.pcfg-std li:before{content:"✓";position:absolute;left:0;color:var(--yellow);font-weight:700}

.pcfg-toggle{display:flex;justify-content:space-between;align-items:center;width:100%;background:var(--panel);border:1.5px solid var(--line);padding:16px 18px;cursor:pointer;font-family:var(--display);font-weight:500;font-size:16px;letter-spacing:.5px;color:var(--white);text-transform:uppercase;transition:border-color .18s,background .18s}
.pcfg-toggle:hover{border-color:var(--steel)}
.pcfg-toggle.is-active{border-color:var(--yellow);background:#211d0c}

.pcfg-stepper{display:flex;align-items:center;gap:14px}
.pcfg-step-btn{width:44px;height:44px;background:var(--panel);border:1.5px solid var(--line);color:var(--yellow);font-size:22px;cursor:pointer;transition:border-color .18s}
.pcfg-step-btn:hover{border-color:var(--yellow)}
.pcfg-step-val{font-family:var(--display);font-size:24px;font-weight:600;min-width:36px;text-align:center}
.pcfg-step-info{color:var(--steel);font-size:13px;margin-left:6px}

/* SUMMARY */
.pcfg-summary{position:sticky;top:90px}
.pcfg-sum-card{background:var(--panel-2);border:1px solid var(--line);padding:26px}
.pcfg-sum-eyebrow{font-family:var(--display);font-size:12px;letter-spacing:3px;text-transform:uppercase;color:var(--yellow);margin-bottom:16px}
.pcfg-sum-list{list-style:none;margin:0 0 18px;padding:0}
.pcfg-sum-list li{display:flex;justify-content:space-between;gap:12px;font-size:14px;padding:11px 0;border-bottom:1px dashed var(--line);color:var(--steel);align-items:flex-start}
.pcfg-sum-row{display:flex;flex-direction:column;gap:2px}
.pcfg-sum-cat{font-size:11px;letter-spacing:.5px;text-transform:uppercase;color:var(--steel);opacity:.7}
.pcfg-sum-val{color:var(--white);font-weight:500}
.pcfg-sum-price{color:var(--yellow);font-weight:600;white-space:nowrap}
.pcfg-sum-total{display:flex;justify-content:space-between;align-items:baseline;padding:14px 0 18px;border-top:2px solid var(--yellow);margin-top:6px}
.pcfg-sum-total span{font-family:var(--display);text-transform:uppercase;letter-spacing:1px;font-size:14px}
.pcfg-sum-total strong{font-family:var(--display);font-size:30px;font-weight:700;color:var(--yellow)}
.pcfg-cta{width:100%;background:var(--yellow);color:var(--black);border:none;padding:16px;font-family:var(--display);font-weight:600;font-size:16px;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:background .18s}
.pcfg-cta:hover{background:#fff}
.pcfg-sum-fine{color:var(--steel);font-size:12px;margin:14px 0 0;line-height:1.5}

/* MODAL */
.pcfg-modal{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.78);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px}
.pcfg-modal-card{background:var(--panel-2);border:1px solid var(--line);max-width:440px;width:100%;padding:32px;position:relative;font-family:var(--body);color:var(--white)}
.pcfg-modal-x{position:absolute;top:14px;right:16px;background:none;border:none;color:var(--steel);font-size:28px;cursor:pointer;line-height:1}
.pcfg-modal-x:hover{color:var(--yellow)}
.pcfg-modal-card h3{font-family:var(--display);text-transform:uppercase;letter-spacing:1px;font-size:24px;margin:0 0 6px}
.pcfg-modal-sub{color:var(--steel);font-size:14px;margin:0 0 22px}
.pcfg-field{margin-bottom:14px}
.pcfg-field label{display:block;font-size:13px;color:var(--steel);margin-bottom:6px;letter-spacing:.5px}
.pcfg-field input,.pcfg-field textarea{width:100%;background:var(--black);border:1.5px solid var(--line);color:var(--white);padding:12px 14px;font-family:var(--body);font-size:15px;transition:border-color .18s}
.pcfg-field input:focus,.pcfg-field textarea:focus{outline:none;border-color:var(--yellow)}
.pcfg-hp{position:absolute;left:-9999px;opacity:0;height:0;width:0}
.pcfg-submit{width:100%;background:var(--yellow);color:var(--black);border:none;padding:15px;font-family:var(--display);font-weight:600;font-size:15px;letter-spacing:2px;text-transform:uppercase;cursor:pointer;margin-top:6px;transition:background .18s}
.pcfg-submit:hover{background:#fff}
.pcfg-submit:disabled{opacity:.6;cursor:default}
.pcfg-msg{margin-top:14px;font-size:14px;text-align:center}
.pcfg-msg.is-ok{color:var(--yellow)}
.pcfg-msg.is-err{color:#ff6b6b}

@media(max-width:900px){
  .pcfg-grid{grid-template-columns:1fr}
  .pcfg-summary{position:static;margin-top:20px}
  .pcfg-std{columns:1}
}

/* ===== STEPS MOD (korak po korak) ===== */
.pcfg-steps-rest{max-height:0;opacity:0;overflow:hidden;transition:opacity .4s ease,max-height .5s ease}
.pcfg-has-base .pcfg-steps-rest{max-height:6000px;opacity:1}
.pcfg[data-mode="steps"]:not(.pcfg-has-base) .pcfg-section[data-grupa]{display:none}
.pcfg-empty span{color:var(--steel);font-style:italic}
.pcfg-cta:disabled{opacity:.4;cursor:not-allowed}
.pcfg-cta:disabled:hover{background:var(--yellow)}

/* hint ispod baze u steps modu */
.pcfg-has-base .pcfg-main > .pcfg-section:first-of-type:after{content:"✓ Dimenzija izabrana — dodaj opremu ispod";display:block;margin-top:14px;color:var(--yellow);font-size:13px;letter-spacing:.5px}

/* ===== EMBEDDED u single mašini ===== */
.pcfg--embedded{display:block;width:100%;margin-top:8px}
.pcfg--embedded .pcfg-grid{grid-template-columns:1fr 360px;gap:48px;margin-top:0}
.pcfg-summary-hint{color:var(--steel);font-size:15px;line-height:1.6;border-left:2px solid var(--yellow);padding-left:16px;margin-top:8px}
.pcfg--embedded .pcfg-title{display:none}
@media(max-width:900px){
  .pcfg--embedded .pcfg-grid{grid-template-columns:1fr}
}

/* nedostupna opcija (npr. snaga lasera koja ne postoji za tu dimenziju) */
.pcfg-opt.is-disabled{opacity:.35;cursor:not-allowed;filter:grayscale(.6)}
.pcfg-opt.is-disabled .pcfg-opt-price{color:var(--steel);font-style:italic}