/* ============================================================
   AutoDiagnoza – Diagnostic Wizard La Meșterică PC
   Folosit de: index.html (secțiune) și autodiagnoza.html
   Toate clasele au prefix dgw-, deci nu intră în conflict cu style.css
   Fundal verde închis cu grilă (ca „Cum lucrăm"), card alb cu pași.
   ============================================================ */
.dgw-section{
  --dgw-bg:var(--accent,#004225);
  --dgw-green:var(--primary-color,#2ecc71);
  --dgw-green-d:#1f9d55;
  --dgw-ink:#12261c;
  --dgw-muted:#4d6258;
  --dgw-line:#cfe3d8;
  --dgw-soft:#f2f9f5;
  --dgw-blue:#0078d4;
  --dgw-blue-d:#005a9e;
  --dgw-wa:#128c4a;
  position:relative;
  padding:clamp(44px,6vw,76px) 16px;
  background-color:var(--dgw-bg);
  background-image:linear-gradient(rgba(46,204,113,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(46,204,113,.08) 1px,transparent 1px);
  background-size:34px 34px;
  color:#fff;line-height:1.55;text-align:left;
  scroll-margin-top:70px;
}
.dgw-section *,.dgw-section *::before,.dgw-section *::after{box-sizing:border-box}
.dgw-section [hidden]{display:none!important}
.dgw-app{width:min(780px,100%);margin:0 auto}

/* ----- antet ----- */
.dgw-head{text-align:center;margin:0 0 26px}
.dgw-eyebrow{margin:0 0 8px;font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#9af0c0}
.dgw-section .dgw-title{margin:0;color:#fff;font-size:clamp(1.55rem,4.6vw,2.3rem);line-height:1.2;letter-spacing:-.3px}
.dgw-subtitle{margin:10px auto 0;max-width:600px;color:rgba(255,255,255,.88);font-size:1rem}
.dgw-trust{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.dgw-trust li{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);border-radius:50px;padding:5px 14px;font-size:.84rem;font-weight:700;color:#fff}

/* ----- card cu pași ----- */
.dgw-panel{
  background:#fff;color:var(--dgw-ink);
  border-radius:20px;padding:clamp(18px,4vw,32px);
  box-shadow:0 2px 4px rgba(0,0,0,.18),0 18px 44px rgba(0,0,0,.32);
  scroll-margin-top:76px;
}
.dgw-progress-row{display:flex;justify-content:space-between;margin-bottom:9px;color:var(--dgw-muted);font-size:12px;font-weight:700}
.dgw-progress-track{height:8px;margin-bottom:24px;background:#e3efe8;border-radius:20px;overflow:hidden}
.dgw-progress-bar{height:100%;width:0;background:linear-gradient(90deg,var(--dgw-green-d),var(--dgw-green));border-radius:20px;transition:width .3s}
.dgw-section .dgw-q{margin:0 0 8px;color:var(--dgw-ink);font-size:clamp(1.2rem,3.6vw,1.55rem);line-height:1.25;letter-spacing:-.2px}
.dgw-section .dgw-panel .dgw-intro{margin:0 0 20px;color:var(--dgw-muted);font-size:.92rem}

/* ----- opțiuni ----- */
.dgw-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.dgw-option{
  width:100%;min-height:68px;padding:14px 15px;display:flex;align-items:center;gap:12px;
  text-align:left;font:inherit;color:var(--dgw-ink);cursor:pointer;
  background:var(--dgw-soft);border:2px solid var(--dgw-line);border-radius:14px;
  transition:border-color .15s,background .15s,transform .15s,box-shadow .15s;
}
.dgw-option:hover{border-color:var(--dgw-green-d);background:#e8f6ee;transform:translateY(-1px)}
.dgw-option:active{transform:scale(.99)}
.dgw-option.dgw-selected{border-color:var(--dgw-green-d);background:#dcf4e6;box-shadow:0 0 0 3px rgba(46,204,113,.25)}
.dgw-ico{flex:0 0 32px;width:32px;text-align:center;font-size:24px;line-height:1}
.dgw-label{font-weight:700;font-size:.95rem;line-height:1.3}
.dgw-small{display:block;margin-top:3px;color:var(--dgw-muted);font-size:.8rem;font-weight:400}
.dgw-option:focus-visible,.dgw-btn:focus-visible,.dgw-text-area:focus-visible{outline:3px solid var(--dgw-blue);outline-offset:2px}

.dgw-text-area{width:100%;min-height:110px;padding:13px;resize:vertical;font:inherit;color:var(--dgw-ink);background:#fff;border:2px solid var(--dgw-line);border-radius:12px}
.dgw-text-area:focus{border-color:var(--dgw-green-d);outline:none;box-shadow:0 0 0 3px rgba(46,204,113,.25)}

/* ----- navigare ----- */
.dgw-nav-row{display:flex;justify-content:space-between;gap:12px;margin-top:24px}
.dgw-section .dgw-btn{
  display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:13px 20px;
  font:inherit;font-weight:800;line-height:1.2;text-decoration:none;cursor:pointer;
  border:0;border-radius:12px;transition:filter .15s,transform .15s,box-shadow .15s;
}
.dgw-section .dgw-btn:hover{filter:brightness(1.06);transform:translateY(-1px)}
.dgw-section .dgw-btn:disabled{opacity:.4;cursor:not-allowed;transform:none;filter:none}
.dgw-section .dgw-btn-primary{margin-left:auto;background:linear-gradient(135deg,var(--dgw-green),var(--dgw-green-d));color:#04301c;box-shadow:0 6px 16px rgba(46,204,113,.35)}
.dgw-section .dgw-btn-secondary{background:#fff;color:var(--dgw-ink);border:2px solid var(--dgw-line)}

/* ----- rezultat ----- */
.dgw-result-top{display:flex;gap:14px;align-items:flex-start;margin-bottom:16px}
.dgw-result-icon{flex:0 0 54px;width:54px;height:54px;display:grid;place-items:center;font-size:28px;background:#dcf4e6;border:1px solid #a8dcc0;border-radius:16px}
.dgw-severity{display:inline-flex;align-items:center;gap:6px;margin:6px 0;padding:5px 12px;border-radius:99px;font-size:11px;font-weight:900;letter-spacing:.4px}
.dgw-severity.dgw-low{color:#0f7a55;background:#dff5ea}
.dgw-severity.dgw-medium{color:#8a5a00;background:#fff0cc}
.dgw-severity.dgw-high{color:#b4232f;background:#fde4e6}
.dgw-result-top .dgw-intro{margin:0!important}
.dgw-result-block{margin:12px 0;padding:16px;background:var(--dgw-soft);border:1px solid var(--dgw-line);border-radius:15px}
.dgw-section .dgw-result-block h4{margin:0 0 9px;color:var(--dgw-ink);font-size:.95rem}
.dgw-result-block ul{margin:0;padding-left:20px;color:#2c4258;font-size:.92rem;line-height:1.7}
.dgw-result-block p{margin:0;color:#2c4258;font-size:.92rem;line-height:1.6}
.dgw-cta-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}
.dgw-section .dgw-btn-whatsapp{background:var(--dgw-wa);color:#fff;box-shadow:0 6px 16px rgba(18,140,74,.35)}
.dgw-section .dgw-btn-call{background:var(--dgw-blue);color:#fff}
.dgw-hint{margin:8px 0 0;text-align:center;color:var(--dgw-muted);font-size:.82rem}
.dgw-section .dgw-btn-copy{width:100%;margin-top:12px;background:#fff;color:var(--dgw-blue-d);border:2px solid #b9d7f2}
.dgw-section .dgw-restart{width:100%;margin-top:10px;background:transparent;color:var(--dgw-muted);border:2px solid var(--dgw-line)}
.dgw-trust-foot{margin-top:18px;padding-top:16px;border-top:1px solid var(--dgw-line);display:flex;gap:14px;align-items:center}
.dgw-trust-foot img{flex:0 0 auto;width:auto;height:auto;max-height:38px;max-width:42%}
.dgw-trust-foot p{margin:0;color:var(--dgw-muted);font-size:.8rem;line-height:1.5}

/* ----- subsol secțiune ----- */
.dgw-disclaimer{margin:16px 8px 0;text-align:center;color:rgba(255,255,255,.78);font-size:.8rem;line-height:1.6}
.dgw-more{margin:14px 0 0;text-align:center}
.dgw-more a{display:inline-block;padding:10px 20px;color:#fff;font-weight:800;text-decoration:none;border:2px solid rgba(255,255,255,.45);border-radius:50px;transition:background .15s,color .15s}
.dgw-more a:hover{background:#fff;color:var(--dgw-bg)}

@media(max-width:560px){
  .dgw-section{padding:36px 10px}
  .dgw-options{grid-template-columns:1fr}
  .dgw-option{min-height:60px;padding:13px}
  .dgw-cta-row{grid-template-columns:1fr}
  .dgw-panel{border-radius:17px}
  .dgw-nav-row .dgw-btn{padding:12px 14px}
  .dgw-trust-foot{flex-direction:column;text-align:center}
  .dgw-trust-foot img{max-width:70%}
}
@media(prefers-reduced-motion:reduce){
  .dgw-option,.dgw-section .dgw-btn,.dgw-progress-bar{transition:none}
  .dgw-option:hover,.dgw-section .dgw-btn:hover{transform:none}
}

/* ----- pagina autodiagnoza.html ----- */
.dgw-section--page{margin-top:30px}