/* simulatore-bonus.css
   Styles per "Simulatore Bonus e Agevolazioni"
   Scoped via #simulatore-bonus-agevolazioni-wrapper
*/

#simulatore-bonus-agevolazioni-wrapper {
  --sim-font-body: "Open Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --sim-font-heading: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --sim-blue: #005A9C;
  --sim-accent: #E67E22;
  --text-primary: #1f2937;
  box-sizing: border-box;
  width: 100%;
  padding: 0;
  margin: 0;
  font-family: var(--sim-font-body);
}

/* container */
#simulatore-bonus-agevolazioni-wrapper .calculator-container {
  max-width: 820px;
  margin: 1.5rem auto;
  padding: 1.25rem;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 10px 24px rgba(2,6,23,0.06);
}

/* header */
#simulatore-bonus-agevolazioni-wrapper .calculator-header { text-align: center; margin-bottom: 1.25rem; }
#simulatore-bonus-agevolazioni-wrapper .calculator-header h1 {
  font-family: var(--sim-font-heading);
  font-size: 1.75rem;
  font-weight: 800;
  color: var(--text-primary);
  margin: 0 0 0.5rem 0;
}
#simulatore-bonus-agevolazioni-wrapper .subtitle { color: #374151; font-size: 1rem; margin: 0.25rem 0; }

/* progress */
#simulatore-bonus-agevolazioni-wrapper .progress-bar { height: 8px; background:#e6e9ee; border-radius: 8px; overflow:hidden; }
#simulatore-bonus-agevolazioni-wrapper .progress-bar-inner { height:100%; width:0%; background:var(--sim-blue); transition:width .25s ease; }

/* form steps */
#simulatore-bonus-agevolazioni-wrapper .form-step { display:none; }
#simulatore-bonus-agevolazioni-wrapper .form-step.active { display:block; animation:simFade .32s ease; }
@keyframes simFade { from {opacity:0; transform:translateY(6px);} to {opacity:1; transform:none;} }

/* inputs */
#simulatore-bonus-agevolazioni-wrapper .form-label{ display:block; font-weight:600; margin-bottom:.35rem; color:#374151; }
#simulatore-bonus-agevolazioni-wrapper .form-input{ width:100%; padding:.6rem .75rem; border:1px solid #dde3ea; border-radius:8px; font-size:1rem; box-sizing:border-box; }

/* nav buttons */
#simulatore-bonus-agevolazioni-wrapper .nav-button{ display:inline-flex; align-items:center; gap:.5rem; padding:.5rem .85rem; border-radius:8px; border:1px solid var(--sim-blue); cursor:pointer; background:transparent; color:var(--sim-blue); font-weight:600; }
#simulatore-bonus-agevolazioni-wrapper .nav-button.next-button{ background:var(--sim-blue); color:#fff; border-color:var(--sim-blue); }
#simulatore-bonus-agevolazioni-wrapper .nav-button:disabled{ opacity:.6; cursor:not-allowed; }

/* results */
#simulatore-bonus-agevolazioni-wrapper .results-section{ background:#f7fbff; border:1px solid #e7f2ff; padding:1rem; border-radius:8px; }

/* bonus list */
#simulatore-bonus-agevolazioni-wrapper .bonus-list{ list-style:none; padding:0; margin:0; }
#simulatore-bonus-agevolazioni-wrapper .bonus-list li{ background:#eef6ff; border:1px solid #cfe9ff; padding:.9rem; border-radius:8px; margin-bottom:.6rem; }
#simulatore-bonus-agevolazioni-wrapper .bonus-list h4{ margin:0 0 .35rem 0; font-weight:700; color:var(--sim-blue); }

/* helper text */
#simulatore-bonus-agevolazioni-wrapper .helper-text{ color:#6b7280; font-size:.85rem; margin-top:.35rem; }

/* small icon protection (prevenire svg enormi) */
#simulatore-bonus-agevolazioni-wrapper svg { max-width:48px !important; max-height:48px !important; width:auto !important; height:auto !important; }

/* responsive */
@media (max-width:640px){
  #simulatore-bonus-agevolazioni-wrapper .calculator-container{ padding:.9rem; margin:1rem;}
  #simulatore-bonus-agevolazioni-wrapper .calculator-header h1{ font-size:1.3rem; }
}