/* Dark theme overrides for ActiveCampaign form */
._form {
  background: transparent;
  color: #fff;
  font-family: inherit;
}

._form-label {
  color: #ccc;
  font-weight: 600;
}

._form input[type="text"],
._form input[type="email"] {
  background-color: #222;
  border: 1px solid #444;
  color: #fff;
  padding: 10px;
  border-radius: 4px;
}

._form .btn.primary {
  background-color: #007bff;
  color: #fff;
  padding: 12px 20px;
  border-radius: 4px;
  cursor: pointer;
}

._form .btn.primary:hover {
  background-color: #0056b3;
}

/* Hide branding */
._form-branding {
  display: none !important;
}

/* Two-column layout for name fields */
/* Stack all fields vertically */
._form-content {
  display: flex;
  flex-direction: column; /* stack instead of row */
  gap: 16px;
}

._form_element {
  flex: 1 1 100%; /* force full width */
}

._form_element:nth-child(3) {
  flex: 1 1 100%; /* Email field full width */
}

/* Center submit button */
._button-wrapper {
  display: flex;
  justify-content: center;
}

/* Override AC input styles */
.signup input[type="text"],
.signup input[type="email"] {
  padding: 12px 14px !important;
  border-radius: 8px !important;
  border: 1px solid var(--accent) !important;
  width: 250px !important;
  background: var(--bg) !important;
  color: var(--text) !important;
  margin-right: 8px;
}

@media (max-width: 480px) {
  .signup input[type="text"],
  .signup input[type="email"] {
    width: 100% !important;
    margin-right: 0;
  }
}

/* Force AC signup button to use site button style */
.signup ._submit,
.signup .btn.primary {
  background: var(--primary) !important;
  color: #fff !important;
  border: 1px solid var(--accent) !important;
  border-radius: 10px !important; /* match your site buttons */
  padding: 12px 20px !important;
  box-shadow: 0 6px 18px rgba(0,0,0,0.25) !important;
  transition: transform .18s ease, box-shadow .18s ease !important;
}

.signup ._submit:hover,
.signup .btn.primary:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.35) !important;
}

/* Thank you message styling */
.signup ._form-thank-you {
  display: block !important; /* force it to show */
  color: #28a745 !important; /* green success */
  font-size: 16px !important;
  font-weight: 500 !important;
  margin-top: 12px !important;
  animation: fadeIn 0.5s ease-in;
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

/* Subtle inline error styling */
._error {
  background: none !important;      /* remove big red box */
  color: #ff6b6b !important;        /* softer red text */
  font-size: 0.85em !important;     /* smaller font size */
  margin-top: 4px !important;       /* slight spacing below input */
  padding: 0 !important;            /* no padding */
  border-radius: 0 !important;      /* no rounded box */
  box-shadow: none !important;      /* remove shadow */
}

._error-arrow {
  display: none !important;         /* hide tooltip arrow */
}

._has_error {
  border: 1px solid #ff6b6b !important;   /* red border highlight */
  background-color: rgba(255, 107, 107, 0.05) !important; /* faint red tint */
}