/* =====================================================================
   FORMS — inputs, focus, submit
   ===================================================================== */

/* --- Input base (dark theme) --- */
:where(input,select,textarea,
  #page input,#page select,#page textarea,
  .dag-form input,.dag-form select,.dag-form textarea,
  .contact-form__wrapper input,
  .contact-form__wrapper select,
  .contact-form__wrapper textarea) {
  background: #0f1218;
  color: #f5f7fb;
  border: 1px solid rgba(255,255,255,.12);
  transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}

:where(input::placeholder,textarea::placeholder) {
  color: #8e97a5;
  opacity: 1;
}

/* --- Focus state --- */
:where(input,select,textarea):focus,
#page input:focus,
#page select:focus,
#page textarea:focus,
.dag-form input:focus,
.dag-form select:focus,
.dag-form textarea:focus {
  outline: none;
  border-color: #f2b705;
  box-shadow: 0 0 0 4px rgba(242,183,5,.18);
  background: #12161d;
}

/* --- Phone wrap focus border sync --- */
form.contact-page-form .dag-phone-wrap:focus-within .dag-phone-prefix,
form.dag-form .dag-phone-wrap:focus-within .dag-phone-prefix,
form.dag-contact-form .dag-phone-wrap:focus-within .dag-phone-prefix,
form.contact-page-form .dag-phone-wrap:focus-within input,
form.dag-form .dag-phone-wrap:focus-within input,
form.dag-contact-form .dag-phone-wrap:focus-within input {
  border-color: var(--primary);
  outline: none;
  box-shadow: none;
}

/* --- Submit button inside contact wrapper --- */
.contact-form__wrapper .wpforms-submit,
.contact-form__wrapper button[type="submit"] {
  min-width: 180px;
  padding: 12px 32px;
  border-radius: 999px;
  border: none;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: .08em;
  font-size: 13px;
  cursor: pointer;
  background: linear-gradient(180deg,#d61828 0%,#a80f1c 100%);
  border: 1px solid #d61828;
  color: #fff;
  transition: transform .15s ease, opacity .15s ease, background .2s ease;
}

.contact-form__wrapper .wpforms-submit:hover,
.contact-form__wrapper button[type="submit"]:hover {
  background: linear-gradient(180deg,#e11d2f 0%,#b4101d 100%);
  border-color: #f2b705;
  transform: translateY(-1px);
}