/* WLF AUTHORITATIVE UI FIX — single final override, loaded last.
   - Blue filled buttons/cards = white text.
   - Pale cards/chips = dark navy text.
   - No dark workout-builder gradients.
*/
:root{
  --wlf-blue:#2563db;
  --wlf-blue2:#2d67d8;
  --wlf-blueDark:#164da8;
  --wlf-navy:#061846;
  --wlf-text:#111827;
  --wlf-muted:#334155;
  --wlf-soft:#eef5ff;
  --wlf-soft2:#e7f0ff;
  --wlf-border:#9fc1ff;
}
body *{text-shadow:none!important;}
body{padding-bottom:calc(112px + env(safe-area-inset-bottom,0px))!important;}
h1,h2,h3,h4,h5,h6,strong{color:var(--wlf-navy)!important;-webkit-text-fill-color:var(--wlf-navy)!important;}
p,li,label,small,.muted,.desc,.copy,.meta,.sub{color:var(--wlf-muted)!important;-webkit-text-fill-color:var(--wlf-muted)!important;}

/* Filled blue buttons/CTAs use white font. */
button.primary,a.primary,.primary,.btn-primary,.cta-primary,.primary-btn,
.bpf-age-btn:not(.secondary),.bpf-snack-btn,.bpf-store-btn.primary,.bpf-today-btn.primary,
.bpf-action-btn:not(.bpf-action-btn-outline),.macro-calc-link,.btn-or,.prog-cta,.cb-pri,.ask-btn,
.btn-sm.primary,.btn-sm.workout,.recovery-chip.primary,
#page-macros button:not(.secondary):not(.ghost):not(.outline):not(.bpf-action-btn-outline),
#page-macros a.btn:not(.secondary):not(.ghost):not(.outline):not(.bpf-action-btn-outline),
#page-gen .bpf-age-btn:not(.secondary),#page-gen .bpf-snack-btn,
#page-recovery .tonight-flow-actions button:not(.secondary):not(.ghost):not(.outline),
#page-recovery .sleep-player-portal a,
header a[href*="coaching"],header button[class*="coaching"],.topbar a[href*="coaching"],.topbar .coaching,.topbar a.primary{
  background:linear-gradient(180deg,var(--wlf-blue2),var(--wlf-blueDark))!important;
  background-color:var(--wlf-blue)!important;
  border:1px solid var(--wlf-blueDark)!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;
  box-shadow:0 10px 22px rgba(37,99,219,.16)!important;
}
button.primary *,a.primary *,.primary *,.btn-primary *,.cta-primary *,.primary-btn *,
.bpf-age-btn:not(.secondary) *,.bpf-snack-btn *,.bpf-store-btn.primary *,.bpf-today-btn.primary *,
.bpf-action-btn:not(.bpf-action-btn-outline) *,.macro-calc-link *,.btn-or *,.prog-cta *,.cb-pri *,.ask-btn *,
.btn-sm.primary *,.btn-sm.workout *,.recovery-chip.primary *,
#page-macros button:not(.secondary):not(.ghost):not(.outline):not(.bpf-action-btn-outline) *,
#page-gen .bpf-age-btn:not(.secondary) *,#page-gen .bpf-snack-btn *,
#page-recovery .tonight-flow-actions button:not(.secondary):not(.ghost):not(.outline) *,
#page-recovery .sleep-player-portal a *,
header a[href*="coaching"] *,header button[class*="coaching"] *,.topbar a[href*="coaching"] *,.topbar .coaching *,.topbar a.primary *{
  color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important;
}

/* Recovery blue tool cards use white font. */
#page-recovery .recovery-card,
#page-recovery .recovery-step,
#page-recovery .breath-option,
#page-recovery .sleep-mode,
#page-recovery .tonight-flow-steps button,
#page-recovery .bpf-recovery-sequence button,
#page-recovery .sleep-time-grid button{
  background:linear-gradient(180deg,var(--wlf-blue2),var(--wlf-blueDark))!important;
  background-color:var(--wlf-blue)!important;
  border:1px solid var(--wlf-blueDark)!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;
}
#page-recovery .recovery-card *,
#page-recovery .recovery-step *,
#page-recovery .breath-option *,
#page-recovery .sleep-mode *,
#page-recovery .tonight-flow-steps button *,
#page-recovery .bpf-recovery-sequence button *,
#page-recovery .sleep-time-grid button *{
  color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important;
}

