/* ── BASE ── */
.ialf-step { display:none; background:#233265 ; padding:25px; border-radius:15px; color:#fff; }
.ialf-step.active { display:block; }

.ialf-grid   { display:grid; grid-template-columns:1fr 1fr; gap:15px; margin-bottom:15px; }
.ialf-grid-3 { display:grid !important; grid-template-columns:1fr 1fr 1fr !important; gap:15px; margin-top:15px; margin-bottom:15px; align-items:center; }
.mt { margin-top:15px; }

.ialf-step h3 {
  color:#fff;
  font-family:"Cormorant Garamond", Sans-serif;
  margin-bottom:10px;
}

.ialf-calculator select,
.ialf-calculator input:not([type="range"]),
.ialf-calculator textarea {
  width:100%;
  padding:9px 12px;
  background:#121a36;
  border:1px solid #6784e7;
  border-radius:8px;
  color:#fff;
  box-sizing:border-box;
}

.ialf-calculator textarea {
  resize:vertical;
  min-height:80px;
  margin-top: 10px !important;
}

.ialf-calculator label { color:#fff; }

/* ── FIXED COUNTRY ── */
.ialf-fixed-country {
  padding:9px 12px;
  background:#121a36;
  border:1px solid #6784e7;
  border-radius:8px;
  color:#ccc;
  margin:0;
}

/* ── STEP BAR ── */
.ialf-steps {
  display:flex;
  align-items:center;
  margin-bottom:25px;
}

.ialf-step-item {
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
  flex-shrink:0;
}

.ialf-step-circle {
  width:38px; height:38px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#121a36;
  border:2px solid #6784e7;
  font-weight:bold;
  font-size:14px;
  color:#7a4050;
}

.ialf-step-circle.active {
  background:#ec890f;
  color:#ffffff ;
  border-color:#ec890f;
  box-shadow:0 0 0 4px rgba(236,226,177,.25);
  font-size:16px;
}

.ialf-step-circle.done {
  background:#1abc9c;
  color:#fff;
  border-color:#1abc9c;
  font-size:16px;
}

.ialf-step-label {
  font-size:11px;
  color:#d4a0aa;
  white-space:nowrap;
  font-weight:500;
}

.ialf-step-item:has(.active) .ialf-step-label { color:#ffffff; font-weight:700; }
.ialf-step-item:has(.done)   .ialf-step-label { color:#1abc9c; }

.ialf-steps .line {
  flex:1;
  height:2px;
  background:#3d0c17;
  margin:0 10px;
  margin-bottom:22px; /* offset for label row height */
}

.ialf-steps .line.active {
  background:linear-gradient(90deg,#1abc9c,#ec890f);
}

/* ── SEVERITY CARDS ── */
.ialf-cards { display:flex; gap:12px; margin:15px 0; }

.ialf-card {
  flex:1;
  padding:18px;
  background:#121a36;
  border-radius:12px;
  cursor:pointer;
  border:2px solid transparent;
  transition:all .2s ease;
}

.ialf-card h4 { color:#ccc; margin:0 0 6px; }
.ialf-card p  { color:#aaa; margin:0; font-size:13px; }

.ialf-card.active {
  background:#121a36;
  border-color:#ec890f;
  box-shadow:0 0 20px rgba(236,226,177,.35), 0 0 6px rgba(236,226,177,.2) inset;
}

.ialf-card.active h4 { color:#ec890f; }
.ialf-card.active p  { color:#e0d8af; }

/* ── TOGGLE SWITCH ── */
.ialf-switch-wrap {
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:10px;
  color:#fff;
}


.ialf-switch {
  position:relative;
  width:50px;
  height:26px;
  flex-shrink:0;
}

.ialf-switch input { display:none; }

.ialf-slider {
  position:absolute;
  inset:0;
  background:#121a36;
  border:1px solid #7a2030;
  border-radius:50px;
  cursor:pointer;
  transition:.3s;
}

.ialf-slider:before {
  content:"";
  position:absolute;
  width:20px; height:20px;
  left:3px; top:3px;
  background:#ec890f;
  border-radius:50%;
  transition:.3s;
}

.ialf-switch input:checked + .ialf-slider {
  background:#ec890f;
  border-color:#ec890f;
}

.ialf-switch input:checked + .ialf-slider:before {
  transform:translateX(24px);
  background:#233265 ;
}

/* ── RANGE LABELS ── */
.ialf-range-labels {
  display:flex;
  justify-content:space-between;
  font-size:11px;
  opacity:.7;
  margin-top:4px;
}

/* ── MAIN BUTTON ── */
.ialf-calculator > .ialf-step > button,
.ialf-calculator button:not(.ialf-back):not(.ialf-next):not(.ialf-eval-btn) {
  width:100%;
  padding:14px;
  background:#ec890f;
  border:none;
  border-radius:10px;
  color:#ffffff ;
  font-weight:bold;
  font-size:15px;
  cursor:pointer;
  margin-top:15px;
  letter-spacing:.02em;
}

/* ── BACK / NEXT ROW ── */
.ialf-btn-row { display:flex; gap:10px; margin-top:20px; }

.ialf-back {
  flex:1;
  background:transparent;
  border:1px solid #317dcd;
  padding:12px;
  border-radius:8px;
  color:#fff;
  cursor:pointer;
}

.ialf-next {
  flex:2;
  background:#ec890f;
  padding:12px;
  border:none;
  border-radius:8px;
  color:#ffffff ;
  font-weight:bold;
  cursor:pointer;
}

.ialf-next:hover,
.ialf-next:focus,
.ialf-next:active {
  background:#ec890f !important;
  color:#ffffff  !important;
  outline:none;
}

/* ── BOX (step 2 / 3 inner container) ── */
.ialf-box { background:#233265 ; padding:20px; border-radius:12px; }

/* ── LIVE PREVIEW ── */
.ialf-preview {
  margin:15px 0;
  padding:15px;
  border-radius:10px;
  background:#9d5600;
  border:1px solid #ffa333;
}

.ialf-preview h2 { color:#e5e1b3; margin:5px 0; }

/* ── PRIMARY NOTE (step 2) ── */
.ialf-primary-note {
  margin-top:15px;
  padding:10px 14px;
  background:#121a36;
  border-left:3px solid #ec890f;
  border-radius:6px;
  font-size:13px;
  color:#f0c8cf;
}

/* ── FAULT NOTE (step 3) ── */
.ialf-fault-note {
  margin-top:10px;
  font-size:12px;
  opacity:.8;
  line-height:1.5;
  font-style:italic;
}

.ialf-field { margin-bottom:15px; }
.ialf-field small { display:block; margin-top:5px; font-size:12px; opacity:.7; }

/* ── RESULT PAGE ── */
.ialf-center { text-align:center; }

.ialf-badge {
  background:#ec890f ;
  padding:5px 12px;
  border-radius:20px;
  font-size:12px;
}

#finalRange {
  color:#fff;
  font-family:"Cormorant Garamond", Sans-serif;
  font-size:2em;
  margin:10px 0 5px;
}

#noSettlement {
  color:#ff8a95;
  font-size:14px;
  margin-top:8px;
}

/* ── RESULT CARDS ── */
.ialf-card-box {
  background:#111c42;
  padding:15px;
  border-radius:10px;
}

.ialf-card-box p { margin:0 0 4px; font-size:13px; opacity:.8; }
.ialf-card-box h3 { margin:0; font-size:1.2em; }
.ialf-card-box.purple { border:1px solid #8a7dff; }
.ialf-card-box.green  { border:1px solid #00c853; }
.ialf-card-box.red    { border:1px solid #ec890f; }

/* ── BREAKDOWN ── */
.ialf-breakdown {
  background:#111c42;
  padding:15px;
  border-radius:10px;
}

.ialf-breakdown h4 {
  margin:0 0 10px;
  font-size:13px;
  letter-spacing:.05em;
  color:#ebdcaf;
  font-family:"Cormorant Garamond", Sans-serif;
}

.ialf-breakdown .row {
  display:flex;
  justify-content:space-between;
  margin:6px 0;
  font-size:14px;
}

.ialf-breakdown .total {
  border-top:1px solid #bd5365;
  margin-top:10px;
  padding-top:10px;
  font-weight:bold;
}

/* ── FAIRNESS SCORE ── */
.ialf-score {
  background:#111c42;
  padding:20px;
  border-radius:10px;
  text-align:center;
  border:1px solid #e3a1ad;
}

#score {
  color:#fff;
  font-family:"Cormorant Garamond", Sans-serif;
  font-size:2.5em;
  margin:5px 0;
}

/* ── FREE CASE EVALUATION ── */
.ialf-case-eval {
  background:#121a36;
  border:1px solid #ec890f;
  border-radius:12px;
  padding:20px;
  text-align:center;
}

.ialf-case-eval h3 {
  margin:0 0 8px;
  color:#ec890f;
  font-family:"Cormorant Garamond", Sans-serif;
  font-size:1.3em;
}

.ialf-case-eval p {
  margin:0 0 14px;
  font-size:14px;
  opacity:.85;
}

.ialf-eval-btn {
  display:inline-block;
  padding:13px 35px;
  background:#ec890f;
  color:#ffffff  !important;
  border-radius:8px;
  text-decoration:none !important;
  font-weight:bold;
  font-size:15px;
  letter-spacing:.03em;
}
#attorneyForm textarea {
  color: #fff;
}

.ialf-eval-btn:hover {
  background:#f5edcc;
  color:#233265  !important;
  text-decoration:none !important;
}

/* ── DISCLAIMER ── */
.ialf-disclaimer {
  margin-top:15px;
  font-size:11px;
  opacity:.6;
  line-height:1.5;
  font-style:italic;
  text-align:center;
}

/* ── MISC ── */
.ialf-calculator h2 { color:#fff; font-family:"Cormorant Garamond", Sans-serif; }
.ialf-calculator h4 {
  margin-top:20px;
  color:#ebdcaf;
  font-family:"Cormorant Garamond", Sans-serif;
  margin-bottom:10px;
}

/* ── RANGE SLIDERS ── */
input[type="range"] {
  -webkit-appearance:none;
  appearance:none;
  width:100%;
  height:6px;
  background:linear-gradient(90deg,#121a36,#3d0c17);
  border-radius:4px;
  border:none;
  outline:none;
  cursor:pointer;
}

input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance:none;
  appearance:none;
  width:22px;
  height:22px;
  border-radius:50%;
  background:#ec890f;
  border:3px solid #233265 ;
  cursor:pointer;
  box-shadow:0 0 6px rgba(236,226,177,.5);
}

input[type="range"]::-moz-range-thumb {
  width:22px;
  height:22px;
  border-radius:50%;
  background:#ec890f;
  border:3px solid #233265 ;
  cursor:pointer;
  box-shadow:0 0 6px rgba(236,226,177,.5);
}
select {
    background: #1f2937; /* Background Color */
    color: #fff;         /* Selected Text White */
    border: 1px solid #444;
}

select option {
    background: #1f2937; /* Dropdown Background */
    color: #fff;         /* Option Text White */
}
/* ── MOBILE ── */
@media (max-width:767px) {
  .ialf-step  { padding:15px; }
  .ialf-cards { display:block; }
  .ialf-grid  { display:block; }
  .ialf-card  { margin-bottom:10px; }
  .ialf-box   { padding:10px; }

  .ialf-calculator select,
  .ialf-calculator input { margin-bottom:5px; }
}
