/* SMH V20 - remove duplicate custom-select rendering on mobile/desktop booking form.
   The old theme JS creates fake select boxes (.select-selected/.select-items) while the native select is also visible after responsive polish.
   We keep one clean native select only to avoid duplicated Person/Accommodation fields. */
.booking_form .select-selected,
.booking_form .select-items{
  display:none !important;
  visibility:hidden !important;
  height:0 !important;
  min-height:0 !important;
  max-height:0 !important;
  overflow:hidden !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
}

.booking_form .custom-select{
  position:relative !important;
  background:transparent !important;
  border:0 !important;
  padding:0 !important;
  overflow:visible !important;
}

.booking_form .custom-select select{
  display:block !important;
  opacity:1 !important;
  visibility:visible !important;
  position:relative !important;
  z-index:2 !important;
  cursor:pointer !important;
  background:#fff !important;
  color:#07152d !important;
  border:0 !important;
  box-shadow:none !important;
  appearance:auto !important;
  -webkit-appearance:auto !important;
}

@media (max-width: 767.98px){
  .booking_form .custom-select{
    margin:0 !important;
  }
  .booking_form .custom-select select{
    width:100% !important;
    max-width:100% !important;
    height:74px !important;
    min-height:74px !important;
    border-radius:17px !important;
    padding:0 24px !important;
    font-size:17px !important;
    font-weight:900 !important;
    line-height:74px !important;
  }
}

@media (min-width: 768px){
  .booking_form .custom-select select{
    width:100% !important;
    height:70px !important;
    min-height:70px !important;
    border-radius:16px !important;
    padding:0 20px !important;
  }
}