/* -----------------------------------------------------------------
   8. SEARCH / BOOKING FORM
   Classier search bar: a generous rounded panel, taller rounded inputs
   with warm borders + brass focus, and a button sized to match.
   Rounding is controlled by --lux-search-radius at the top of the file.
   ----------------------------------------------------------------- */
input[type="text"],
input[type="email"],
input[type="number"],
input[type="date"],
input[type="tel"],
textarea,
select {
  border: 1px solid var(--lux-line);
  background-color: #fff;
  color: var(--lux-ink);
  border-radius: 4px;
}
input:focus,
textarea:focus,
select:focus { border-color: var(--lux-accent) !important; }

/* The floating search panel */
.mphb_sc_search-form,
.homepage-widget-area .widget_mphb_search_availability_widget {
  background: #fff;
  padding: 0em 2.25em 2em 2em;
  border-radius: calc(var(--lux-search-radius) + 6px);
  box-shadow: 0 26px 60px -28px rgba(22,40,42,.45);
}

/* Labels: small, spaced, muted — they sit above the fields */
.mphb_sc_search-form label,
.homepage-widget-area .widget_mphb_search_availability_widget label {
  font-family: "Poppins", sans-serif;
  font-size: .68rem;
  font-weight: 600;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--lux-muted);
}

/* The date fields: taller, rounded, roomier, elegant serif text */
.mphb_sc_search-form input[type="text"],
.mphb_sc_search-form input.mphb-datepick,
.mphb_sc_search-form select,
.homepage-widget-area .widget_mphb_search_availability_widget input[type="text"],
.homepage-widget-area .widget_mphb_search_availability_widget input.mphb-datepick,
.homepage-widget-area .widget_mphb_search_availability_widget select {
  height: 54px;
  border: 1px solid var(--lux-line);
  border-radius: var(--lux-search-radius);
  padding: 0 1.1em;
  font-size: 1.05rem;
  background-color: #fff;
  transition: border-color .25s var(--lux-ease), box-shadow .25s var(--lux-ease);
}
.mphb_sc_search-form input.mphb-datepick:focus,
.homepage-widget-area .widget_mphb_search_availability_widget input.mphb-datepick:focus {
  border-color: var(--lux-accent) !important;
  box-shadow: 0 0 0 3px rgba(176,141,87,.15);
}

/* SEARCH button: match the field height + rounding */
.mphb_sc_search-form .mphb_sc_search-submit-button,
.mphb_sc_search-form input[type="submit"],
.mphb_sc_search-form button[type="submit"],
.homepage-widget-area .widget_mphb_search_availability_widget button[type="submit"],
.homepage-widget-area .widget_mphb_search_availability_widget input[type="submit"] {
  height: 54px;
  padding: 0 2.6em;
  border-radius: var(--lux-search-radius);
}

/* Datepicker — replace all coral/red with our palette */
body .mphb-calendar .datepick-nav,
body .datepick-popup .datepick-nav {
  background-color: var(--lux-primary);
}
body .mphb-calendar .datepick-nav a:hover,
body .datepick-popup .datepick-nav a:hover {
  background-color: var(--lux-primary-deep);
}
body .mphb-calendar .datepick-ctrl a,
body .datepick-popup .datepick-ctrl a {
  color: var(--lux-accent) !important;
}
body .mphb-calendar .datepick-month td a.datepick-selected,
body .datepick-popup .mphb-datepick-popup .datepick-month td .datepick-selected {
  background-color: var(--lux-primary) !important;
  color: #fff !important;
}
body .datepick-popup .mphb-datepick-popup .datepick-month td a.datepick-highlight {
  background-color: var(--lux-primary) !important;
  color: #fff !important;
}
body .datepick-popup a:hover,
body .mphb-calendar .datepick-month a:hover {
  background-color: var(--lux-primary) !important;
  color: #fff !important;
}
/* Available dates: soft brass tint instead of green */
body .mphb-calendar.mphb-datepick .datepick-month td .mphb-available-date {
  background-color: rgba(176,141,87,.12);
  color: var(--lux-ink);
}
/* Booked dates: warm muted tone instead of coral pink */
body .mphb-calendar.mphb-datepick .datepick-month td .mphb-booked-date {
  background-color: #f0e8dc !important;
}
body .mphb-calendar.mphb-datepick .datepick-month td .mphb-booked-date.mphb-date-check-in.mphb-date-check-out {
  background-color: #f0e8dc !important;
}
body .mphb-calendar.mphb-datepick .datepick-month td .mphb-booked-date.mphb-date-check-in {
  background: linear-gradient(to bottom right, rgba(176,141,87,.12) 0%, rgba(176,141,87,.12) 50%, #f0e8dc 50%, #f0e8dc 100%) !important;
}
body .mphb-calendar.mphb-datepick .datepick-month td .mphb-available-date.mphb-date-check-out {
  background: linear-gradient(to bottom right, #f0e8dc 0%, #f0e8dc 50%, rgba(176,141,87,.12) 50%, rgba(176,141,87,.12) 100%) !important;
}
/* Check-in date in checkout picker */
body .datepick-popup .mphb-datepick-popup.mphb-check-out-datepick .datepick-month td span.mphb-check-in-date:not(.mphb-past-date) {
  background-color: var(--lux-muted) !important;
  color: #fff !important;
}
/* Today's date — brass highlight instead of red.
   Must match the .mphb-datepicker-light-coral theme selector for specificity. */
body .mphb-calendar .datepick-month td .datepick-today,
body .mphb-calendar .datepick-month td a.datepick-today,
body .datepick-popup .datepick-month td .datepick-today,
body .datepick-popup .datepick-month td a.datepick-today,
body .datepick-popup .mphb-datepick-popup .datepick-month td .datepick-today,
.datepick-popup .mphb-datepicker-light-coral.mphb-datepick-popup .datepick-month td .datepick-today {
  color: var(--lux-accent) !important;
  font-weight: 600;
}