/* v562U — Order form visual balance fixes.
   - Make Arrival Fast Track date field balanced and keep native date picker tappable.
   - Widen the Review Your Order rail by about 50% on desktop.
   - Replace the four confirmation checks with one clean final confirmation row. */

/* Arrival date field: text input + calendar button must stay balanced. */
body:has(#orderForm) #fastTrackFields .fast-track-grid-v499G{
  grid-template-columns:minmax(280px, 1fr) minmax(390px, 1.15fr) !important;
  gap:20px !important;
  align-items:start !important;
}

body:has(#orderForm) #fastTrackFields .date-combo{
  display:grid !important;
  grid-template-columns:minmax(190px, 1fr) 58px !important;
  gap:10px !important;
  align-items:center !important;
  width:100% !important;
  position:relative !important;
}

body:has(#orderForm) #fastTrackFields .date-combo input[data-date-input]{
  grid-column:1 !important;
  width:100% !important;
  min-width:190px !important;
  padding-right:16px !important;
  opacity:1 !important;
  color:#0f172a !important;
  background:#fff !important;
}

body:has(#orderForm) #fastTrackFields .date-combo .date-button{
  grid-column:2 !important;
  position:relative !important;
  width:58px !important;
  height:58px !important;
  min-height:58px !important;
  border-radius:16px !important;
  padding:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  pointer-events:auto !important;
  z-index:2 !important;
}

body:has(#orderForm) #fastTrackFields .date-combo .native-date-picker{
  position:absolute !important;
  right:0 !important;
  top:0 !important;
  width:58px !important;
  height:58px !important;
  min-height:58px !important;
  opacity:.01 !important;
  pointer-events:auto !important;
  z-index:5 !important;
  cursor:pointer !important;
}

body:has(#orderForm) #fastTrackFields .date-combo .native-date-picker::-webkit-calendar-picker-indicator{
  width:100% !important;
  height:100% !important;
  cursor:pointer !important;
}

/* Review rail: user requested a visibly longer/wider review box. */
@media (min-width: 1181px){
  body:has(#orderForm) .order-shell{
    max-width:1680px !important;
  }
  body:has(#orderForm) .order-layout{
    grid-template-columns:minmax(0, 1fr) minmax(585px, 645px) !important;
    gap:34px !important;
  }
  body:has(#orderForm) .order-summary{
    width:100% !important;
    max-width:645px !important;
    padding:24px 26px !important;
  }
}

@media (min-width: 981px) and (max-width: 1180px){
  body:has(#orderForm) .order-shell{
    max-width:1380px !important;
  }
  body:has(#orderForm) .order-layout{
    grid-template-columns:minmax(0, 1fr) minmax(460px, 520px) !important;
    gap:26px !important;
  }
  body:has(#orderForm) .order-summary{
    max-width:520px !important;
  }
}

body:has(#orderForm) .order-review-scroll-v561U{
  min-height:540px !important;
  max-height:calc(100vh - 300px) !important;
}

body:has(#orderForm) .order-summary .summary-row{
  gap:18px !important;
}

body:has(#orderForm) .order-summary .summary-row strong{
  max-width:58% !important;
  text-align:right !important;
  overflow-wrap:anywhere !important;
}

/* One confirmation instead of four repeated checkbox rows. */
body:has(#orderForm) .confirmation-box.single-confirm-v562U{
  display:block !important;
  padding:24px 26px !important;
  max-width:980px !important;
  margin:18px auto 22px !important;
  border-radius:24px !important;
}

body:has(#orderForm) .confirmation-box.single-confirm-v562U .confirm-check{
  display:flex !important;
  align-items:flex-start !important;
  gap:16px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  font-size:20px !important;
  line-height:1.55 !important;
  font-weight:800 !important;
}

body:has(#orderForm) .confirmation-box.single-confirm-v562U .confirm-check input{
  width:28px !important;
  height:28px !important;
  min-width:28px !important;
  margin-top:8px !important;
}

body:has(#orderForm) .confirmation-box.single-confirm-v562U .field-error{
  margin-left:44px !important;
  margin-top:14px !important;
  font-size:16px !important;
}

@media (max-width: 980px){
  body:has(#orderForm) #fastTrackFields .fast-track-grid-v499G{
    grid-template-columns:1fr !important;
  }
  body:has(#orderForm) #fastTrackFields .date-combo{
    grid-template-columns:minmax(0, 1fr) 54px !important;
  }
  body:has(#orderForm) #fastTrackFields .date-combo input[data-date-input]{
    min-width:0 !important;
  }
  body:has(#orderForm) #fastTrackFields .date-combo .date-button,
  body:has(#orderForm) #fastTrackFields .date-combo .native-date-picker{
    width:54px !important;
    height:54px !important;
    min-height:54px !important;
  }
  body:has(#orderForm) .order-review-scroll-v561U{
    min-height:0 !important;
    max-height:none !important;
  }
  body:has(#orderForm) .confirmation-box.single-confirm-v562U{
    padding:18px !important;
    margin:14px 0 18px !important;
  }
  body:has(#orderForm) .confirmation-box.single-confirm-v562U .confirm-check{
    font-size:16px !important;
    line-height:1.5 !important;
  }
  body:has(#orderForm) .confirmation-box.single-confirm-v562U .confirm-check input{
    width:22px !important;
    height:22px !important;
    min-width:22px !important;
    margin-top:3px !important;
  }
  body:has(#orderForm) .confirmation-box.single-confirm-v562U .field-error{
    margin-left:38px !important;
    font-size:13px !important;
  }
}