/* Pale / outline / chip controls use dark font. */
.secondary,.ghost,.outline,.btn-secondary,.btn-outline,
.bpf-action-btn-outline,.bpf-age-btn.secondary,.bpf-store-btn.secondary,.bpf-today-btn.ghost,
.topic-btn,.topic-chip,.quick-btn,.quick-question,.filter-btn,.filter-chip,.chip,.pill,.tag,.badge,
#page-ask .quick-questions button,#page-ask .quick-questions a,#page-ask .topics button,#page-ask .topics a,
#page-gen .bpf-chipbar button:not(.active),#page-gen .bpf-chipbar a:not(.active),
#page-gen .workout-card .tag,#page-gen .workout-card .badge{
  background:linear-gradient(180deg,var(--wlf-soft),var(--wlf-soft2))!important;
  border:1px solid var(--wlf-border)!important;
  color:var(--wlf-navy)!important;-webkit-text-fill-color:var(--wlf-navy)!important;
  box-shadow:none!important;
}
.secondary *,.ghost *,.outline *,.btn-secondary *,.btn-outline *,
.bpf-action-btn-outline *,.bpf-age-btn.secondary *,.bpf-store-btn.secondary *,.bpf-today-btn.ghost *,
.topic-btn *,.topic-chip *,.quick-btn *,.quick-question *,.filter-btn *,.filter-chip *,.chip *,.pill *,.tag *,.badge *,
#page-ask .quick-questions button *,#page-ask .quick-questions a *,#page-ask .topics button *,#page-ask .topics a *,
#page-gen .bpf-chipbar button:not(.active) *,#page-gen .bpf-chipbar a:not(.active) *{
  color:var(--wlf-navy)!important;-webkit-text-fill-color:var(--wlf-navy)!important;opacity:1!important;
}

/* Eat / Train / Prep / Recover light cards must be dark font. */
#page-ask .bpf-today-action,
#page-ask .today-focus-item,
.bpf-today-action{
  background:linear-gradient(180deg,var(--wlf-soft),var(--wlf-soft2))!important;
  border:1px solid var(--wlf-border)!important;
  color:var(--wlf-navy)!important;-webkit-text-fill-color:var(--wlf-navy)!important;
}
#page-ask .bpf-today-action *,
#page-ask .today-focus-item *,
.bpf-today-action *{
  color:var(--wlf-navy)!important;-webkit-text-fill-color:var(--wlf-navy)!important;opacity:1!important;
}
#page-ask .bpf-today-num,.bpf-today-num{
  background:var(--wlf-blue2)!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;
}
#page-ask .bpf-today-num *,.bpf-today-num *{color:#fff!important;-webkit-text-fill-color:#fff!important;}

/* Active chips: blue with white font. */
.topic-btn.active,.topic-chip.active,.quick-btn.active,.quick-question.active,.filter-btn.active,.filter-chip.active,
#page-gen .bpf-chipbar button.active,#page-gen .bpf-chipbar a.active,#page-gen [data-filter].active{
  background:linear-gradient(180deg,var(--wlf-blue2),var(--wlf-blueDark))!important;
  border-color:var(--wlf-blueDark)!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;
}
.topic-btn.active *,.topic-chip.active *,.quick-btn.active *,.quick-question.active *,.filter-btn.active *,.filter-chip.active *,
#page-gen .bpf-chipbar button.active *,#page-gen .bpf-chipbar a.active *,#page-gen [data-filter].active *{
  color:#fff!important;-webkit-text-fill-color:#fff!important;
}

