/* Lakeside SEO V3.8 Instant Quote True Wizard
   Premium single-step experience. Overrides V3.7 accordion visuals without changing pricing/maps/email logic. */
:root{
  --iq38-pine:#0b2a1e;
  --iq38-ink:#0b1711;
  --iq38-muted:#5f7168;
  --iq38-green:#22783f;
  --iq38-green2:#176232;
  --iq38-leaf:#edf7ef;
  --iq38-line:#dbe8e0;
  --iq38-card:#ffffff;
  --iq38-soft:#f6fbf8;
  --iq38-shadow:0 18px 44px rgba(11,42,30,.11);
}

/* Remove the extra explainer card. The progress + active task are the instruction system. */
.instant-quote-page.iq-wizard-v38 .iq-card-header{display:none!important;}
.instant-quote-page.iq-wizard-v38 .wrap{max-width:780px!important;}
.instant-quote-page.iq-wizard-v38 .wrap > .grid.iq-wizard-grid-v37{max-width:720px!important;}
.instant-quote-page.iq-wizard-v38 .iq-wizard-shell-v37{padding-top:0!important;}

/* Premium progress header */
.instant-quote-page.iq-wizard-v38 .iq-wizard-progress-v37{
  margin:18px 0 10px!important;
  padding:16px!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,#ffffff,#f8fcf9)!important;
  border:1px solid rgba(11,42,30,.12)!important;
  box-shadow:0 14px 34px rgba(11,42,30,.08)!important;
}
.instant-quote-page.iq-wizard-v38 .iq-progress-current{
  font-size:1.02rem!important;
  letter-spacing:-.015em!important;
  color:var(--iq38-pine)!important;
}
.instant-quote-page.iq-wizard-v38 .iq-progress-meta{color:var(--iq38-muted)!important;}
.instant-quote-page.iq-wizard-v38 .iq-progress-track{
  height:8px!important;
  background:#edf4ef!important;
  border:1px solid rgba(11,42,30,.06)!important;
}
.instant-quote-page.iq-wizard-v38 .iq-progress-bar{
  background:linear-gradient(90deg,#1b6c38,#8dc63f)!important;
}

/* Compact clickable step nav replaces giant collapsed green cards. */
.iq-stepper-nav-v38{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:7px;
  margin:10px 0 14px;
}
.iq-stepper-nav-v38 button{
  appearance:none;
  -webkit-appearance:none;
  min-height:54px;
  border:1px solid rgba(11,42,30,.12);
  border-radius:16px;
  background:#fff;
  color:var(--iq38-pine);
  box-shadow:0 8px 20px rgba(11,42,30,.055);
  padding:8px 6px;
  display:grid;
  place-items:center;
  gap:4px;
  font:inherit;
  font-weight:950;
  cursor:pointer;
}
.iq-stepper-nav-v38 button:hover{transform:none;text-decoration:none;}
.iq-stepper-nav-v38 .num{
  display:grid;
  place-items:center;
  width:24px;
  height:24px;
  border-radius:999px;
  background:#eef5f0;
  color:var(--iq38-green2);
  font-size:.78rem;
  line-height:1;
}
.iq-stepper-nav-v38 .label{
  font-size:.66rem;
  line-height:1.05;
  color:var(--iq38-muted);
  max-width:100%;
  text-align:center;
}
.iq-stepper-nav-v38 button.is-active{
  background:linear-gradient(180deg,#2b8749,#176232)!important;
  color:#fff!important;
  border-color:transparent!important;
  box-shadow:0 12px 28px rgba(31,106,58,.20)!important;
}
.iq-stepper-nav-v38 button.is-active .num{background:rgba(255,255,255,.18);color:#fff;}
.iq-stepper-nav-v38 button.is-active .label{color:rgba(255,255,255,.86);}
.iq-stepper-nav-v38 button.is-complete .num{background:var(--iq38-green);color:#fff;}
.iq-stepper-nav-v38 button.is-complete .num:after{content:"✓";font-size:.72rem;}
.iq-stepper-nav-v38 button.is-complete .num span{display:none;}

/* True wizard: show only the active task card. */
.instant-quote-page.iq-wizard-v38 .iq-wizard-v37{gap:0!important;}
.instant-quote-page.iq-wizard-v38 .iq-step-card-v37{display:none!important;}
.instant-quote-page.iq-wizard-v38 .iq-step-card-v37.is-active{
  display:block!important;
  border-radius:26px!important;
  background:#fff!important;
  border:1px solid rgba(11,42,30,.14)!important;
  box-shadow:var(--iq38-shadow)!important;
  overflow:hidden!important;
}
.instant-quote-page.iq-wizard-v38 .iq-step-card-v37.is-active .iq-step-trigger-v37{
  min-height:68px!important;
  border-radius:0!important;
  background:linear-gradient(180deg,#ffffff,#f5fbf7)!important;
  color:var(--iq38-ink)!important;
  border:0!important;
  box-shadow:none!important;
  padding:16px!important;
  grid-template-columns:40px 1fr auto!important;
}
.instant-quote-page.iq-wizard-v38 .iq-step-card-v37.is-active .iq-step-bubble-v37{
  width:36px!important;
  height:36px!important;
  background:linear-gradient(180deg,#2f8b4e,#1f6a3a)!important;
  color:#fff!important;
  box-shadow:0 8px 20px rgba(31,106,58,.18)!important;
}
.instant-quote-page.iq-wizard-v38 .iq-step-title-v37{
  color:var(--iq38-ink)!important;
  font-size:1.08rem!important;
  letter-spacing:-.025em!important;
}
.instant-quote-page.iq-wizard-v38 .iq-step-subtitle-v37{
  color:var(--iq38-muted)!important;
  font-size:.88rem!important;
  font-weight:720!important;
}
.instant-quote-page.iq-wizard-v38 .iq-step-state-v37{
  background:#eef8f1!important;
  color:var(--iq38-green2)!important;
  border-color:rgba(34,120,63,.18)!important;
}
.instant-quote-page.iq-wizard-v38 .iq-step-card-v37.is-active .iq-step-body-v37{
  max-height:5400px!important;
  opacity:1!important;
  pointer-events:auto!important;
  padding:17px 16px 18px!important;
  border-top:1px solid rgba(11,42,30,.08)!important;
}

/* Inputs and option rows: quieter, more premium. */
.instant-quote-page.iq-wizard-v38 .options label.small{
  border-radius:18px!important;
  background:linear-gradient(180deg,#fff,#fbfdfb)!important;
  border:1px solid rgba(11,42,30,.12)!important;
  box-shadow:0 8px 20px rgba(11,42,30,.04)!important;
}
.instant-quote-page.iq-wizard-v38 .options label.small:has(input:checked){
  background:linear-gradient(180deg,#f2fbf4,#fff)!important;
  border-color:rgba(34,120,63,.25)!important;
}
.instant-quote-page.iq-wizard-v38 input,
.instant-quote-page.iq-wizard-v38 select{
  min-height:50px!important;
  border-radius:18px!important;
  border:1px solid rgba(11,42,30,.14)!important;
  background:#fff!important;
}
.instant-quote-page.iq-wizard-v38 input:focus,
.instant-quote-page.iq-wizard-v38 select:focus{
  outline:none!important;
  border-color:rgba(34,120,63,.55)!important;
  box-shadow:0 0 0 4px rgba(34,120,63,.10)!important;
}
.instant-quote-page.iq-wizard-v38 input.autofill,
.instant-quote-page.iq-wizard-v38 input:-webkit-autofill{
  box-shadow:0 0 0 1000px #ffffbf inset!important;
}

/* Map and action stack */
.instant-quote-page.iq-wizard-v38 #map.map{
  margin-top:14px!important;
  border-radius:22px!important;
  border:1px solid rgba(11,42,30,.14)!important;
  box-shadow:0 14px 32px rgba(11,42,30,.12)!important;
}
.instant-quote-page.iq-wizard-v38 .iq-draw-actions-v37,
.instant-quote-page.iq-wizard-v38 .iq-draw-secondary-v37{gap:10px!important;}
.instant-quote-page.iq-wizard-v38 #btnCalc.iq-calc-primary-v37,
.instant-quote-page.iq-wizard-v38 .iq-step-next-v37,
.instant-quote-page.iq-wizard-v38 #btnAccept{
  min-height:54px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#2f8b4e,#1f6a3a)!important;
  box-shadow:0 12px 26px rgba(31,106,58,.20)!important;
  color:#fff!important;
  font-weight:950!important;
}
.instant-quote-page.iq-wizard-v38 #btnClear,
.instant-quote-page.iq-wizard-v38 #btnDrawLawn,
.instant-quote-page.iq-wizard-v38 #btnDecline,
.instant-quote-page.iq-wizard-v38 #quoteBox .row button.ghost{
  background:#fff!important;
  color:var(--iq38-green2)!important;
  border:1px solid rgba(23,98,50,.55)!important;
}
.instant-quote-page.iq-wizard-v38 #quoteBox .row button.ghost{display:none!important;}

/* Review cards */
.instant-quote-page.iq-wizard-v38 #quoteBox{
  display:grid;
  gap:10px;
}
.instant-quote-page.iq-wizard-v38 #quoteBox.hidden{display:none!important;}
.instant-quote-page.iq-wizard-v38 #quoteBox .kpi{
  margin:0!important;
  padding:14px!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#ffffff,#fbfdfb)!important;
  border:1px solid rgba(11,42,30,.10)!important;
  box-shadow:0 8px 20px rgba(11,42,30,.04)!important;
}
.instant-quote-page.iq-wizard-v38 #quoteBox .label{
  color:var(--iq38-green2)!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  font-size:.72rem!important;
}
.instant-quote-page.iq-wizard-v38 #quoteBox .value{
  color:var(--iq38-pine)!important;
  font-size:1.14rem!important;
  letter-spacing:-.02em!important;
}
.instant-quote-page.iq-wizard-v38 #quoteBox .notice{
  border-radius:18px!important;
  background:linear-gradient(180deg,#f7fdff,#eefbfc)!important;
  border:1px solid #c8e6eb!important;
  color:#16363b!important;
}
.instant-quote-page.iq-wizard-v38 #quoteBox:not(.hidden) + .notice{display:none!important;}
.instant-quote-page.iq-wizard-v38 #result{
  color:var(--iq38-green2)!important;
  font-weight:850!important;
  line-height:1.35!important;
}

/* Small refinement for the map fallback. */
.instant-quote-page.iq-wizard-v38 .iq-premium-fallback-v37,
.instant-quote-page.iq-wizard-v38 .map-help{
  border-radius:18px!important;
  background:linear-gradient(180deg,#f7fdff,#effbfc)!important;
  border-color:#cce8ed!important;
}

@media(max-width:760px){
  .instant-quote-page.iq-wizard-v38 .wrap{padding-left:14px!important;padding-right:14px!important;}
  .iq-stepper-nav-v38{gap:6px;}
  .iq-stepper-nav-v38 button{min-height:50px;border-radius:14px;padding:7px 4px;}
  .iq-stepper-nav-v38 .label{display:none;}
  .iq-stepper-nav-v38 .num{width:26px;height:26px;}
  .instant-quote-page.iq-wizard-v38 .iq-step-card-v37.is-active .iq-step-trigger-v37{
    grid-template-columns:38px 1fr!important;
    gap:10px!important;
  }
  .instant-quote-page.iq-wizard-v38 .iq-step-state-v37{
    grid-column:2;
    justify-self:start;
  }
}