/* WLF Final Readability + Button + More Tray Polish
   Purpose: keep existing functionality, fix button readability, soften dark gradients,
   and make the More tray clean white/blue with dark text.
*/
:root{
  --wlf-bg:#f6f9ff;
  --wlf-surface:#ffffff;
  --wlf-soft:#eef5ff;
  --wlf-soft-2:#e6f0ff;
  --wlf-primary:#2f6feb;
  --wlf-primary-dark:#1e55c7;
  --wlf-heading:#071b4a;
  --wlf-text:#111827;
  --wlf-muted:#52637c;
  --wlf-muted-2:#63738a;
  --wlf-border:#bfd6ff;
  --wlf-shadow:0 18px 44px rgba(15,23,42,.08);
  --wh:#071b4a!important;
  --mt:#52637c!important;
  --mt2:#63738a!important;
  --or:#2f6feb!important;
  --s1:#ffffff!important;
  --s2:#f3f8ff!important;
  --bd:#c7dcff!important;
  --bd2:#b9d4ff!important;
}

html,body{
  background:var(--wlf-bg)!important;
  color:var(--wlf-text)!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
}

body *{
  text-shadow:none!important;
}

.shell,.main,.page,.page.active{
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
  color:var(--wlf-text)!important;
}

.page-title,
.page-title *,
h1,h2,h3,
.section-title,
.more-section-title,
.bpf-card-title,
.bpf-store-title,
.bpf-age-t,
.bpf-snack-t,
.bpf-today-actions-title,
.quick-path-t,
.prog-card-title,
.email-t,
.lead-title{
  color:var(--wlf-heading)!important;
  -webkit-text-fill-color:var(--wlf-heading)!important;
}

.hl,
.page-title .hl,
.bpf-store-title span,
.bpf-ai-title span,
em[style*="var(--or)"]{
  color:var(--wlf-primary)!important;
  -webkit-text-fill-color:var(--wlf-primary)!important;
}

p,
small,
.copy,
.desc,
.description,
.muted,
.sub,
.bpf-card-copy,
.bpf-store-copy,
.bpf-age-d,
.bpf-snack-d,
.bpf-today-actions-sub,
.quick-path-d,
.prog-card-desc,
.more-section .card,
.more-section .card div,
.prog-feat,
.email-d,
.email-perk,
.lead-sub,
.ask-status,
.bpf-life-pillars span{
  color:var(--wlf-muted)!important;
  -webkit-text-fill-color:var(--wlf-muted)!important;
}