/* Remove dark gradients from builder/card panels. */
.card,.panel,section.card,article.card,.bpf-today-actions,.bpf-home-access-offer,.bpf-store-launch,
.bpf-featured-age-card,.bpf-exercise-snacks-card,.bpf-longevity-bursts-card,.quick-path,.prog-card,
#page-gen .workout-card,#page-macros section,#page-recovery section,#page-more section,#page-ask #result-area,
.bpf-today-workout-builder-static,.bpf-today-workout-result-static{
  background:linear-gradient(135deg,#fff 0%,#f3f8ff 100%)!important;
  background-color:#fff!important;
  border:1px solid var(--wlf-border)!important;
  color:var(--wlf-text)!important;-webkit-text-fill-color:var(--wlf-text)!important;
  box-shadow:0 14px 32px rgba(15,23,42,.08)!important;
}
.bpf-today-workout-builder-static *,
.bpf-today-workout-result-static *{
  color:var(--wlf-text)!important;-webkit-text-fill-color:var(--wlf-text)!important;
}
.bpf-today-workout-builder-static h1,.bpf-today-workout-builder-static h2,.bpf-today-workout-builder-static h3,
.bpf-today-workout-result-static h1,.bpf-today-workout-result-static h2,.bpf-today-workout-result-static h3{
  color:var(--wlf-navy)!important;-webkit-text-fill-color:var(--wlf-navy)!important;
}
.bpf-today-workout-builder-static select,.bpf-today-workout-builder-static input{
  background:#fff!important;color:var(--wlf-text)!important;-webkit-text-fill-color:var(--wlf-text)!important;border:1px solid var(--wlf-border)!important;
}
.bpf-today-workout-actions-static .primary,.bpf-today-workout-actions-static .primary *{
  color:#fff!important;-webkit-text-fill-color:#fff!important;
}

/* Bottom nav stable. */
.bot-nav,.bottom-nav,.bpf-bottom-nav,.free-footer-nav,.tech-lab-footer-nav,.exercise-footer-nav,#bpf-global-bottom-nav{display:none!important;}
#wlf-bottom-nav{
  position:fixed!important;z-index:2147483640!important;left:50%!important;bottom:calc(14px + env(safe-area-inset-bottom,0px))!important;
  transform:translateX(-50%)!important;width:min(560px,calc(100vw - 28px))!important;min-height:58px!important;
  background:rgba(255,255,255,.98)!important;border:1px solid var(--wlf-border)!important;border-radius:22px!important;padding:6px!important;display:flex!important;gap:6px!important;
  box-shadow:0 18px 44px rgba(15,23,42,.14)!important;
}
#wlf-bottom-nav a{
  flex:1!important;text-decoration:none!important;background:transparent!important;color:var(--wlf-muted)!important;-webkit-text-fill-color:var(--wlf-muted)!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;border-radius:16px!important;border:1px solid transparent!important;
  font-weight:850!important;font-size:14px!important;line-height:1.05!important;box-shadow:none!important;
}
#wlf-bottom-nav a *{color:inherit!important;-webkit-text-fill-color:inherit!important;}
#wlf-bottom-nav a span{font-size:11px!important;font-weight:800!important;margin-top:2px!important;}
#wlf-bottom-nav a.active,#wlf-bottom-nav a[aria-current="page"]{
  background:var(--wlf-soft)!important;border-color:var(--wlf-blue)!important;color:var(--wlf-blueDark)!important;-webkit-text-fill-color:var(--wlf-blueDark)!important;
}

/* ======================================================================
   WLF 2026-06-19 — Recovery page readable panels + Free-guides fit
   ====================================================================== */

