/* Styles per "Simulatore ISEE 2025"
   Scoped via #simulatore-isee-wrapper
*/

#simulatore-isee-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-isee-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-isee-wrapper .calculator-header { text-align: center; margin-bottom: 1.25rem; }
#simulatore-isee-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-isee-wrapper .subtitle { color: #374151; font-size: 1rem; margin: 0.25rem 0; }
#simulatore-isee-wrapper .warning { font-size: 0.9rem; font-weight: 600; } /* Added for consistency */

/* progress */
#simulatore-isee-wrapper .progress-bar { height: 8px; background:#e6e9ee; border-radius: 8px; overflow:hidden; }
#simulatore-isee-wrapper .progress-bar-inner { height:100%; width:0%; background:var(--sim-blue); transition:width .25s ease; }

/* form steps */
#simulatore-isee-wrapper .form-step { display:none; }
#simulatore-isee-wrapper .form-step.active { display:block; animation:simFade .32s ease; }
@keyframes simFade { from {opacity:0; transform:translateY(6px);} to {opacity:1; transform:none;} }

/* inputs & groups */
#simulatore-isee-wrapper .input-group { margin-bottom: 1.5rem; } /* Added for spacing */
#simulatore-isee-wrapper .form-label { display:block; font-weight:600; margin-bottom:.35rem; color:#374151; }
#simulatore-isee-wrapper .form-input { width:100%; padding:.6rem .75rem; border:1px solid #dde3ea; border-radius:8px; font-size:1rem; box-sizing:border-box; }
#simulatore-isee-wrapper .radio-group { display: flex; gap: 1rem; } /* Added for spacing */

/* nav buttons */
#simulatore-isee-wrapper .step-navigation { display: flex; justify-content: space-between; margin-top: 1rem; } /* Added for layout */
#simulatore-isee-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-isee-wrapper .nav-button.next-button { background:var(--sim-blue); color:#fff; border-color:var(--sim-blue); }
#simulatore-isee-wrapper .nav-button:disabled { opacity:.6; cursor:not-allowed; }

/* results */
#simulatore-isee-wrapper .results-section { background:#f7fbff; border:1px solid #e7f2ff; padding:1rem; border-radius:8px; }
#simulatore-isee-wrapper .result-summary { text-align: center; margin-bottom: 1rem; } /* Added */
#simulatore-isee-wrapper .final-amount { font-size: 1.8rem; font-weight: 800; color: var(--sim-blue); } /* Added */
#simulatore-isee-wrapper .result-item { display: flex; justify-content: space-between; padding: 0.5rem 0; border-bottom: 1px solid #e6e9ee; } /* Added */
#simulatore-isee-wrapper .result-item:last-child { border-bottom: none; } /* Added */
#simulatore-isee-wrapper .important-note { margin-top: 1rem; padding: 0.75rem; background: #fffbe6; border: 1px solid #ffe58f; border-radius: 8px; } /* Added */


/* helper text */
#simulatore-isee-wrapper .helper-text { color:#6b7280; font-size:.85rem; margin-top:.35rem; }

/* small icon protection (prevenire svg enormi) */
#simulatore-isee-wrapper svg { max-width:24px !important; max-height:24px !important; width:auto !important; height:auto !important; display: inline-block; vertical-align: middle; margin-right: 0.25rem; }

/* responsive */
@media (max-width:640px){
  #simulatore-isee-wrapper .calculator-container { padding:.9rem; margin:1rem; }
  #simulatore-isee-wrapper .calculator-header h1 { font-size:1.3rem; }
}