/* v1137E — Order page note readability, upload guidance, and contact-row balance.
   Scope: order.html only. */

/* Entry/exit helper copy is secondary information: one level smaller and light. */
body.order-page .travel-grid [data-entry-date-min-note-v787af],
body.order-page .travel-grid [data-stay-rule]{
  display:block !important;
  margin-top:7px !important;
  font-size:13.5px !important;
  line-height:1.45 !important;
  font-weight:400 !important;
  letter-spacing:0 !important;
  color:#64748b !important;
}

/* Upload requirements must remain readable for older customers. */
body.order-page .applicant-upload-grid-v489G{
  align-items:stretch !important;
}
body.order-page .applicant-upload-card-v489G{
  height:100% !important;
}
body.order-page .applicant-upload-card-v489G .upload-card-copy-v489G{
  min-height:112px !important;
}
body.order-page .applicant-upload-card-v489G .upload-card-copy-v489G small{
  display:block !important;
  margin:4px 0 0 !important;
  font-size:14px !important;
  line-height:1.42 !important;
  font-weight:500 !important;
  letter-spacing:0 !important;
  color:#52647a !important;
}

/* Contact row: exact 50/50 columns and equal control dimensions. */
body.order-page .compact-contact-grid{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  column-gap:24px !important;
  row-gap:14px !important;
  align-items:start !important;
}
body.order-page .compact-contact-grid > label{
  min-width:0 !important;
  width:100% !important;
}
body.order-page #orderContactFullName,
body.order-page .compact-contact-grid .vge-intl-phone-v787CN{
  width:100% !important;
  min-height:58px !important;
  height:58px !important;
  margin-top:6px !important;
  box-sizing:border-box !important;
  border-radius:14px !important;
}
body.order-page #orderContactFullName{
  padding:0 16px !important;
  font-size:16px !important;
  line-height:1.3 !important;
}

/* The phone component owns the only visible border/focus ring. */
body.order-page .compact-contact-grid .vge-intl-phone-v787CN{
  display:flex !important;
  align-items:stretch !important;
  padding:0 !important;
  border:1.5px solid #cfd7e4 !important;
  background:#fff !important;
  box-shadow:0 2px 6px rgba(9,35,68,.08) !important;
  overflow:visible !important;
}
body.order-page .compact-contact-grid .vge-intl-phone-v787CN:focus-within,
body.order-page .compact-contact-grid .vge-intl-phone-v787CN.is-open{
  border-color:#357fda !important;
  box-shadow:0 0 0 3px rgba(53,127,218,.16) !important;
}
body.order-page .compact-contact-grid .vge-intl-phone-v787CN .vge-phone-country-v787CN,
body.order-page .compact-contact-grid .vge-intl-phone-v787CN .vge-phone-country-trigger-v787CV,
body.order-page .compact-contact-grid .vge-intl-phone-v787CN .vge-phone-dial-input-v787CV,
body.order-page .compact-contact-grid .vge-intl-phone-v787CN .vge-phone-national-v787CN{
  min-height:55px !important;
  height:55px !important;
  margin:0 !important;
  box-shadow:none !important;
  outline:0 !important;
}
body.order-page .compact-contact-grid .vge-intl-phone-v787CN .vge-phone-country-v787CN{
  flex:0 0 62px !important;
  border-radius:13px 0 0 13px !important;
}
body.order-page .compact-contact-grid .vge-intl-phone-v787CN .vge-phone-country-trigger-v787CV{
  width:100% !important;
  padding:0 7px !important;
  border:0 !important;
  border-radius:13px 0 0 13px !important;
}
body.order-page .compact-contact-grid .vge-intl-phone-v787CN .vge-phone-dial-input-v787CV{
  flex:0 0 72px !important;
  width:72px !important;
  min-width:72px !important;
  padding:0 8px 0 12px !important;
  border:0 !important;
  border-right:1px solid #e2e7ef !important;
  border-radius:0 !important;
  background:transparent !important;
  font-size:16px !important;
}
body.order-page .compact-contact-grid .vge-intl-phone-v787CN .vge-phone-national-v787CN{
  min-width:0 !important;
  flex:1 1 auto !important;
  width:auto !important;
  padding:0 15px !important;
  border:0 !important;
  border-radius:0 13px 13px 0 !important;
  background:transparent !important;
  font-size:16px !important;
}
body.order-page .compact-contact-grid .vge-intl-phone-v787CN input:focus,
body.order-page .compact-contact-grid .vge-intl-phone-v787CN button:focus{
  outline:0 !important;
  box-shadow:none !important;
}

@media(max-width:820px){
  body.order-page .applicant-upload-card-v489G .upload-card-copy-v489G{
    min-height:0 !important;
  }
}
@media(max-width:760px){
  body.order-page .compact-contact-grid{
    grid-template-columns:1fr !important;
    column-gap:0 !important;
  }
}
@media(max-width:640px){
  body.order-page .travel-grid [data-entry-date-min-note-v787af],
  body.order-page .travel-grid [data-stay-rule]{
    font-size:13px !important;
  }
  body.order-page .applicant-upload-card-v489G .upload-card-copy-v489G small{
    font-size:13.5px !important;
  }
  body.order-page #orderContactFullName,
  body.order-page .compact-contact-grid .vge-intl-phone-v787CN{
    min-height:54px !important;
    height:54px !important;
  }
  body.order-page .compact-contact-grid .vge-intl-phone-v787CN .vge-phone-country-v787CN,
  body.order-page .compact-contact-grid .vge-intl-phone-v787CN .vge-phone-country-trigger-v787CV,
  body.order-page .compact-contact-grid .vge-intl-phone-v787CN .vge-phone-dial-input-v787CV,
  body.order-page .compact-contact-grid .vge-intl-phone-v787CN .vge-phone-national-v787CN{
    min-height:51px !important;
    height:51px !important;
  }
}