/* Soften the gray/dark gradient cards without changing their placement or behavior */
.bpf-today-actions,
.bpf-today-card,
.bpf-featured-age-card,
.bpf-exercise-snacks-card,
.bpf-longevity-bursts-card,
.bpf-store-launch,
.bpf-home-access-offer,
.bpf-advanced-ai-card,
.bpf-bridge-card,
.bpf-formcheck-card,
.bpf-auto-bar,
.quick-path,
.prog-card,
.email-sect,
.proof-ribbon,
.yt-section,
.more-section .card,
.recovery-hero,
.recovery-card,
.recovery-routine,
.breath-option,
.mindset-quote,
.bpf-direct-step,
.bpf-player-builder-card,
.bpf-today-workout-builder,
.bpf-auto-stage,
.bpf-life-pillars a,
.calc-card,
.metric-card,
.meal-card,
.food-card,
.card.card-pad{
  background:linear-gradient(135deg,#ffffff 0%,#f2f7ff 100%)!important;
  border:1px solid var(--wlf-border)!important;
  color:var(--wlf-text)!important;
  box-shadow:var(--wlf-shadow)!important;
}

/* Daily action cards specifically: current build had pale blue boxes with white text */
.bpf-today-action,
.today-focus-item,
.bpf-recovery-sequence button,
.bpf-pick,
.bpf-meal-chip,
.snapshot-chip,
.score-line{
  background:#eaf2ff!important;
  border:1px solid #93b8ff!important;
  color:var(--wlf-heading)!important;
  box-shadow:0 10px 24px rgba(37,99,235,.08)!important;
}

.bpf-today-action strong,
.bpf-today-action span,
.today-focus-item strong,
.today-focus-item span,
.bpf-recovery-sequence button span,
.bpf-pick strong,
.bpf-pick span,
.bpf-meal-chip strong,
.bpf-meal-chip span{
  color:var(--wlf-heading)!important;
  -webkit-text-fill-color:var(--wlf-heading)!important;
}

.bpf-today-action span,
.today-focus-item span,
.bpf-recovery-sequence button span{
  color:#334155!important;
  -webkit-text-fill-color:#334155!important;
}

.bpf-today-num,
.recovery-step b,
.bpf-recovery-sequence b,
.score-ring span,
.bpf-auto-dot span{
  background:var(--wlf-primary)!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
}

/* Buttons: less compressed, easier to read, consistent buyer-ready style */
button,
a.cb-pri,
a.cb-sec,
.cb-pri,
.cb-sec,
.btn-or,
.btn-ghost,
.prog-cta,
.bpf-today-btn,
.bpf-store-btn,
.bpf-snack-btn,
.bpf-age-btn,
.ask-btn,
.lead-btn,
.email-sub,
.save-btn,
.recovery-chip,
.recovery-demo-btn,
.wlf-more-tool-card,
.wlf-more-tool-card *{
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
  letter-spacing:0!important;
  text-transform:none!important;
  font-weight:750!important;
  line-height:1.15!important;
}

/* Primary/action buttons */
.cb-pri,
.btn-or,
.prog-cta,
.bpf-today-btn.primary,
.bpf-store-btn.primary,
.bpf-snack-btn,
.bpf-age-btn:not(.secondary),
.ask-btn,
.lead-btn,
.email-sub,
.save-btn,
.recovery-chip.primary,
.bpf-auto-complete,
.bpf-auto-bar button{
  background:linear-gradient(135deg,var(--wlf-primary),var(--wlf-primary-dark))!important;
  border:1px solid rgba(37,99,235,.55)!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  box-shadow:0 12px 26px rgba(37,99,235,.20)!important;
}

/* Secondary/ghost buttons */
.cb-sec,
.btn-ghost,
.bpf-today-btn.ghost,
.bpf-store-btn.secondary,
.bpf-age-btn.secondary,
.recovery-demo-btn,
button.secondary,
a.secondary{
  background:#eef5ff!important;
  border:1px solid #9fc1ff!important;
  color:var(--wlf-heading)!important;
  -webkit-text-fill-color:var(--wlf-heading)!important;
  box-shadow:none!important;
}

/* Make sure button children do not inherit washed-out text */
.cb-pri *,
.btn-or *,
.prog-cta *,
.bpf-today-btn.primary *,
.bpf-store-btn.primary *,
.bpf-snack-btn *,
.bpf-age-btn:not(.secondary) *,
.ask-btn *,
.lead-btn *,
.email-sub *,
.save-btn *{
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
}

.cb-sec *,
.btn-ghost *,
.bpf-today-btn.ghost *,
.bpf-store-btn.secondary *,
.bpf-age-btn.secondary *,
.recovery-demo-btn *{
  color:var(--wlf-heading)!important;
  -webkit-text-fill-color:var(--wlf-heading)!important;
}

/* Inputs / Ask box */
textarea,
input,
select,
.form-input,
.email-in,
.lead-input{
  background:#ffffff!important;
  color:var(--wlf-text)!important;
  -webkit-text-fill-color:var(--wlf-text)!important;
  border:1px solid var(--wlf-border)!important;
}

textarea::placeholder,
input::placeholder{
  color:#7f8fa8!important;
  -webkit-text-fill-color:#7f8fa8!important;
}

.ask-box,
.ask-box textarea,
.ask-foot{
  background:#ffffff!important;
  color:var(--wlf-text)!important;
  border-color:var(--wlf-border)!important;
}

/* Optional video/article cards that were nearly invisible */
#page-ask a,
#page-ask button,
#page-ask .bpf-home-access-offer,
#page-ask .bpf-home-access-offer *,
#page-ask .bpf-exercise-snacks-card,
#page-ask .bpf-exercise-snacks-card *,
#page-ask .bpf-featured-age-card,
#page-ask .bpf-featured-age-card *{
  text-shadow:none!important;
}

