/* SMH V19 - Mobile booking date visibility fix
   Keeps the desktop V18 alignment, but restores clean mobile layout so the first date field is not clipped. */
@media (max-width: 767.98px){
  html, body, .super_container{
    width:100% !important;
    max-width:100% !important;
    overflow-x:hidden !important;
  }
  .home{
    min-height:430px !important;
    height:430px !important;
    overflow:hidden !important;
  }
  .home_container{
    height:430px !important;
    padding-top:0 !important;
    justify-content:center !important;
  }
  .home_button{
    margin-top:120px !important;
    position:relative !important;
    z-index:3 !important;
  }
  .booking{
    position:relative !important;
    z-index:5 !important;
    margin-top:0 !important;
    padding:0 0 18px !important;
    background:#fff !important;
    overflow:visible !important;
    transform:none !important;
  }
  .booking .container{
    width:100% !important;
    max-width:100% !important;
    padding-left:14px !important;
    padding-right:14px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
  .booking .row,
  .booking .col{
    margin:0 !important;
    padding:0 !important;
    width:100% !important;
    max-width:100% !important;
  }
  .booking_container{
    position:relative !important;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 !important;
    padding:28px 20px 30px !important;
    border-radius:26px 26px 0 0 !important;
    background:rgba(7,21,45,.98) !important;
    box-shadow:0 22px 48px rgba(2,8,23,.25) !important;
    overflow:visible !important;
    display:block !important;
    transform:none !important;
  }
  .booking_form,
  .booking_form_container,
  .booking_form_inputs{
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:16px !important;
    overflow:visible !important;
    transform:none !important;
  }
  .booking_dropdown,
  .booking_form_inputs .custom-select,
  .booking_form .custom-select{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    float:none !important;
    display:block !important;
    position:relative !important;
    overflow:visible !important;
    background:transparent !important;
    border:0 !important;
  }
  .smh-booking-label{
    display:block !important;
    height:auto !important;
    min-height:18px !important;
    margin:0 0 9px 3px !important;
    color:#fff !important;
    font-size:13px !important;
    line-height:18px !important;
    font-weight:900 !important;
    letter-spacing:.65px !important;
    text-transform:uppercase !important;
    overflow:visible !important;
  }
  .booking_input,
  .booking_input_a,
  .smh-date-input,
  .booking_form select,
  .booking_form_inputs .custom-select select,
  .booking_form_button,
  .smh-whatsapp-book{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    height:74px !important;
    min-height:74px !important;
    border-radius:17px !important;
    box-sizing:border-box !important;
    margin:0 !important;
    display:flex !important;
    align-items:center !important;
    overflow:visible !important;
  }
  .booking_input,
  .booking_input_a,
  .smh-date-input,
  .booking_form select,
  .booking_form_inputs .custom-select select{
    background:#fff !important;
    color:#07152d !important;
    border:0 !important;
    font-size:17px !important;
    font-weight:900 !important;
    line-height:normal !important;
    padding:0 20px !important;
    box-shadow:none !important;
    -webkit-appearance:auto !important;
    appearance:auto !important;
  }
  input[type="datetime-local"].smh-date-input{
    line-height:normal !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
  }
  input[type="datetime-local"].smh-date-input::-webkit-datetime-edit,
  input[type="datetime-local"].smh-date-input::-webkit-datetime-edit-fields-wrapper,
  input[type="datetime-local"].smh-date-input::-webkit-datetime-edit-text,
  input[type="datetime-local"].smh-date-input::-webkit-datetime-edit-month-field,
  input[type="datetime-local"].smh-date-input::-webkit-datetime-edit-day-field,
  input[type="datetime-local"].smh-date-input::-webkit-datetime-edit-year-field,
  input[type="datetime-local"].smh-date-input::-webkit-datetime-edit-hour-field,
  input[type="datetime-local"].smh-date-input::-webkit-datetime-edit-minute-field,
  input[type="datetime-local"].smh-date-input::-webkit-datetime-edit-ampm-field{
    padding:0 !important;
    line-height:74px !important;
  }
  .booking_form_button,
  .smh-whatsapp-book{
    justify-content:center !important;
    text-align:center !important;
    color:#fff !important;
    border:0 !important;
    font-size:16px !important;
    font-weight:900 !important;
    letter-spacing:.45px !important;
    line-height:1.2 !important;
    padding:0 16px !important;
    text-decoration:none !important;
    white-space:normal !important;
    box-shadow:0 14px 30px rgba(0,0,0,.22) !important;
  }
  .booking_form_button{background:#ff8e00 !important;}
  .smh-whatsapp-book{background:#20c96b !important;}
}

@media (max-width: 380px){
  .booking .container{padding-left:10px !important;padding-right:10px !important;}
  .booking_container{padding-left:16px !important;padding-right:16px !important;}
  .booking_input,.booking_input_a,.smh-date-input,.booking_form select,.booking_form_inputs .custom-select select{font-size:15px !important;padding-left:16px !important;padding-right:16px !important;}
}