/* ===========================================================
   Enquiry Form — LIGHT theme, single-column, gray inputs,
   red gradient "Send Message" button.
   Scoped + !important throughout to reliably beat the plugin's
   own default CSS.
   =========================================================== */

#ub-enquiry-form-container {
  --ubef-field-bg: #f2f2f4;
  --ubef-text-color: #6b6b76;
  --ubef-radius: 8px;
  display: flex;
  justify-content: center;
  /* height: 650px; */
  height: auto !important;
  min-height: auto;
    background: #ffffff !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 24px rgba(20, 20, 43, 0.25) !important;
  padding: 28px !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}


#ub-enquiry-form-container .ubef-wrap {
  width: 100% !important;
  max-width: 560px !important;
}

/* #ub-enquiry-form-container .ubef-card {
  background: #ffffff !important;
  border-radius: 16px !important;
  box-shadow: 0 4px 24px rgba(20, 20, 43, 0.06) !important;
  padding: 28px !important;
} */

/* --- Form + layout: single column, stacked ------------------- */
#ub-enquiry-form-container .ubef-form {
  display: block !important;
  width: 100% !important;
  box-shadow: none;
  padding: 0;
}

#ub-enquiry-form-container .ubef-fields-grid {
  display: flex !important;
  flex-direction: column !important;
  gap: 26px !important;
  width: 100% !important;
}

#ub-enquiry-form-container .ubef-fields-grid > .ubef-field {
  width: 100% !important;
  max-width: none !important;
  flex: none !important;
}

/* --- Labels: visually hidden (design shows text inside the
   field instead, via placeholder) --------------------------- */
#ub-enquiry-form-container .ubef-label {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* --- Inputs / select / textarea -------------------------------- */
#ub-enquiry-form-container .ubef-input,
#ub-enquiry-form-container .ubef-textarea,
#ub-enquiry-form-container .ubef-tags,
#ub-enquiry-form-container .ubef-tag-input,
#ub-enquiry-form-container .select2-container .select2-selection--single {
  width: 100% !important;
  box-sizing: border-box !important;
  border: none !important;
  border-radius: var(--ubef-radius) !important;
  padding: 15px 16px !important;
  font-size: 14px !important;
  color: #3a3a42 !important;
  background: var(--ubef-field-bg) !important;
  transition: box-shadow 0.15s ease;
}

#ub-enquiry-form-container .ubef-tags {
  display: flex !important;
  align-items: center !important;
}

#ub-enquiry-form-container .ubef-tag-input {
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

#ub-enquiry-form-container .ubef-input::placeholder,
#ub-enquiry-form-container .ubef-textarea::placeholder,
#ub-enquiry-form-container .ubef-tag-input::placeholder {
  color: var(--ubef-text-color) !important;
}

#ub-enquiry-form-container .ubef-input:focus,
#ub-enquiry-form-container .ubef-textarea:focus,
#ub-enquiry-form-container .ubef-tag-input:focus,
#ub-enquiry-form-container .select2-container--default.select2-container--focus .select2-selection--single {
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(238, 43, 43, 0.18) !important;
}

#ub-enquiry-form-container .ubef-tags:focus-within {
  box-shadow: 0 0 0 3px rgba(238, 43, 43, 0.18) !important;
}

#ub-enquiry-form-container .ubef-textarea {
  resize: vertical !important;
  min-height: 110px !important;
  font-family: inherit !important;
}

/* --- Select2 override (services dropdown) ----------------------- */
#ub-enquiry-form-container .select2-container {
  width: 100% !important;
}

#ub-enquiry-form-container .select2-container .select2-selection--single {
  height: auto !important;
  display: flex !important;
  align-items: center !important;
}

#ub-enquiry-form-container .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding: 0 !important;
  line-height: normal !important;
  color: #3a3a42 !important;
}

#ub-enquiry-form-container .select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: var(--ubef-text-color) !important;
}

#ub-enquiry-form-container .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 100% !important;
  right: 14px !important;
}

#ub-enquiry-form-container .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #3a3a42 transparent transparent transparent !important;
}

/* --- Error messages ------------------------------------------- */
#ub-enquiry-form-container .ubef-err {
  display: block !important;
  margin-top: 4px !important;
  font-size: 12px !important;
  color: #e0483d !important;
}

/* --- Submit button ("Send Message" red gradient + arrow) -------- */
/* Text stays "Submit" unless you edit the HTML button text to
   "Send Message" — CSS can't change text content. */
#ub-enquiry-form-container .ubef-submit {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  width: 100% !important;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
  padding: 8px 10px !important;
  background: linear-gradient(90deg, #ef3d3d 0%, #b31f1f 100%) !important;
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  border: none !important;
  border-radius: 4px !important;
  cursor: pointer !important;
  transition: filter 0.15s ease, transform 0.05s ease;

}

#ub-enquiry-form-container .ubef-submit::after {
  content: "↗";
  font-size: 16px !important;
  line-height: 1 !important;
}

#ub-enquiry-form-container .ubef-submit:hover {
  filter: brightness(1.05);
}

#ub-enquiry-form-container .ubef-submit:active {
  transform: translateY(1px);
}

/* --- Success message --------------------------------------------- */
#ub-enquiry-form-container [role="status"] {
  margin-top: 16px !important;
  text-align: center !important;
  font-size: 14px !important;
  color: #16a34a !important;
}

/* --- Powered by footer -------------------------------------------- */
#ub-enquiry-form-container .ubef-powered-by {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  margin-top: 18px !important;
  font-size: 11px !important;
  color: #a7acb9 !important;
}

#ub-enquiry-form-container .ubef-powered-by img {
  height: 14px !important;
  width: auto !important;
}