/* Leela Hospitals v21 UI fixes */

/* Stop dropdown flicker caused by transforms/animations. */
#root select,
.page-book-appointment select,
.book-appointment-page select {
  transform: none !important;
  -webkit-transform: none !important;
  backface-visibility: visible !important;
  -webkit-backface-visibility: visible !important;
  will-change: auto !important;
  transition: none !important;
  animation: none !important;
}

/* Mobile enquiry/contact selects: leave room for the arrow. */
@media (max-width: 767px) {
  #root select,
  .enquiry-form select,
  .contact-enquiry select,
  .contact-page select {
    min-height: 48px;
    line-height: 1.25;
    padding-right: 42px !important;
    background-position: right 12px center !important;
    background-size: 16px auto !important;
  }

  .enquiry-form,
  .contact-enquiry,
  .contact-page {
    overflow: visible !important;
  }

  .enquiry-form .select-wrapper,
  .contact-enquiry .select-wrapper,
  .contact-page .select-wrapper {
    position: relative;
    overflow: visible !important;
  }
}

/* v22: React controls must own dropdown state; never animate native/custom selects. */
.leela-book-appointment select,
.leela-book-appointment [role="combobox"],
.leela-book-appointment button[aria-haspopup="listbox"] {
  transition: none !important;
  animation: none !important;
  transform: none !important;
  -webkit-transform: none !important;
}
@media (max-width: 767px) {
  .leela-book-appointment [role="listbox"],
  .leela-book-appointment [data-radix-popper-content-wrapper] {
    animation: none !important;
    transition: none !important;
  }
}