/* More tray quick shortcut section */
.wlf-more-tools{
  background:linear-gradient(135deg,#ffffff 0%,#eef5ff 100%)!important;
  border:1px solid var(--wlf-border)!important;
  border-radius:22px!important;
  padding:18px!important;
  margin:0 0 20px!important;
  box-shadow:var(--wlf-shadow)!important;
}

.wlf-more-kicker{
  font-family:"Barlow Condensed",Impact,"Arial Narrow Bold",sans-serif!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  color:var(--wlf-primary)!important;
  -webkit-text-fill-color:var(--wlf-primary)!important;
  font-size:12px!important;
  margin-bottom:6px!important;
}

.wlf-more-tools h2{
  margin:0!important;
  font-family:"Barlow Condensed",Impact,"Arial Narrow Bold",sans-serif!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  color:var(--wlf-heading)!important;
  -webkit-text-fill-color:var(--wlf-heading)!important;
  font-size:clamp(32px,7vw,48px)!important;
  line-height:.92!important;
}

.wlf-more-tools p{
  margin:10px 0 16px!important;
  color:var(--wlf-muted)!important;
  -webkit-text-fill-color:var(--wlf-muted)!important;
  line-height:1.55!important;
  font-size:14px!important;
}

.wlf-more-tool-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}

.wlf-more-tool-card{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  min-height:122px!important;
  padding:16px!important;
  border-radius:18px!important;
  background:#ffffff!important;
  border:1px solid #b9d4ff!important;
  text-decoration:none!important;
  color:var(--wlf-text)!important;
  box-shadow:0 10px 26px rgba(15,23,42,.06)!important;
  cursor:pointer!important;
}

.wlf-more-tool-card:hover{
  transform:translateY(-1px)!important;
  border-color:#2f6feb!important;
  box-shadow:0 14px 30px rgba(37,99,235,.13)!important;
}

.wlf-more-tool-icon{
  width:38px!important;
  height:38px!important;
  border-radius:13px!important;
  display:grid!important;
  place-items:center!important;
  background:#e6f0ff!important;
  color:var(--wlf-primary)!important;
  -webkit-text-fill-color:var(--wlf-primary)!important;
  font-size:19px!important;
  margin-bottom:10px!important;
}

.wlf-more-tool-title{
  font-family:"Barlow Condensed",Impact,"Arial Narrow Bold",sans-serif!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  color:var(--wlf-heading)!important;
  -webkit-text-fill-color:var(--wlf-heading)!important;
  font-size:22px!important;
  line-height:1!important;
  margin-bottom:6px!important;
}

.wlf-more-tool-copy{
  color:var(--wlf-muted)!important;
  -webkit-text-fill-color:var(--wlf-muted)!important;
  font-size:13px!important;
  line-height:1.45!important;
}

/* Bottom tray stays clean and clickable */
.bot-nav,
.bpf-global-bottom-nav,
.bottom-nav{
  background:rgba(255,255,255,.96)!important;
  border:1px solid #aac9ff!important;
  box-shadow:0 18px 48px rgba(15,23,42,.14)!important;
  color:var(--wlf-heading)!important;
}

.bnav-item,
.bnav-item *,
.bot-nav button,
.bottom-nav button{
  color:#475569!important;
  -webkit-text-fill-color:#475569!important;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
  letter-spacing:0!important;
  text-transform:none!important;
}

.bnav-item.active,
.bot-nav button.active,
.bottom-nav button.active{
  background:#e6f0ff!important;
  border:1px solid #2f6feb!important;
  color:var(--wlf-primary-dark)!important;
  -webkit-text-fill-color:var(--wlf-primary-dark)!important;
}

.bnav-item.active *,
.bot-nav button.active *,
.bottom-nav button.active *{
  color:var(--wlf-primary-dark)!important;
  -webkit-text-fill-color:var(--wlf-primary-dark)!important;
}

/* Remove lingering red/black override pages from visible UI */
[style*="196,30,58"],
[style*="#C41E3A"],
[style*="#e11d48"],
[style*="#E05050"]{
  border-color:var(--wlf-border)!important;
}

@media(max-width:680px){
  .wlf-more-tool-grid{grid-template-columns:1fr!important}
  .wlf-more-tools{padding:15px!important}
}