/* XGQN P61 — precise correction of P60 on HOME MOBILE only.
   The prior P60 Safari date pseudo boxes used display:flex + appearance:auto,
   which can paint an overflowing square native input and break rounded edges.
   Keep the native type=date control (date picker works), reset only visual box.
*/
/* Hidden mobile consent copy outside MOBILE; desktop original remains unchanged. */
body.transport-native.xg-home-p06 .trm-home .qn23c-section #qn23cBookingForm .xg-p04-consent > .xgg-p61-consent-mobile {
  display:none!important;
}
@media screen and (max-width:767px) {
  body.transport-native.xg-home-p06 .trm-home .qn23c-section #qn23cBookingForm .vinfast-lead-field > input#qn23c_departure {
    display:block!important;
    position:static!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    margin:0!important;
    padding:0 10px!important;
    border:1px solid var(--booking-input-border,var(--xgp38-h-BFCBDA,#bfcbda))!important;
    border-radius:7px!important;
    -webkit-border-radius:7px!important;
    outline:none!important;
    box-shadow:none!important;
    background:#fff!important;
    background-clip:padding-box!important;
    -webkit-appearance:none!important;
    appearance:none!important;
    overflow:hidden!important;
    font-family:inherit!important;
    font-size:14px!important;
    line-height:42px!important;
    text-align:left!important;
    vertical-align:middle!important;
    transform:none!important;
    clip-path:none!important;
  }
  /* Undo P60's flex/height:100% overrides on Safari's internal date fragments.
     The native inline content inherits the input's 42px line box. */
  body.transport-native.xg-home-p06 .trm-home .qn23c-section #qn23cBookingForm input#qn23c_departure::-webkit-date-and-time-value {
    display:inline-block!important;
    width:auto!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    line-height:normal!important;
    vertical-align:middle!important;
    margin:0!important;
    padding:0!important;
    text-align:left!important;
  }
  body.transport-native.xg-home-p06 .trm-home .qn23c-section #qn23cBookingForm input#qn23c_departure::-webkit-datetime-edit {
    display:inline-block!important;
    width:auto!important;
    height:auto!important;
    min-height:0!important;
    line-height:normal!important;
    padding:0!important;
    margin:0!important;
    vertical-align:middle!important;
    transform:none!important;
  }
  body.transport-native.xg-home-p06 .trm-home .qn23c-section #qn23cBookingForm input#qn23c_departure::-webkit-datetime-edit-fields-wrapper {
    display:inline-flex!important;
    align-items:center!important;
    height:auto!important;
    min-height:0!important;
    line-height:normal!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
  }
  body.transport-native.xg-home-p06 .trm-home .qn23c-section #qn23cBookingForm .xg-p04-consent > .xgg-p61-consent-desktop {
    display:none!important;
  }
  body.transport-native.xg-home-p06 .trm-home .qn23c-section #qn23cBookingForm .xg-p04-consent > .xgg-p61-consent-mobile {
    display:block!important;
    min-width:0!important;
    flex:1 1 auto!important;
    max-width:100%!important;
    white-space:nowrap!important;
    font-size:clamp(9px,2.55vw,10px)!important;
    font-weight:500!important;
    line-height:1.3!important;
    letter-spacing:-.1px!important;
  }
}