/* contact-form.css — real, working "Send an enquiry" form
   styled to match the original Figma/Anima design. */

.contact-us .enquiry-form {
  display: flex;
  flex-direction: column;
  gap: 26px;
}

.enquiry-form .ef-row {
  display: flex;
  gap: 45px;
}

.enquiry-form label {
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex: 1;
  font-family: "Poppins", Helvetica;
  font-weight: 500;
  font-size: 12px;
  color: #8c8c8c;
  letter-spacing: 0;
}

.enquiry-form input,
.enquiry-form select,
.enquiry-form textarea {
  font-family: "Poppins", Helvetica;
  font-weight: 500;
  font-size: 14px;
  color: #000000;
  border: none;
  border-bottom: 1px solid #8c8c8c;
  background: transparent;
  padding: 6px 2px 8px;
  outline: none;
  border-radius: 0;
  width: 100%;
  appearance: none;
  -webkit-appearance: none;
}

.enquiry-form select {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='9'><path d='M1 1l6 6 6-6' fill='none' stroke='%23000' stroke-width='2'/></svg>");
  background-repeat: no-repeat;
  background-position: right 4px center;
  padding-right: 26px;
  cursor: pointer;
}

.enquiry-form textarea {
  resize: vertical;
  min-height: 64px;
}

.enquiry-form input::placeholder,
.enquiry-form textarea::placeholder {
  color: #8c8c8c;
}

.enquiry-form input:focus,
.enquiry-form select:focus,
.enquiry-form textarea:focus {
  border-bottom-color: #d18b00;
  border-bottom-width: 2px;
}

/* keep the original amber button but let the form position it */
.contact-us .enquiry-form .button-18 {
  position: absolute;
  cursor: pointer;
  transition: transform .25s ease, box-shadow .25s ease;
}
.contact-us .enquiry-form .button-18:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(209, 139, 0, 0.45);
}

/* success banner shown after redirect back with ?sent=1 */
.ef-success {
  position: absolute;
  top: -64px;
  left: 0;
  width: 100%;
  padding: 12px 18px;
  border-radius: 12px;
  background: #eef7e6;
  border: 1px solid #50ad12;
  color: #1e341d;
  font-family: "Poppins", Helvetica;
  font-size: 14px;
  font-weight: 500;
}

/* live Google Maps embed on the contact page */
.contact-us .group-32 {
  overflow: hidden;
}
.contact-us .live-map {
  position: absolute;
  top: 11px;
  left: 9px;
  width: 1267px;
  height: 596px;
  border-radius: 8px;
}
.contact-us .open-in-maps {
  position: absolute;
  top: 26px;
  left: 26px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 10px 18px;
  background: #ffffff;
  border-radius: 10px;
  box-shadow: 0 4px 14px rgba(0,0,0,0.18);
  font-family: "Inter", Helvetica;
  font-weight: 700;
  font-size: 15px;
  color: #1a73e8;
  text-decoration: none;
  transition: box-shadow .25s ease, transform .25s ease;
}
.contact-us .open-in-maps:hover {
  box-shadow: 0 8px 22px rgba(0,0,0,0.26);
  transform: translateY(-2px);
}

/* honeypot field for spam bots — invisible to humans */
.ef-hp {
  position: absolute !important;
  left: -9999px !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
}