/**
 * Fluent Forms — brand the submit button as the IFI ember button.
 *
 * Fluent renders the submit button with `.ff-btn-submit` (+ `ff_btn_no_style`);
 * its own public CSS neutralises the `btn-secondary` class we add, so the button
 * ships unstyled. This file (enqueued directly, compile-independent) forces the
 * brand ember treatment. `!important` beats Fluent's `.ff-btn.ff-btn-submit`.
 */
.fluentform .ff-btn-submit,
.fluentform button[type="submit"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  width: auto;
  background: var(--color-secondary, #f15b29) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 4px !important;
  padding: 0.75rem 1.75rem !important;
  font-family: "Spline Sans", system-ui, sans-serif;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  line-height: 1;
  cursor: pointer;
  box-shadow: none !important;
  transition: background-color 0.15s ease, transform 0.12s ease;
}

.fluentform .ff-btn-submit:hover,
.fluentform button[type="submit"]:hover {
  background: #d94e1f !important;
}

.fluentform .ff-btn-submit:active,
.fluentform button[type="submit"]:active {
  transform: translateY(1px);
}

.fluentform .ff-btn-submit:focus-visible,
.fluentform button[type="submit"]:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary, #022b49) 45%, transparent) !important;
}