/* ============================================================
   BoostYourCampaign - MOBILE light theme (Direction D "Trusted Studio")
   Opt-in: add class "light" to root <div class="bycm light">.
   Loads AFTER byc-mobile.css. Scoped to .bycm.light so it beats each
   page's inline <style>. Keeps dark sections (final CTA, video, team
   overlays, navy cards) dark. No HTML/text changes.
   ============================================================ */

.bycm.light {
  --bg: #FAF6EF;
  --bg-2: #F2EBDA;
  --panel: #FFFFFF;
  --navy: #0A1428;
  --navy-2: #142037;
  --navy-3: #1F2D45;
  --slate: #2D3B54;
  --muted: #5C6678;
  --dim: #8B95A8;
  --line: rgba(10,20,40,0.10);
  --line-strong: rgba(10,20,40,0.18);
  --on-dark: #FFFFFF;
  --on-dark-2: rgba(255,255,255,0.78);
  --orange-soft: #FFE6D5;
  --success: #1B8050;
  color: #0A1428;
}
.bycm.light .m-shell { background: var(--bg); }

/* Headings/body inherit navy */
.bycm.light h1, .bycm.light h2, .bycm.light h3, .bycm.light h4, .bycm.light h5 { color: #0A1428; }

/* --- Top bar (light) --- */
.bycm.light .m-top { background: rgba(250,246,239,0.92); }
.bycm.light .m-logo { color: var(--navy); }
.bycm.light .m-burger { color: var(--navy); }

/* --- Drawer (light) --- */
.bycm.light .m-drawer { background: var(--bg); }
.bycm.light .m-drawer nav a { color: var(--navy); }

/* --- Sticky bottom bar (light) --- */
.bycm.light .m-bottom { background: rgba(250,246,239,0.96); }
.bycm.light .m-bottom .alt { color: var(--navy); }

/* --- Buttons --- */
.bycm.light .m-ghost { color: var(--navy); }
/* ...but the ghost button inside the dark final CTA must stay white */
.bycm.light .m-final .m-ghost { color: #fff; }

/* --- Accordion --- */
.bycm.light .m-acc-q { color: var(--navy); }

/* --- Trust row --- */
.bycm.light .m-trust .tx strong { color: var(--navy); }

/* --- Guarantee (light peach surface) --- */
.bycm.light .m-guarantee .tx strong { color: var(--navy); }

/* --- Footer --- */
.bycm.light .m-footer .logo { color: var(--navy); }

/* --- Final CTA (stays dark navy) - heading needs white --- */
.bycm.light .m-final h2 { color: #fff; }

/* ============================================================
   Common page classes (shared across m-pages, scoped to win
   over each page's inline <style>). Light-surface whites -> navy.
   ============================================================ */
.bycm.light .m-sig b { color: var(--navy); }
.bycm.light .m-rev p { color: var(--navy); }
.bycm.light .m-side .t { color: var(--navy); }
.bycm.light .m-val h4 { color: var(--navy); }
.bycm.light .m-testi .nm { color: var(--navy); }
.bycm.light .m-rev .nm { color: var(--navy); }
.bycm.light .m-loc { color: var(--navy); }
.bycm.light .m-chip { color: var(--navy); }
.bycm.light .m-leader .cap { color: var(--navy); }
/* MVP: bold inside feature rows is navy on light surfaces... */
.bycm.light .m-feat b { color: var(--navy); }
/* ...but the whole featured (navy) pricing card flips to white text */
.bycm.light .m-plan.feat,
.bycm.light .m-plan.feat .pn,
.bycm.light .m-plan.feat .pr,
.bycm.light .m-plan.feat .pt,
.bycm.light .m-plan.feat .m-feat,
.bycm.light .m-plan.feat .m-feat b { color: #fff; }
.bycm.light .m-plan.feat .pr span { color: rgba(255,255,255,0.72); }
.bycm.light .m-news input { color: var(--navy); }
.bycm.light .m-do .row { color: var(--navy); }

/* Dark sections inside pages - keep text light.
   NOTE: the blanket `h1..h5 -> navy` rule above WOULD turn these dark-surface
   headings invisible, so each dark component must restore white explicitly. */
.bycm.light .m-arc.after { --slate: rgba(255,255,255,0.82); --muted: rgba(255,255,255,0.60); color: #fff; }
.bycm.light .m-arc.after h4 { color: #fff; }
.bycm.light .m-svc h4 { color: #fff; }
/* Image-overlay & navy cards: restore white headings + give a navy fallback
   so text stays legible even if the photo fails to load. */
.bycm.light .m-team { background: var(--navy); }
.bycm.light .m-team h4, .bycm.light .m-team p { color: #fff; }
.bycm.light .m-vid { background: var(--navy); }
.bycm.light .m-cert { background: var(--navy); }
.bycm.light .m-cert h5 { color: #fff; }
.bycm.light .m-book { background: var(--navy); }
.bycm.light .m-book h2, .bycm.light .m-book h3, .bycm.light .m-book h4, .bycm.light .m-book h5, .bycm.light .m-book p { color: #fff; }
/* Section category label sits on a light surface */
.bycm.light .m-cat { color: var(--navy); }

/* Catch-all: any inline-styled navy card keeps white text */
.bycm.light .m-card[style*="--navy"] { color: #fff; }
.bycm.light .m-card[style*="--navy"] h4,
.bycm.light .m-card[style*="--navy"] p { color: #fff; }

/* --- Shared form chrome (.byc-field) used on m-Contact --- */
.bycm.light .byc-field label { color: var(--navy); font-weight: 700; }
.bycm.light .byc-field input,
.bycm.light .byc-field select,
.bycm.light .byc-field textarea {
  color: var(--navy); background: #FBF8F2;
  border: 1.5px solid rgba(10,20,40,0.28);
}
.bycm.light .byc-field input::placeholder,
.bycm.light .byc-field textarea::placeholder { color: var(--dim); }
.bycm.light .byc-field input:focus,
.bycm.light .byc-field select:focus,
.bycm.light .byc-field textarea:focus { border-color: var(--orange); box-shadow: 0 0 0 3px var(--orange-soft); }
.bycm.light .byc-formcard { background: #fff; border: 1px solid rgba(10,20,40,0.10); box-shadow: 0 24px 60px rgba(10,20,40,0.12); }

/* m-Reviews featured quote sits on a light panel -> navy text */
.bycm.light .m-rvq p { color: var(--navy); }