/* ==========================================================================
   Site-wide form redesign — every form (popup "Get a Quote", inline services
   form, contact page, template forms) carries `.dd-legacy-form`, so this one
   dark, consistent design applies on every page. Loaded at both render entries.
   ========================================================================== */
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap");

.dd-legacy-form {
  font-family: "Manrope", system-ui, sans-serif !important;
  display: block;
}
.dd-legacy-form * { box-sizing: border-box; }

/* text inputs, textarea, selects */
.dd-legacy-form .input-field,
.dd-legacy-form input[type="text"],
.dd-legacy-form input[type="email"],
.dd-legacy-form input[type="tel"],
.dd-legacy-form input[type="number"],
.dd-legacy-form textarea,
.dd-legacy-form .select-field,
.dd-legacy-form select {
  width: 100% !important;
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
  border-radius: 12px !important;
  padding: 14px 16px !important;
  color: #fff !important;
  font-family: "Manrope", system-ui, sans-serif !important;
  font-size: 14.5px !important; line-height: 1.4 !important;
  transition: border-color .2s ease, background-color .2s ease !important;
  -webkit-appearance: none; appearance: none;
}
.dd-legacy-form textarea { min-height: 120px !important; resize: vertical !important; }
.dd-legacy-form .input-field::placeholder,
.dd-legacy-form textarea::placeholder { color: rgba(255,255,255,0.42) !important; }
.dd-legacy-form .input-field:focus,
.dd-legacy-form textarea:focus,
.dd-legacy-form .select-field:focus,
.dd-legacy-form select:focus {
  outline: none !important;
  border-color: rgba(255,255,255,0.6) !important;
  background: rgba(255,255,255,0.06) !important;
}
.dd-legacy-form select option,
.dd-legacy-form .select-field option { background: #14151a !important; color: #fff !important; }
.dd-legacy-form .input-container { margin-bottom: 14px !important; }
.dd-legacy-form label { color: rgba(255,255,255,0.72) !important; font-size: 13px !important; font-weight: 500 !important; }
.dd-legacy-form .error-msg { color: #ff6b6b !important; font-size: 12px !important; }

/* headings inside the form */
.dd-legacy-form .genericHead__subTitle { color: #d0a94e !important; letter-spacing: 1px !important; }
.dd-legacy-form .genericHead__title { color: #fff !important; }

/* intl-tel-input (phone) — remove the country-code / flag selector on every form */
.dd-legacy-form .iti { width: 100% !important; }
.dd-legacy-form .iti__flag-container,
.dd-legacy-form .iti__selected-flag,
.dd-legacy-form .iti__country-container,
.dd-legacy-form .iti__dropdown-content { display: none !important; }
.dd-legacy-form .iti > input,
.dd-legacy-form .iti .input-field,
.dd-legacy-form input.phoneiti,
.dd-legacy-form input[type="tel"] { padding-left: 16px !important; }
.dd-legacy-form .iti__country-list { background: #14151a !important; border: 1px solid rgba(255,255,255,0.12) !important; color: #fff !important; }
.dd-legacy-form .iti__country.iti__highlight { background: rgba(255,255,255,0.08) !important; }
.dd-legacy-form .iti__dial-code { color: rgba(255,255,255,0.55) !important; }

/* budget range slider */
.dd-legacy-form .range-labels span { color: #fff !important; font-weight: 600 !important; }
.dd-legacy-form .range-slider-text { color: rgba(255,255,255,0.5) !important; font-size: 12.5px !important; }
.dd-legacy-form .slider-track,
.dd-legacy-form .slider-wrapper { background: rgba(255,255,255,0.12) !important; }
.dd-legacy-form .range-input::-webkit-slider-thumb { background: #fff !important; border: none !important; }
.dd-legacy-form .range-input::-moz-range-thumb { background: #fff !important; border: none !important; }

/* checkboxes / radios */
.dd-legacy-form input[type="checkbox"],
.dd-legacy-form input[type="radio"] { accent-color: #fff !important; }

/* submit button — white pill */
.dd-legacy-form button[type="submit"],
.dd-legacy-form input[type="submit"],
.dd-legacy-form .submitBtn,
.dd-legacy-form .primary-btn {
  background: #fff !important; color: #000 !important;
  border: none !important; border-radius: 999px !important;
  padding: 14px 30px !important;
  font-family: "Manrope", system-ui, sans-serif !important; font-weight: 700 !important; font-size: 14px !important;
  cursor: pointer !important;
  transition: transform .25s cubic-bezier(.22,1,.36,1), background-color .25s ease !important;
}
.dd-legacy-form button[type="submit"]:hover,
.dd-legacy-form .submitBtn:hover,
.dd-legacy-form .primary-btn:hover { transform: translateY(-2px) !important; background: #ececec !important; }
.dd-legacy-form button[disabled] { opacity: 0.6 !important; cursor: default !important; transform: none !important; }