/* ============================================================
   APxAI — everything is FREE.
   The old community-paywall styles (blur, members-only modal,
   "$1" pill) have been removed. Nothing is ever blurred or gated.

   What remains: a single, flat, non-blocking news nudge that
   surfaces the free AI + finance news on cainews.co. Yeezy
   palette (apxai dark + purple/cyan), flat — no gradients,
   no blur, no shadows, no border-radius.
   Injected by /assets/paywall.js. No build step, no deps.
   ============================================================ */

:root {
  /* fall back gracefully if a page doesn't define these */
  --pw-surface: var(--surface, rgba(255, 255, 255, 0.04));
  --pw-border: var(--border, rgba(255, 255, 255, 0.14));
  --pw-text: var(--text, #ffffff);
  --pw-muted: var(--muted, rgba(255, 255, 255, 0.55));
  --pw-purple: var(--purple, #8b5cf6);
  --pw-cyan: var(--cyan, #06b6d4);
}

/* ── Safety net ──
   If any stale markup still carries the old blur class, neutralise
   it so no content can ever be unreadable. (The JS also strips it.) */
.paywall-blur,
.paywall-blur--light {
  filter: none !important;
  pointer-events: auto !important;
  user-select: auto !important;
  -webkit-user-select: auto !important;
}

/* ── the free news nudge — flat, bottom-corner, non-blocking ── */
.apxai-news-nudge {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 9998;
  width: 280px;
  max-width: calc(100vw - 40px);
  padding: 16px 18px 18px;
  background: #0b0b12;
  border: 1px solid var(--pw-border);
  color: var(--pw-text);
  font-family: 'Archivo', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

.apxai-news-nudge__close {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: transparent;
  color: var(--pw-muted);
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
  transition: color 0.15s ease;
}
.apxai-news-nudge__close:hover {
  color: var(--pw-text);
}
.apxai-news-nudge__close:focus-visible {
  outline: 1px solid var(--pw-cyan);
  outline-offset: 2px;
}

.apxai-news-nudge__eyebrow {
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--pw-cyan);
  margin-bottom: 8px;
}

.apxai-news-nudge__title {
  font-family: 'Anton', 'Archivo', sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.15;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  margin-bottom: 6px;
}

.apxai-news-nudge__desc {
  font-size: 13px;
  line-height: 1.4;
  color: var(--pw-muted);
  margin-bottom: 14px;
}

.apxai-news-nudge__cta {
  display: inline-block;
  padding: 9px 16px;
  background: var(--pw-purple);
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-decoration: none;
  border: 1px solid var(--pw-purple);
  transition: background 0.15s ease, border-color 0.15s ease;
}
.apxai-news-nudge__cta:hover {
  background: var(--pw-cyan);
  border-color: var(--pw-cyan);
}
.apxai-news-nudge__cta:focus-visible {
  outline: 1px solid var(--pw-cyan);
  outline-offset: 2px;
}

@media (max-width: 520px) {
  .apxai-news-nudge {
    right: 12px;
    bottom: 12px;
  }
}