/* Restyle Forminator "Get an Instant Quote" form to match Al Madina Travels design */

.booking-card .forminator-custom-form,
.booking-card .forminator-ui {
  margin-top: 8px;
}

.booking-card .forminator-response-message:empty {
  display: none !important;
}

.booking-card .forminator-row {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 16px !important;
  margin: 0 0 16px !important;
  width: 100% !important;
}

/* Pickup, Destination & Phone span the full width */
.booking-card #select-1.forminator-col,
.booking-card #select-2.forminator-col,
.booking-card #phone-1.forminator-col {
  grid-column: 1 / -1 !important;
}

.booking-card .forminator-col {
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

.booking-card .forminator-field {
  margin-bottom: 0;
}

.booking-card .forminator-label,
.booking-card .forminator-label * {
  display: block;
  font-family: var(--font-body);
  font-weight: 700 !important;
  font-size: 11px !important;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--color-text-light) !important;
  -webkit-text-fill-color: var(--color-text-light) !important;
  margin-bottom: 8px !important;
  opacity: 1 !important;
}

.booking-card .forminator-required {
  color: var(--color-primary) !important;
  -webkit-text-fill-color: var(--color-primary) !important;
}

.booking-card select.forminator-select--field,
.booking-card .forminator-input,
.booking-card input[type="text"],
.booking-card input[type="tel"],
.booking-card input[type="date"] {
  display: block;
  width: 100% !important;
  height: 48px;
  padding: 0 14px !important;
  border: 1px solid var(--color-border) !important;
  border-radius: 8px !important;
  font-family: var(--font-body);
  font-size: 14px !important;
  background-color: #fff !important;
  color: var(--color-secondary) !important;
  -webkit-text-fill-color: var(--color-secondary) !important;
  box-shadow: none !important;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.booking-card select.forminator-select--field {
  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='%236b6b6b' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  padding-right: 36px !important;
  cursor: pointer;
}

.booking-card select.forminator-select--field:focus,
.booking-card .forminator-input:focus {
  border-color: var(--color-primary) !important;
  outline: none;
}


.booking-card .forminator-button-submit {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  background-color: var(--color-primary) !important;
  border: none !important;
  border-radius: 999px !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-family: var(--font-heading);
  font-weight: 700 !important;
  font-size: 16px !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  height: 52px;
  padding: 0 28px !important;
  margin-top: 8px;
  cursor: pointer;
  transition: background-color var(--transition-base);
}

.booking-card .forminator-button-submit::before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  background-color: #fff;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16.001 3C9.373 3 4 8.373 4 15c0 2.523.793 4.86 2.142 6.785L4.5 28.5l6.93-1.79A11.94 11.94 0 0 0 16 27c6.627 0 12-5.373 12-12S22.628 3 16.001 3zm6.05 17.07c-.27.76-1.32 1.39-2.18 1.57-.59.12-1.36.22-3.96-.85-3.32-1.37-5.46-4.74-5.63-4.96-.16-.22-1.35-1.8-1.35-3.43 0-1.63.85-2.43 1.16-2.76.27-.29.6-.36.8-.36.2 0 .4 0 .57.01.18.01.43-.07.67.51.27.65.91 2.24.99 2.41.08.16.13.35.03.57-.1.22-.15.35-.3.54-.15.18-.31.41-.45.55-.15.16-.31.33-.13.65.18.32.79 1.31 1.7 2.12 1.17 1.04 2.16 1.37 2.48 1.52.32.16.5.13.69-.08.19-.21.81-.95 1.03-1.27.21-.32.43-.27.71-.16.29.1 1.85.87 2.17 1.03.32.16.53.24.61.37.08.13.08.76-.19 1.52z'/%3E%3C/svg%3E") no-repeat center / contain;
  -webkit-mask-size: contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16.001 3C9.373 3 4 8.373 4 15c0 2.523.793 4.86 2.142 6.785L4.5 28.5l6.93-1.79A11.94 11.94 0 0 0 16 27c6.627 0 12-5.373 12-12S22.628 3 16.001 3zm6.05 17.07c-.27.76-1.32 1.39-2.18 1.57-.59.12-1.36.22-3.96-.85-3.32-1.37-5.46-4.74-5.63-4.96-.16-.22-1.35-1.8-1.35-3.43 0-1.63.85-2.43 1.16-2.76.27-.29.6-.36.8-.36.2 0 .4 0 .57.01.18.01.43-.07.67.51.27.65.91 2.24.99 2.41.08.16.13.35.03.57-.1.22-.15.35-.3.54-.15.18-.31.41-.45.55-.15.16-.31.33-.13.65.18.32.79 1.31 1.7 2.12 1.17 1.04 2.16 1.37 2.48 1.52.32.16.5.13.69-.08.19-.21.81-.95 1.03-1.27.21-.32.43-.27.71-.16.29.1 1.85.87 2.17 1.03.32.16.53.24.61.37.08.13.08.76-.19 1.52z'/%3E%3C/svg%3E") no-repeat center / contain;
}

.booking-card .forminator-button-submit:hover {
  background-color: #e23900 !important;
}

.booking-card .forminator-row-last {
  grid-template-columns: 1fr !important;
}

.booking-card .forminator-row-last::after {
  content: '\2713  Free quote   \00b7   No commitment   \00b7   15-minute response';
  display: block;
  text-align: center;
  font-size: 12px;
  color: var(--color-text-light);
  margin-top: 10px;
  white-space: pre-wrap;
}

.booking-card a[href*="post.php?action=edit"],
.booking-card a[href*="action=edit"] {
  display: none !important;
}

@media (max-width: 480px) {
  .booking-card .forminator-row,
  .booking-card .forminator-row-last {
    grid-template-columns: 1fr !important;
  }

  .booking-card #select-1.forminator-col,
  .booking-card #select-2.forminator-col,
  .booking-card #phone-1.forminator-col,
  .booking-card #date-1.forminator-col,
  .booking-card #select-3.forminator-col {
    grid-column: 1 / -1 !important;
  }
}