/* ==========================================================================
   WPForms front-end reskin — overrides WPForms' bundled CSS (loaded before
   this file) using the theme's existing design tokens (see plugins.css) so
   the Contact Us form reads as part of the same site, not a bolt-on.
   ========================================================================== */

.intlz-form-card{
  background: var(--intlz-surface);
  border: 1px solid var(--intlz-border);
  border-radius: var(--intlz-radius);
  box-shadow: var(--intlz-shadow);
  padding: 36px 40px;
  max-width: 640px;
  margin: 0 auto;
}
@media (max-width: 600px){ .intlz-form-card{ padding: 26px 22px; } }

.wpforms-container{ margin: 0 !important; font-family: var(--intlz-font) !important; }
.wpforms-container .wpforms-form{ font-family: var(--intlz-font); padding: 40px; }

.wpforms-container .wpforms-field{ padding: 0 0 20px !important; }
.wpforms-container .wpforms-field-label{
  font-weight: 600 !important;
  color: var(--intlz-navy) !important;
  font-size: 14.5px !important;
  margin-bottom: 6px !important;
}
.wpforms-container .wpforms-field-required{ color: var(--intlz-orange) !important; }
.wpforms-container .wpforms-field-description{
  color: var(--intlz-muted) !important;
  font-size: 13px !important;
}

.wpforms-container input[type=text],
.wpforms-container input[type=email],
.wpforms-container input[type=tel],
.wpforms-container input[type=number],
.wpforms-container textarea,
.wpforms-container select{
  width: 100% !important;
  /* WPForms' own CSS caps "medium"-size fields at max-width:60% via
     .wpforms-field-medium — max-width silently overrides width regardless
     of specificity, so every field rendered at 60% width until this was
     added, no matter what width:100% said. */
  max-width: 100% !important;
  font: 15px/1.4 var(--intlz-font) !important;
  color: var(--intlz-text) !important;
  background: var(--intlz-surface) !important;
  border: 1px solid var(--intlz-border) !important;
  border-radius: var(--intlz-radius-sm) !important;
  padding: 12px 14px !important;
  transition: border-color .15s ease, box-shadow .15s ease !important;
}
.wpforms-container input[type=text]:focus,
.wpforms-container input[type=email]:focus,
.wpforms-container input[type=tel]:focus,
.wpforms-container input[type=number]:focus,
.wpforms-container textarea:focus,
.wpforms-container select:focus{
  outline: none !important;
  border-color: var(--intlz-sky) !important;
  box-shadow: 0 0 0 3px var(--intlz-blue-light) !important;
}

.wpforms-container button[type=submit],
.wpforms-container input[type=submit],
.wpforms-container .wpforms-submit{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  padding: 13px 32px !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  font-family: var(--intlz-font) !important;
  border: 2px solid transparent !important;
  cursor: pointer !important;
  background: linear-gradient(135deg, var(--intlz-navy) 0%, var(--intlz-blue) 100%) !important;
  color: #fff !important;
  box-shadow: 0 6px 16px rgba(6,49,123,.35) !important;
  transition: transform .15s ease, filter .15s ease !important;
}
.wpforms-container button[type=submit]:hover,
.wpforms-container input[type=submit]:hover,
.wpforms-container .wpforms-submit:hover{
  transform: translateY(-2px);
  filter: brightness(1.1);
  color: #fff !important;
}

.wpforms-container .wpforms-error,
.wpforms-container label.wpforms-error{
  color: #c0341c !important;
  font-size: 13px !important;
  margin-top: 4px !important;
}
.wpforms-container .wpforms-field-container .wpforms-error,
.wpforms-container input.wpforms-error,
.wpforms-container textarea.wpforms-error{
  border-color: #c0341c !important;
}

.wpforms-confirmation-container,
.wpforms-container .wpforms-confirmation-container-full{
  background: var(--intlz-green-light) !important;
  border: 1px solid var(--intlz-green) !important;
  color: #234d13 !important;
  border-radius: var(--intlz-radius) !important;
  padding: 20px 24px !important;
  font-size: 15px !important;
}