/* Recovery: dark/maroon containers -> light, readable (blue buttons kept). */
#page-recovery .recovery-hero,
#page-recovery .recovery-routine,
#page-recovery .mindset-card,
#page-recovery .tonight-flow-box,
#page-recovery .sleep-player-box,
#page-recovery .recovery-score-box,
#page-recovery .caffeine-cutoff-box,
#page-recovery .sleep-player-portal,
#page-recovery .bpf-today-actions,
body.bpf-recovery-night-mode #page-recovery .recovery-hero,
body.bpf-recovery-night-mode #page-recovery .bpf-today-actions{
  background:linear-gradient(135deg,#ffffff,#f3f8ff)!important;
  background-color:#ffffff!important;
  border:1px solid var(--wlf-border,#9fc1ff)!important;
  box-shadow:0 12px 30px rgba(15,23,42,.08)!important;
}
#page-recovery .recovery-hero,#page-recovery .recovery-routine,#page-recovery .mindset-card,
#page-recovery .tonight-flow-box,#page-recovery .sleep-player-box,#page-recovery .recovery-score-box,
#page-recovery .caffeine-cutoff-box,#page-recovery .sleep-player-portal,#page-recovery .bpf-today-actions{
  color:var(--wlf-navy,#061846)!important;-webkit-text-fill-color:var(--wlf-navy,#061846)!important;
}
#page-recovery .recovery-hero h1,#page-recovery .recovery-hero h2,#page-recovery .recovery-hero h3,#page-recovery .recovery-hero h4,
#page-recovery .bpf-today-actions-title,#page-recovery .recovery-score-title,
#page-recovery .sleep-player-portal strong,#page-recovery .sleep-player-box strong,
#page-recovery .tonight-flow-box strong,#page-recovery .mindset-card strong{
  color:#061846!important;-webkit-text-fill-color:#061846!important;
}
#page-recovery .recovery-hero p,#page-recovery .recovery-hero .copy,#page-recovery .recovery-hero .sub,
#page-recovery .bpf-today-actions-sub,#page-recovery .sleep-player-portal p,#page-recovery .sleep-player-portal span,
#page-recovery .sleep-player-box p,#page-recovery .tonight-flow-box p,#page-recovery .mindset-card p,
#page-recovery .mindset-card span,#page-recovery .recovery-routine span{
  color:#334155!important;-webkit-text-fill-color:#334155!important;
}
/* Keep blue action buttons/cards/pills white-text (override the lightening above). */
#page-recovery .tonight-flow-steps button,#page-recovery .tonight-flow-steps button *,
#page-recovery .bpf-recovery-sequence button,#page-recovery .bpf-recovery-sequence button *,
#page-recovery .recovery-step,#page-recovery .recovery-step *,
#page-recovery .breath-option,#page-recovery .breath-option *,
#page-recovery .recovery-card,#page-recovery .recovery-card *,
#page-recovery .recovery-chip.primary,#page-recovery .recovery-chip.primary *,
#page-recovery .recovery-demo-btn,#page-recovery .recovery-demo-btn *,
#page-recovery .sleep-player-portal a,#page-recovery .sleep-player-portal a *,
#page-recovery .caffeine-cutoff-box button,#page-recovery .caffeine-cutoff-box button *{
  color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;
}

/* Free guides: cover graphics fit a uniform banner, content never clipped. */
.guide-card .card-thumb{
  width:100%!important;aspect-ratio:16/10!important;max-height:230px!important;
  overflow:hidden!important;flex:0 0 auto!important;
}
.guide-card .card-thumb .guide-cover,.guide-card .guide-cover{
  width:100%!important;height:100%!important;object-fit:cover!important;object-position:center top!important;display:block!important;
}
.guide-grid{align-items:start!important;}

/* ======================================================================
   WLF 2026-06-19b — legacy cream/gray inline text -> readable dark
   ====================================================================== */
[style*="color:#F5F0EC" i],[style*="color: #F5F0EC" i],
[style*="color:#FFF7F1" i],[style*="color: #FFF7F1" i],
[style*="color:#EDE7E3" i],[style*="color:#F8F4F0" i]{
  color:#0b1f4d!important;-webkit-text-fill-color:#0b1f4d!important;
}
[style*="color:#8A8A8A" i],[style*="color: #8A8A8A" i],
[style*="color:#9E9AA0" i],[style*="color:#C9BEC0" i],[style*="color:#AAAAAA" i]{
  color:#475569!important;-webkit-text-fill-color:#475569!important;
}
/* Re-assert WHITE text on genuinely filled blue buttons/CTAs (stays last). */
button.primary,a.primary,.btn.primary,.primary-btn,.cta-primary,.cta-button,.lead-btn,
.bpf-store-btn.primary,.bpf-today-btn.primary,.bpf-final-cta-button,.macro-calc-link,.ask-btn,input[type="submit"],
button.primary *,a.primary *,.btn.primary *,.primary-btn *,.cta-primary *,.cta-button *,.lead-btn *,
.bpf-final-cta-button *,
#page-recovery .tonight-flow-steps button,#page-recovery .tonight-flow-steps button *,
#page-recovery .recovery-step,#page-recovery .recovery-step *,
#page-recovery .breath-option,#page-recovery .breath-option *,
#page-recovery .recovery-card,#page-recovery .recovery-card *,
#page-recovery .sleep-player-portal a,#page-recovery .sleep-player-portal a *{
  color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;
}