/* ─────────────────────────────────────────────────────────────
   funnlr.co.za/pricing — HYBRID THEME
   Dark nav + page header, white body, dark footer.
   Matches home-hybrid.css and shop-hybrid.css.

   TO REVERT: delete the <link> to this file in pricing/index.html.

   PART 1 turns the page light.
   PART 2 puts the dark back on the nav, header and footer.

   The lime rule: #c8f04a on white is ~1.5:1 contrast, unreadable.
   --lime is redefined to a darker lime, which fixes every place lime
   is used as TEXT in one go. Fills get the bright one back by hand.
   ───────────────────────────────────────────────────────────── */

/* ══ PART 1 — light ══════════════════════════════════════════ */
:root{
  --black:#ffffff;
  --surface:#ffffff;         /* cards */
  --surface2:#f4f5ee;        /* tinted chips / inputs */
  --surface3:#f0f1e9;
  --border:rgba(12,14,6,.11);
  --border-lime:rgba(122,158,20,.38);
  --text:#101208;
  --muted:#6a6d5f;
  --sub:#4a4c40;

  --lime:#5c7a06;            /* the readable text lime */
  --lime-dim:#4d6605;
  --lime-fill:#c8f04a;       /* the brand lime, fills only */
}
body{background:#ffffff}

/* the full-screen grain overlay is dark noise at 10% — fine on black,
   grey speckle on white */
body::after{opacity:.04}

/* lime as a FILL — unchanged from the dark design */
.plan-badge,.hero-kicker span{background:var(--lime-fill);color:#000}
[style*="background:var(--lime)"]{background:var(--lime-fill)!important}

/* the lime gradient buttons end dark (#9cc523); that read fine on black but
   loses contrast against black label text on a white page */
.btn-p{background:linear-gradient(135deg,#f2ff7a,#c8f04a 62%,#bce23f)}
.nav-cta{background:linear-gradient(135deg,#f2ff7a,var(--lime-fill) 52%,#9cc523)}

/* cards need a light-ground shadow rather than a dark canvas */
.partner-card,.plan-card,.addon-tile,.faq details{box-shadow:0 2px 10px rgba(20,24,10,.05)}
.partner-card.featured{
  background:linear-gradient(180deg,rgba(200,240,74,.13),rgba(200,240,74,.05));
  box-shadow:0 16px 44px rgba(150,190,40,.16)
}
.plan-card.featured{background:rgba(200,240,74,.09)}
.btn-p{box-shadow:0 12px 30px rgba(150,190,40,.30)}

/* the error box was light-pink text on a near-transparent red — invisible
   once the card behind it turned white */
.co-err{background:#fdecec;border-color:#f0b4b4;color:#a32020}

/* checkout modal keeps its dark scrim, but the sheet itself is light now */
.co-inner{background:#ffffff;box-shadow:0 -10px 60px rgba(20,24,10,.18)}
.co-field input{background:#ffffff}
.co-addon{background:#ffffff}

/* ══ PART 2 — the zones that stay dark ═══════════════════════ */
.site-nav,.page-head,.site-footer{
  --surface:#0b0b0d;--surface2:#111114;--surface3:#1a1a1e;
  --border:#ffffff12;--border-lime:#c8f04a30;
  --text:#f8f8f2;--muted:#888780;--sub:#b8b7ad;
  --lime:#c8f04a;            /* bright lime is readable again on black */
  color:var(--text)
}
.site-nav{background:rgba(5,5,7,.92)}

/* .page-head and .site-footer sit inside .wrap (max-width:1100px + margin
   auto), so a plain background would leave white gutters. Bleed them to the
   screen edges. The footer also bleeds downward past body's padding-bottom. */
.page-head{
  background:#050507;
  box-shadow:0 0 0 100vmax #050507;
  clip-path:inset(0 -100vmax);
  padding:60px 20px 40px;
  margin:0 -20px
}
.site-footer{
  background:#050507;border-top-color:#ffffff12;margin-top:0;padding:56px 20px 40px;
  box-shadow:0 0 0 100vmax #050507;
  clip-path:inset(0 -100vmax -100vmax -100vmax)
}

/* the floating bubble sits bottom-right over the footer's last line on a
   phone — give the footer room to clear it */
@media(max-width:640px){.site-footer{padding-bottom:104px}}

/* the floating chat bubble added with the bottom bar removal */
#chatToggle{
  position:fixed;bottom:24px;right:24px;z-index:300;
  width:58px;height:58px;border-radius:50%;
  background:#050507;color:#c8f04a;border:.5px solid #c8f04a30;
  display:flex;align-items:center;justify-content:center;
  font-size:24px;text-decoration:none;cursor:pointer;
  box-shadow:0 12px 32px rgba(20,24,10,.28)
}