/* Static export fixes for Metform booking form */
.mf-response-msg-wrap[data-show="0"] {
  display: none !important;
}

.flatpickr-calendar {
  display: none !important;
}

.mf-input-wrapper .flatpickr-wrapper {
  display: block;
  width: 100%;
}

.mf-input-wrapper .flatpickr-wrapper .mf-date-input {
  width: 100%;
  box-sizing: border-box;
}

/* Native selects — match text inputs (same box, border, arrow only) */
.elementor-906 .mf-input-wrapper select.mf-input.mf-native-select {
  display: block;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  padding: 12px 36px 12px 15px;
  min-height: 45px;
  line-height: 21px;
  background-color: var(--e-global-color-a567df4, #1c1c1c);
  border: 1px solid var(--e-global-color-659f957, rgba(135, 134, 134, 0.21));
  border-radius: 0;
  color: var(--e-global-color-text, #adadad);
  font-size: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23ADADAD' d='M1.41 0L6 4.58 10.59 0 12 1.41l-6 6-6-6z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 12px 8px;
}

.elementor-906 .mf-input-wrapper select.mf-input.mf-native-select:focus {
  outline: 0;
  border-color: var(--e-global-color-accent, #fff);
  color: var(--e-global-color-accent, #fff);
}

.elementor-906 .mf-input-wrapper select.mf-input.mf-native-select option {
  color: #111;
  background: #fff;
}

.elementor-906 .mf-input-wrapper select.mf-input.mf-native-select option[value=""] {
  color: var(--e-global-color-text, #adadad);
}