/* ═══════════════════════════════════════════════
   Valencia Properties · Contact Form Luxury Style
   Paste into: Appearance → Customize → Additional CSS
   ═══════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&family=Jost:wght@300;400;500&display=swap');

/* ── Form wrapper ── */
.jetpack-contact-form-container,
div[id^="contact-form-"] {
  background: #141414 !important;
  border: 1px solid rgba(201,169,110,0.18) !important;
  border-top: 2px solid #C9A96E !important;
  padding: 2.5rem 3rem !important;
  max-width: 700px !important;
  margin: 2rem auto !important;
  border-radius: 2px !important;
}

/* ── Labels ── */
.grunion-field-label {
  font-family: 'Jost', sans-serif !important;
  font-size: 0.63rem !important;
  font-weight: 400 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: #C9A96E !important;
  margin-bottom: 0.4rem !important;
  display: block !important;
}

.grunion-label-required {
  color: #9A7A45 !important;
  margin-left: 3px !important;
}

/* ── All inputs + textarea ── */
.grunion-field {
  background: rgba(255,255,255,0.03) !important;
  border: 1px solid rgba(201,169,110,0.18) !important;
  border-radius: 2px !important;
  color: #F5F0E8 !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 0.88rem !important;
  font-weight: 300 !important;
  padding: 0.8rem 1rem !important;
  width: 100% !important;
  transition: border-color 0.2s, background 0.2s !important;
  outline: none !important;
  box-shadow: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

.grunion-field::placeholder {
  color: rgba(200,192,176,0.3) !important;
  font-style: italic !important;
}

.grunion-field:focus {
  border-color: rgba(201,169,110,0.55) !important;
  background: rgba(201,169,110,0.04) !important;
  outline: none !important;
  box-shadow: none !important;
}

.grunion-field.textarea {
  min-height: 150px !important;
  resize: vertical !important;
  line-height: 1.6 !important;
}

/* ── Field spacing ── */
.grunion-field-wrap {
  margin-bottom: 1.4rem !important;
}

/* ── Submit button ── */
.contact-submit {
  margin-top: 1.5rem !important;
  padding-top: 1.5rem !important;
  border-top: 1px solid rgba(201,169,110,0.1) !important;
  text-align: right !important;
}

.pushbutton-wide {
  background: transparent !important;
  border: 1px solid #C9A96E !important;
  color: #E8D5A3 !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 0.7rem !important;
  font-weight: 400 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  padding: 0.9rem 2.5rem !important;
  cursor: pointer !important;
  border-radius: 1px !important;
  transition: background 0.25s, color 0.25s !important;
}

.pushbutton-wide:hover {
  background: #C9A96E !important;
  color: #0D0D0D !important;
}

/* ── Success / thank you message ── */
.contact-form-submission h4 {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 1.8rem !important;
  font-weight: 300 !important;
  font-style: italic !important;
  color: #E8D5A3 !important;
}

.go-back-message a {
  font-size: 0.7rem !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  color: #C9A96E !important;
  text-decoration: none !important;
}