/* ============================================================================
   AFADIR – WPForms overrides
   Purpose: keep WPForms styling isolated from the SPA design system.
   Loaded after: public/app/afadir-app.css
   ============================================================================ */

/* Reduce vertical spacing between fields (requested). */
.wpforms-container .wpforms-field,
.wp-core-ui div.wpforms-container .wpforms-field {
  padding: 4px 0;
  position: relative;
}

/* ============================================================================
   WPFORMS HONEYPOT ANTI-SPAM FIELDS
   Hide honeypot fields that WPForms uses for anti-spam protection
   ============================================================================ */

/* Hide specific honeypot field for form 33 (join_basic)
   Use ONLY specific IDs to avoid hiding legitimate fields like field_13, field_14 */
#wpforms-33-field_1-container,
#wpforms-33-field_1,
.wpforms-field-text[data-field-id="1"] {
  display: none !important;
  visibility: hidden !important;
  position: absolute !important;
  left: -9999px !important;
  opacity: 0 !important;
  height: 0 !important;
  width: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

/* ============================================================================
   Buttons
   Ensure primary submit buttons are readable on brand background
   (some themes override colors).
   ============================================================================ */

body.afadir-managed-page .wpforms-form .wpforms-submit,
body.afadir-managed-page .wpforms-form button[type="submit"],
body.afadir-portal-page  .wpforms-form .wpforms-submit,
body.afadir-portal-page  .wpforms-form button[type="submit"] {
  background: linear-gradient(135deg, var(--afadir-brand) 0%, var(--afadir-brand-dark) 100%) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 10px !important;
  font-weight: 700 !important;
  padding: 12px 18px !important;
  box-shadow: 0 8px 18px rgba(var(--afadir-brand-rgb), 0.22) !important;
}

body.afadir-managed-page .wpforms-form .wpforms-submit:hover,
body.afadir-managed-page .wpforms-form button[type="submit"]:hover,
body.afadir-portal-page  .wpforms-form .wpforms-submit:hover,
body.afadir-portal-page  .wpforms-form button[type="submit"]:hover {
  box-shadow: 0 12px 26px rgba(var(--afadir-brand-rgb), 0.30) !important;
  transform: translateY(-1px);
}