/**
 * Afripay Sales Funnel — JVZoo Launch Teal theme (Option B)
 * Loaded after warriorplus-*.css on .al-funnel-jvzoo pages only.
 */
.al-funnel-jvzoo {
  --wp-bg: #050b14;
  --wp-bg-soft: #0c1628;
  --wp-sidebar: #0a1220;
  --wp-yellow: #fbbf24;
  --wp-yellow-hover: #fcd34d;
  --wp-orange: #f59e0b;
  --wp-purple: #14b8a6;
  --wp-purple-deep: #0f766e;
  --wp-purple-border: rgba(20, 184, 166, 0.45);
  --wp-pink: #06b6d4;
  --jv-teal: #14b8a6;
  --jv-teal-light: #5eead4;
  --jv-teal-deep: #0f766e;
  --jv-teal-muted: #ccfbf1;
  --jv-cyan: #06b6d4;
  --jv-cyan-glow: rgba(6, 182, 212, 0.28);
  --jv-teal-glow: rgba(20, 184, 166, 0.35);
  --jv-teal-border: rgba(20, 184, 166, 0.28);
  --jv-teal-border-strong: rgba(20, 184, 166, 0.45);
  --jv-cta: #fbbf24;
  --jv-cta-hover: #fcd34d;
  --jv-success: #22c55e;
}

/* ── Base page tint ── */
.al-funnel-jvzoo.wp-home {
  background: var(--wp-bg);
}

.al-funnel-jvzoo.wp-home .wp-hero {
  background:
    radial-gradient(ellipse 90% 70% at 15% 0%, rgba(20, 184, 166, 0.18), transparent 55%),
    radial-gradient(ellipse 60% 50% at 85% 10%, rgba(6, 182, 212, 0.14), transparent 50%),
    var(--wp-bg);
}

.al-funnel-jvzoo.wp-home .wp-hero__glow::before {
  background: rgba(20, 184, 166, 0.28);
}

.al-funnel-jvzoo.wp-home .wp-hero__glow::after {
  background: rgba(6, 182, 212, 0.22);
}

