/* v1129 — Airport form stepper: match the clean eVisa order stepper.
   Final override loaded after older airport step CSS. Fixes uneven circles,
   broken label wrapping, and the heavy red block style. */

.airport-order-page-v1100 .airport-step-header-v1100{
  display:grid !important;
  grid-template-columns:minmax(205px,1fr) 44px minmax(240px,1.1fr) 44px minmax(190px,.9fr) 44px minmax(215px,1fr) !important;
  align-items:center !important;
  gap:14px !important;
  max-width:1180px !important;
  margin:0 auto 26px !important;
  padding:0 4px !important;
  overflow:visible !important;
}

.airport-order-page-v1100 .airport-step-header-v1100 > i{
  display:block !important;
  width:100% !important;
  height:2px !important;
  background:#d8e1ec !important;
  border:0 !important;
  border-radius:999px !important;
  margin:0 !important;
  align-self:center !important;
}

.airport-order-page-v1100 .airport-step-header-v1100 .step-pill,
.airport-order-page-v1100 .airport-step-header-v1100 .step-pill.active,
.airport-order-page-v1100 .airport-step-header-v1100 .step-pill.done{
  display:flex !important;
  align-items:center !important;
  gap:13px !important;
  min-width:0 !important;
  min-height:58px !important;
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  color:#64748b !important;
  overflow:visible !important;
}

.airport-order-page-v1100 .airport-step-header-v1100 .step-pill b,
.airport-order-page-v1100 .airport-step-header-v1100 .step-pill.active b,
.airport-order-page-v1100 .airport-step-header-v1100 .step-pill.done b{
  flex:0 0 48px !important;
  width:48px !important;
  height:48px !important;
  min-width:48px !important;
  min-height:48px !important;
  max-width:48px !important;
  max-height:48px !important;
  aspect-ratio:1/1 !important;
  padding:0 !important;
  margin:0 !important;
  border-radius:50% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  line-height:1 !important;
  font-size:23px !important;
  font-weight:900 !important;
  letter-spacing:0 !important;
  text-align:center !important;
  background:#475569 !important;
  color:#fff !important;
  box-sizing:border-box !important;
  white-space:nowrap !important;
}

.airport-order-page-v1100 .airport-step-header-v1100 .step-pill.active b{
  background:#dc2626 !important;
  color:#fff !important;
}

.airport-order-page-v1100 .airport-step-header-v1100 .step-pill.done b{
  background:#1d4ed8 !important;
  color:#fff !important;
}

.airport-order-page-v1100 .airport-step-header-v1100 .step-pill span,
.airport-order-page-v1100 .airport-step-header-v1100 .step-pill.active span,
.airport-order-page-v1100 .airport-step-header-v1100 .step-pill.done span{
  display:block !important;
  min-width:0 !important;
  max-width:100% !important;
  color:#0f172a !important;
  font-size:21px !important;
  line-height:1.12 !important;
  font-weight:850 !important;
  white-space:normal !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
  hyphens:none !important;
}

.airport-order-page-v1100 .airport-step-header-v1100 .step-pill small,
.airport-order-page-v1100 .airport-step-header-v1100 .step-pill.active small,
.airport-order-page-v1100 .airport-step-header-v1100 .step-pill.done small{
  display:block !important;
  margin-top:3px !important;
  color:#64748b !important;
  font-size:13px !important;
  line-height:1.15 !important;
  font-weight:650 !important;
  white-space:nowrap !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
}

.airport-order-page-v1100 .airport-step-header-v1100 .step-pill.active span{
  color:#0f172a !important;
}

.airport-order-page-v1100 .airport-step-header-v1100 .step-pill.active small{
  color:#475569 !important;
}

@media (max-width:1180px){
  .airport-order-page-v1100 .airport-step-header-v1100{
    grid-template-columns:minmax(180px,1fr) 30px minmax(205px,1.05fr) 30px minmax(170px,.9fr) 30px minmax(190px,1fr) !important;
    gap:10px !important;
  }
  .airport-order-page-v1100 .airport-step-header-v1100 .step-pill{
    gap:10px !important;
  }
  .airport-order-page-v1100 .airport-step-header-v1100 .step-pill b,
  .airport-order-page-v1100 .airport-step-header-v1100 .step-pill.active b,
  .airport-order-page-v1100 .airport-step-header-v1100 .step-pill.done b{
    flex-basis:44px !important;
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    min-height:44px !important;
    max-width:44px !important;
    max-height:44px !important;
    font-size:21px !important;
  }
  .airport-order-page-v1100 .airport-step-header-v1100 .step-pill span{
    font-size:18px !important;
  }
  .airport-order-page-v1100 .airport-step-header-v1100 .step-pill small{
    font-size:12px !important;
  }
}

@media (max-width:820px){
  .airport-order-page-v1100 .airport-step-header-v1100{
    display:flex !important;
    gap:8px !important;
    overflow-x:auto !important;
    scroll-snap-type:x mandatory !important;
    -webkit-overflow-scrolling:touch !important;
    padding:0 2px 10px !important;
    margin:0 0 18px !important;
    max-width:none !important;
  }
  .airport-order-page-v1100 .airport-step-header-v1100 > i{
    display:none !important;
  }
  .airport-order-page-v1100 .airport-step-header-v1100 .step-pill,
  .airport-order-page-v1100 .airport-step-header-v1100 .step-pill.active,
  .airport-order-page-v1100 .airport-step-header-v1100 .step-pill.done{
    flex:0 0 min(76vw, 285px) !important;
    min-height:64px !important;
    scroll-snap-align:start !important;
    padding:10px 12px !important;
    border:1px solid #e2e8f0 !important;
    border-radius:18px !important;
    background:#fff !important;
  }
  .airport-order-page-v1100 .airport-step-header-v1100 .step-pill.active{
    border-color:#fecaca !important;
    background:#fff7f7 !important;
  }
  .airport-order-page-v1100 .airport-step-header-v1100 .step-pill b,
  .airport-order-page-v1100 .airport-step-header-v1100 .step-pill.active b,
  .airport-order-page-v1100 .airport-step-header-v1100 .step-pill.done b{
    flex-basis:42px !important;
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    min-height:42px !important;
    max-width:42px !important;
    max-height:42px !important;
    font-size:20px !important;
  }
  .airport-order-page-v1100 .airport-step-header-v1100 .step-pill span{
    font-size:17px !important;
  }
  .airport-order-page-v1100 .airport-step-header-v1100 .step-pill small{
    white-space:normal !important;
    font-size:12px !important;
  }
}
