/* ============================================================
   BOOKING FORM ADDITIONS — [mch_booking_form] shortcode
   Kept in its own file deliberately: custom.css and
   fullscreen-menu.css are hand-maintained, so nothing here
   ever needs to be merged into them. This file only ADDS the
   handful of classes the form introduces (.ph-select, honeypot,
   status message, disabled button) — everything else the form
   uses (.ph-panel, .ph-inp, .ph-tog, .ph-cta, .ph-lbl, ...)
   already exists in custom.css.
   ============================================================ */

/* Vehicle <select> — same look as .ph-inp plus a dropdown arrow */
.ph-select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath fill='%23888' d='M0 0l6 8 6-8z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  padding-right: 36px;
  cursor: pointer;
}
.ph-select option { background: #242424; color: #e0e0e0; }

/* Kept in the layout (so screen readers still see it) but visually
   hidden off-canvas — a bot filling every field will fill this too,
   which the PHP handler uses to silently drop the submission. */
.mch-hp-field {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.ph-inp{padding:10px !important}

/* Success / error message shown above the submit button */
.mch-form-msg {
  font-size: .8rem;
  margin: 0 0 12px;
  min-height: 1.2em;
}
.mch-form-msg--success { color: #7fbf7f; }
.mch-form-msg--error   { color: #e07a7a; }

/* Submit button while the AJAX request is in flight */
.ph-cta:disabled {
  opacity: .6;
  cursor: not-allowed;
}