.al-funnel-jvzoo .wp-brand__mark {
  background: linear-gradient(135deg, #0f766e 0%, #14b8a6 100%);
  box-shadow: 0 8px 20px var(--jv-teal-glow);
}

.al-funnel-jvzoo .wp-brand__accent {
  color: var(--jv-teal-light);
}

.al-funnel-jvzoo .wp-badge-wp {
  border-color: var(--jv-teal-border-strong);
  background: rgba(20, 184, 166, 0.1);
  color: var(--jv-teal-muted);
}

.al-funnel-jvzoo .wp-badge-wp__icon {
  background: linear-gradient(135deg, #0d9488 0%, #0f766e 100%);
}

.al-funnel-jvzoo .wp-pill {
  background: rgba(20, 184, 166, 0.14);
  border-color: rgba(94, 234, 212, 0.35);
  color: #ecfeff;
}

.al-funnel-jvzoo .wp-h1 em {
  color: var(--jv-teal-light);
}

.al-funnel-jvzoo .wp-btn--yellow {
  background: linear-gradient(180deg, var(--jv-cta-hover) 0%, var(--jv-cta) 100%);
  box-shadow: 0 8px 24px rgba(251, 191, 36, 0.38);
  color: #111827;
}

.al-funnel-jvzoo .wp-btn--yellow:hover {
  background: linear-gradient(180deg, #fde68a 0%, var(--jv-cta-hover) 100%);
  box-shadow: 0 10px 28px rgba(251, 191, 36, 0.48);
}

.al-funnel-jvzoo .wp-visual__glow {
  background:
    radial-gradient(ellipse 70% 55% at 55% 45%, rgba(20, 184, 166, 0.22), transparent 68%),
    radial-gradient(ellipse 40% 35% at 80% 20%, rgba(6, 182, 212, 0.14), transparent 70%);
}

.al-funnel-jvzoo .wp-frame {
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.12),
    0 28px 80px rgba(15, 118, 110, 0.32),
    0 12px 32px rgba(0, 0, 0, 0.28);
}

.al-funnel-jvzoo .wp-float-top {
  background: linear-gradient(135deg, #14b8a6, #0d9488);
  box-shadow: 0 14px 36px var(--jv-teal-glow);
}

.al-funnel-jvzoo .wp-guarantee__seal-ring {
  background: conic-gradient(
    from 0deg,
    #ccfbf1 0%,
    var(--jv-teal) 38%,
    #0d9488 72%,
    var(--jv-teal-deep) 100%
  );
}

/* ── Features grid (light band) ── */
.al-funnel-jvzoo .wp-band#features {
  background: #f0fdfa !important;
}

.al-funnel-jvzoo .wp-feature {
  background: #fff;
  border-color: rgba(20, 184, 166, 0.18);
}

.al-funnel-jvzoo .wp-feature:hover {
  border-color: rgba(20, 184, 166, 0.32);
  box-shadow: 0 8px 24px rgba(20, 184, 166, 0.14);
}

.al-funnel-jvzoo .wp-feature__icon {
  background: linear-gradient(135deg, #14b8a6 0%, #0d9488 100%);
  border: none;
  color: #fff;
  box-shadow: 0 6px 16px rgba(20, 184, 166, 0.3);
}

.al-funnel-jvzoo .wp-feature__icon svg {
  stroke: #fff;
}

.al-funnel-jvzoo .wp-feature--new .wp-feature__icon {
  background: linear-gradient(135deg, #0f766e 0%, #14b8a6 100%);
}

.al-funnel-jvzoo .wp-feature--new .wp-feature__badge {
  background: var(--jv-cta);
  color: #111827;
}

.al-funnel-jvzoo .wp-feature__badge {
  background: linear-gradient(135deg, #0d9488, #0f766e);
}

.al-funnel-jvzoo .wp-feature--payment .wp-feature__icon {
  background: linear-gradient(135deg, #0891b2 0%, #0e7490 100%);
  box-shadow: 0 6px 16px rgba(6, 182, 212, 0.28);
}

.al-funnel-jvzoo .wp-pricing-card--featured {
  border-color: var(--jv-teal-border-strong);
  box-shadow: 0 0 0 1px rgba(20, 184, 166, 0.2), 0 24px 48px rgba(15, 118, 110, 0.22);
}

.al-funnel-jvzoo .wp-pricing-card--featured::before {
  background: linear-gradient(90deg, transparent, rgba(20, 184, 166, 0.55) 50%, transparent);
}

.al-funnel-jvzoo .wp-pricing-card__badge {
  background: linear-gradient(135deg, #0d9488, #0f766e);
}

.al-funnel-jvzoo .wp-testimonial-card {
  border-color: var(--jv-teal-border);
}

.al-funnel-jvzoo .wp-testimonial-card__stars {
  color: var(--jv-cta);
}

.al-funnel-jvzoo .wp-dashboard-feature__title em {
  color: var(--jv-teal-light);
}

.al-funnel-jvzoo .wp-step__num {
  background: linear-gradient(135deg, #0d9488, #0f766e);
  box-shadow: 0 6px 16px var(--jv-teal-glow);
}

.al-funnel-jvzoo .wp-steps-connector {
  background: linear-gradient(90deg, transparent, rgba(20, 184, 166, 0.45) 50%, transparent);
}

/* ── Pro pricing block ── */
.al-funnel-jvzoo .wp-pro-pricing {
  background: #050b14;
}

.al-funnel-jvzoo .wp-pro-pricing__glow--tl {
  background: rgba(20, 184, 166, 0.1);
}

.al-funnel-jvzoo .wp-pro-pricing__glow--br {
  background: rgba(6, 182, 212, 0.08);
}

.al-funnel-jvzoo .wp-pro-pricing__accent {
  color: var(--jv-teal-light);
}

.al-funnel-jvzoo .wp-pro-card__badge {
  background: rgba(34, 197, 94, 0.1);
  border-color: rgba(34, 197, 94, 0.18);
  color: #86efac;
}

.al-funnel-jvzoo .wp-pro-icon--check,
.al-funnel-jvzoo .wp-pro-icon--trust {
  color: var(--jv-success);
}

.al-funnel-jvzoo .wp-pro-bonuses {
  background: rgba(251, 191, 36, 0.08);
  border-color: rgba(251, 191, 36, 0.15);
}

.al-funnel-jvzoo .wp-pro-bonuses__head {
  color: #fde68a;
}

.al-funnel-jvzoo .wp-pro-bonuses__val {
  color: var(--jv-success);
}

.al-funnel-jvzoo .wp-pro-card__right {
  background: linear-gradient(160deg, #0f766e 0%, #050b14 100%);
}

.al-funnel-jvzoo .wp-pro-offer__price {
  color: var(--jv-cta);
}

.al-funnel-jvzoo .wp-pro-offer__term {
  color: var(--jv-success);
}

.al-funnel-jvzoo .wp-pro-cta--primary {
  background: var(--jv-cta);
  box-shadow: 0 4px 16px rgba(251, 191, 36, 0.25);
}

.al-funnel-jvzoo .wp-pro-cta--primary:hover {
  background: var(--jv-cta-hover);
}

.al-funnel-jvzoo .wp-pro-guarantee {
  background: rgba(34, 197, 94, 0.08);
  border-color: rgba(34, 197, 94, 0.15);
}

.al-funnel-jvzoo .wp-pro-guarantee__title {
  color: #86efac;
}

/* ── OTO / bundle shared accents ── */
.al-funnel-jvzoo [class*="__brand-title"] span {
  color: var(--jv-teal-light);
}

.al-funnel-jvzoo [class*="__hero-accent"],
.al-funnel-jvzoo [class*="__price"],
.al-funnel-jvzoo [class*="__stack-total"] span:last-child,
.al-funnel-jvzoo [class*="__value"] {
  color: var(--jv-teal-light);
}

.al-funnel-jvzoo [class*="__check"] {
  color: var(--jv-success);
}

.al-funnel-jvzoo [class*="__badge"]:not(.wp-feature__badge):not(.wp-pricing-card__badge):not(.wp-pro-card__badge) {
  border-color: var(--jv-teal-border-strong);
  background: rgba(20, 184, 166, 0.12);
  color: var(--jv-teal-muted);
}

.al-funnel-jvzoo [class*="__card"],
.al-funnel-jvzoo [class*="__box"],
.al-funnel-jvzoo [class*="__feature"],
.al-funnel-jvzoo [class*="__stack-item"],
.al-funnel-jvzoo [class*="__testimonial"],
.al-funnel-jvzoo [class*="__guarantee"],
.al-funnel-jvzoo [class*="__module"],
.al-funnel-jvzoo [class*="__bonus"],
.al-funnel-jvzoo [class*="__panel"],
.al-funnel-jvzoo [class*="__mock"],
.al-funnel-jvzoo [class*="__quote"],
.al-funnel-jvzoo [class*="__item"],
.al-funnel-jvzoo [class*="__table"] {
  border-color: var(--jv-teal-border);
}

.al-funnel-jvzoo [class*="__divider"],
.al-funnel-jvzoo hr[class*="__"] {
  border-color: var(--jv-teal-border);
  background: linear-gradient(
    90deg,
    transparent,
    rgba(20, 184, 166, 0.5) 20%,
    rgba(94, 234, 212, 0.4) 50%,
    rgba(20, 184, 166, 0.5) 80%,
    transparent
  );
}

.al-funnel-jvzoo [class*="__cta-primary"],
.al-funnel-jvzoo .wp-ty__cta-primary {
  background: linear-gradient(180deg, var(--jv-cta-hover) 0%, var(--jv-cta) 100%);
  box-shadow: 0 8px 24px rgba(251, 191, 36, 0.35);
  color: #111827;
}

.al-funnel-jvzoo [class*="__cta-primary"]:hover,
.al-funnel-jvzoo .wp-ty__cta-primary:hover {
  background: linear-gradient(180deg, #fde68a 0%, var(--jv-cta-hover) 100%);
}

.al-funnel-jvzoo .wp-oto4__brand-title span,
.al-funnel-jvzoo .wp-oto4__hero-accent {
  color: var(--jv-teal-light);
}

.al-funnel-jvzoo .wp-oto5__cta-inner,
.al-funnel-jvzoo .wp-bundle__module-num,
.al-funnel-jvzoo .wp-oto2-mock__hero {
  background: linear-gradient(135deg, #0d9488, #0f766e);
}

.al-funnel-jvzoo .wp-oto2-mock {
  --mock-accent: #14b8a6;
}

.al-funnel-jvzoo .wp-bundle__progress-fill {
  background: linear-gradient(90deg, #0d9488, var(--jv-teal-light));
}

/* ── SaaS footer ── */
.al-funnel-jvzoo .af-saas-footer__glow--tl {
  background: rgba(20, 184, 166, 0.12);
}

.al-funnel-jvzoo .af-saas-footer__glow--br {
  background: rgba(6, 182, 212, 0.08);
}

.al-funnel-jvzoo .af-saas-footer__cta-glow--a {
  background: rgba(20, 184, 166, 0.35);
}

.al-funnel-jvzoo .af-saas-footer__cta-glow--b {
  background: rgba(6, 182, 212, 0.22);
}

.al-funnel-jvzoo .af-saas-footer__cta-title span {
  background: linear-gradient(90deg, #5eead4 0%, #14b8a6 45%, #fbbf24 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.al-funnel-jvzoo .af-saas-footer__cta-panel-chart span {
  background: linear-gradient(180deg, #14b8a6 0%, #06b6d4 100%);
}

.al-funnel-jvzoo .af-saas-footer__logo span {
  color: var(--jv-teal-light);
}

.al-funnel-jvzoo .af-saas-footer__cta-btn--primary {
  background: linear-gradient(135deg, var(--jv-cta) 0%, var(--jv-cta-hover) 100%);
  color: #111827;
  box-shadow: 0 8px 24px rgba(251, 191, 36, 0.28);
}

.al-funnel-jvzoo .af-saas-footer__cta-btn--primary:hover {
  box-shadow: 0 12px 28px rgba(251, 191, 36, 0.38);
}