/* BLA Membership — public-facing styles.
   Uses the Best Life Apps theme's CSS variables with sensible fallbacks
   so the plugin still renders reasonably if used with another theme. */

.bla-membership-form,
.bla-membership-account {
  max-width: 480px;
  margin: 0 auto;
  padding: 28px;
  background: var(--bg-card, rgba(10, 12, 28, 0.85));
  border: 1px solid var(--border-gold, rgba(201, 168, 76, 0.4));
  border-radius: var(--radius, 6px);
}

.bla-membership-form label,
.bla-membership-account label {
  display: block;
  margin-bottom: 14px;
  font-weight: 600;
}

.bla-membership-form input[type="text"],
.bla-membership-form input[type="email"],
.bla-membership-form input[type="password"] {
  display: block;
  width: 100%;
  margin-top: 6px;
  padding: 10px 14px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid var(--border-gold, rgba(201, 168, 76, 0.4));
  border-radius: var(--radius, 6px);
  color: inherit;
}

.bla-membership-error {
  color: #e06060;
  background: rgba(140, 30, 30, 0.15);
  border: 1px solid rgba(224, 96, 96, 0.4);
  border-radius: var(--radius, 6px);
  padding: 10px 14px;
  margin-bottom: 16px;
}

.bla-membership-notice {
  color: #6dba6d;
  background: rgba(30, 92, 30, 0.15);
  border: 1px solid rgba(109, 186, 109, 0.4);
  border-radius: var(--radius, 6px);
  padding: 10px 14px;
  margin-bottom: 16px;
}

.bla-membership-paywall {
  text-align: center;
  padding: 32px 24px;
  background: var(--bg-card, rgba(10, 12, 28, 0.85));
  border: 1px dashed var(--border-gold, rgba(201, 168, 76, 0.4));
  border-radius: var(--radius, 6px);
  margin: 24px 0;
}

.bla-membership-account form {
  margin-top: 16px;
}