/**
 * Brand alignment for WPForms output.
 *
 * WPForms' "modern" render themes itself through CSS custom properties. We set
 * those variables to the Superior Glass design tokens (defined in main.css) so the
 * contact form reads as native theme UI. The variables use !important so they win
 * regardless of stylesheet load order (WPForms' own stylesheet loads after this
 * one). Scoped to .wpforms-container-full, so nothing else is affected.
 * Plain CSS, no build step; enqueued only where a form renders.
 */

.wpforms-container-full {
  /* Submit button -> .btn-primary (brand orange, dark text). */
  --wpforms-button-background-color: var(--color-brand-orange, #FF9800) !important;
  --wpforms-button-background-color-alt: var(--color-brand-orange-dark, #E68900) !important;
  --wpforms-button-text-color: var(--color-neutral-900, #0D1117) !important;
  --wpforms-button-text-color-alt: var(--color-neutral-900, #0D1117) !important;
  --wpforms-button-border-radius: 0.375rem !important;

  /* Inputs -> theme input styling. */
  --wpforms-field-border-color: var(--color-neutral-300, #DEE2E6) !important;
  --wpforms-field-border-radius: 0.5rem !important;
  --wpforms-field-background-color: #ffffff !important;
  --wpforms-field-text-color: var(--color-neutral-900, #0D1117) !important;

  /* Labels. */
  --wpforms-label-color: var(--color-neutral-700, #343A40) !important;
  --wpforms-label-error-color: #c0392b !important;
}

/* Labels use the heading face (not exposed as a WPForms variable). */
.wpforms-container-full .wpforms-field-label {
  font-family: var(--font-heading, 'Montserrat', sans-serif);
  font-weight: 600;
}

/* Brand-blue focus ring, matching the rest of the site. */
.wpforms-container-full input:focus,
.wpforms-container-full select:focus,
.wpforms-container-full textarea:focus {
  border-color: var(--color-brand-blue, #0049BA) !important;
  box-shadow: 0 0 0 2px rgba(0, 73, 186, 0.35) !important;
  outline: none !important;
}

/* Submit button: subtle lift on hover/active, matching .btn-primary. */
.wpforms-container-full .wpforms-submit {
  font-family: var(--font-heading, 'Montserrat', sans-serif);
  font-weight: 600;
  transition: transform 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}
.wpforms-container-full .wpforms-submit:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(255, 152, 0, 0.3);
}
.wpforms-container-full .wpforms-submit:active {
  transform: translateY(0);
  box-shadow: none;
}

/* Success confirmation: brand panel, matching the page's brand-blue-50 cards. */
.wpforms-confirmation-container-full {
  background-color: var(--color-brand-blue-50, #E8F0FC);
  border: 1px solid var(--color-brand-blue-100, #C5D9F7);
  border-radius: 0.75rem;
  padding: 1.25rem 1.5rem;
  color: var(--color-neutral-800, #212529);
}
.wpforms-confirmation-container-full a {
  color: var(--color-brand-blue, #0049BA);
  font-weight: 600;
  text-decoration: underline;
}

/* A little more room in the message box. */
.wpforms-container-full textarea {
  min-height: 8rem;
}