/**
 * LionGate Foundation Styles
 * DemeWebSolutions.com | My Deme, LLC | ROMA Security
 *
 * Base styling for LionGate anti-bot registration fields.
 * Designed to integrate with WooCommerce and WordPress registration forms.
 * Override CSS variables in your theme for brand alignment.
 */

/* --------------------------------------------------------------------------
   DemeWebSolutions Foundation Variables
   Align with demewebsolutions.com branding where applicable
   -------------------------------------------------------------------------- */
:root {
  /* Primary – professional, trusted (DemeWebSolutions brand alignment) */
  --liongate-primary: #1a365d;
  --liongate-primary-light: #2c5282;

  /* Neutral – clean, minimal */
  --liongate-neutral: #4a5568;
  --liongate-neutral-light: #718096;
  --liongate-border: #e2e8f0;
  --liongate-bg: #f7fafc;

  /* State */
  --liongate-success: #276749;
  --liongate-error: #c53030;
  --liongate-focus-ring: rgba(26, 54, 93, 0.3);

  /* Typography – system stack, legible */
  --liongate-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  --liongate-font-size-sm: 0.875rem;
  --liongate-line-height: 1.5;
}

/* --------------------------------------------------------------------------
   LionGate Honeypot – Must remain invisible to humans
   Bots fill these; humans never see or interact with them
   -------------------------------------------------------------------------- */
.liongate-field,
p.liongate-field,
.liongate-checkout {
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  margin: -1px !important;
  padding: 0 !important;
  border: 0 !important;
  pointer-events: none !important;
  visibility: hidden !important;
}

/* Prevent any layout shift or focus outline visibility */
.liongate-field input,
.liongate-field label,
.liongate-checkout input,
.liongate-checkout label {
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
}

/* --------------------------------------------------------------------------
   WooCommerce form compatibility
   Ensures no interference with .form-row, .form-row-wide, etc.
   -------------------------------------------------------------------------- */
.woocommerce .liongate-field,
.woocommerce .liongate-checkout,
.woocommerce-form .liongate-field {
  /* Reset any WooCommerce form-row inheritance */
  display: block !important;
  float: none !important;
  clear: both !important;
}

/* --------------------------------------------------------------------------
   WordPress login/register form compatibility
   -------------------------------------------------------------------------- */
#registerform .liongate-field,
#registerform .liongate-checkout {
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
}