/* Bitradex form.css — dark/cyan theme aligned with site.css */

.lead-form-wrap,
.hero-form form,
form.js-lead-form,
form.js-rf-form,
form.leadform,
.apx-lead {
  --apx-accent: #00DCFF;
  --apx-bg: rgba(5, 5, 5, 0.65);
  --apx-card: transparent;
  --apx-text: #f9fafb;
  --apx-label: #d1d5db;
  --apx-muted: #9ca3af;
  --apx-border: rgba(255, 255, 255, 0.12);
  --apx-radius: 10px;
  --lead-accent: #00DCFF;
  --lead-bg: rgba(5, 5, 5, 0.65);
  --lead-text: #f9fafb;
  --lead-muted: #9ca3af;
  --lead-border: rgba(255, 255, 255, 0.12);
  --lead-radius: 10px;
  --lead-max: 460px;
  color: #f9fafb;
}

/* Default dark card (overrides purple core/form.css) */
.apx-lead {
  background: rgba(15, 15, 20, 0.92) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 16px !important;
  padding: 1.35rem !important;
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.45) !important;
  backdrop-filter: blur(14px);
}

/* Outer card from .hero-form — avoid double nesting */
.hero-form .apx-lead,
.cta-banner .apx-lead,
.sign-up-form .apx-lead {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  max-width: none;
  backdrop-filter: none;
}

.lead-form-wrap input[type="text"],
.lead-form-wrap input[type="email"],
form.js-lead-form input[type="text"],
form.js-lead-form input[type="email"],
.apx-lead input[type="text"],
.apx-lead input[type="email"] {
  background: rgba(5, 5, 5, 0.65) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  color: #f9fafb !important;
  border-radius: 10px !important;
  min-height: 52px;
  padding: 0 1rem;
  font-size: 0.95rem;
  outline: none;
  width: 100%;
  box-shadow: none !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

/* Tel: no padding overrides — intl-tel-input sets padding-left for dial code */
.lead-form-wrap .iti input[type="tel"],
form.js-lead-form .iti input[type="tel"],
.apx-lead .iti input[type="tel"] {
  background: rgba(5, 5, 5, 0.65) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  color: #f9fafb !important;
  border-radius: 10px !important;
  min-height: 52px;
  font-size: 0.95rem;
  outline: none;
  width: 100%;
  box-shadow: none !important;
}

.lead-form-wrap input:focus,
form.js-lead-form input:focus,
.apx-lead input:focus {
  border-color: #00DCFF !important;
  box-shadow: 0 0 0 3px rgba(0, 220, 255, 0.18) !important;
}

.lead-form-wrap input::placeholder,
form.js-lead-form input::placeholder,
.apx-lead input::placeholder {
  color: rgba(156, 163, 175, 0.9);
}

.apx-lead-field > span,
.lead-form-wrap label,
form.js-lead-form label {
  color: #d1d5db !important;
  font-size: 0.85rem;
  font-weight: 600;
}

.lead-form-wrap button.submit,
form.js-lead-form button.submit,
.apx-lead button.submit,
.lead-form-wrap button[type="submit"],
form.js-lead-form button[type="submit"],
.lead-form-wrap .btn-submit,
form.js-lead-form .btn-submit {
  background: linear-gradient(135deg, #00DCFF, #06b6d4) !important;
  color: #050505 !important;
  border: 0 !important;
  border-radius: 10px !important;
  padding: 0.95rem 1.5rem;
  font-weight: 800;
  cursor: pointer;
  transition: opacity 0.2s ease, box-shadow 0.2s ease;
  width: 100%;
  font-size: 1rem;
  height: 54px;
  margin-top: 0.35rem;
}

.lead-form-wrap button.submit:hover,
form.js-lead-form button.submit:hover,
.apx-lead button.submit:hover {
  opacity: 0.92;
  box-shadow: 0 0 20px rgba(0, 220, 255, 0.3);
}

.apx-lead-consent,
.lead-form-wrap .consent,
form.js-lead-form .consent {
  color: #9ca3af !important;
  font-size: 0.78rem;
  line-height: 1.55;
  margin-top: 0.5rem;
  font-weight: 500 !important;
}

.apx-lead-consent a,
.lead-form-wrap .consent a,
form.js-lead-form .consent a {
  color: #00DCFF !important;
  font-weight: 700;
}

.lead-form-wrap .field-error,
form.js-lead-form .field-error {
  color: #f87171;
  font-size: 0.78rem;
  margin-top: 0.25rem;
}

.apx-lead-badges {
  display: none !important;
}

/* ITI dial code select on dark bg */
.iti__selected-flag,
.iti__country-container,
.iti__selected-country {
  background: transparent !important;
}

.iti__country-list {
  background: #0a0a0a !important;
  color: #f9fafb;
  border: 1px solid rgba(255, 255, 255, 0.15);
}

.iti__country:hover,
.iti__country.iti__highlight {
  background-color: rgba(0, 220, 255, 0.12) !important;
}