/* WLF v84 HARD FINAL PATCH — palette button, guide covers, tools readability, logo sizing. */
:root{
  --wlf-brand:#2563EB;
  --wlf-brand-hot:#3B82F6;
  --wlf-accent:#38BDF8;
  --wlf-bg:#061126;
  --wlf-panel:#08172D;
  --wlf-panel-2:#0B1B33;
  --wlf-line:rgba(56,189,248,.32);
  --wlf-text:#F8FAFC;
  --wlf-muted:#C7D8EA;
  --wlf-soft:#AFC2DA;
}
html,body{background:#061126!important;color:#F8FAFC!important;overflow-x:hidden!important;}
body,body p,body li,body label,body span,body a,body input,body select,body textarea{font-family:Barlow,Inter,Arial,sans-serif!important;}
h1,h2,h3,.page-title,.hero-title,.guide-title,.gpc-title,.tool-title,.hero-hook-t{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif!important;}
body p,body li,.guide-desc,.gpc-desc,.hero-sub,.lead,.section-copy{color:#C7D8EA!important;-webkit-text-fill-color:#C7D8EA!important;line-height:1.62!important;}
h1,h2,h3,.page-title,.hero-title,.guide-title,.gpc-title,.hero-hook-t{color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;}
.hl,.eyebrow,.gpc-tag,.guide-tag{color:var(--wlf-accent)!important;-webkit-text-fill-color:var(--wlf-accent)!important;}
/* Logo/header: use the clean WLF mark without oversized generic blocks. */
.topbar .brand img.bi,.brand img.bi,img.bi.wlf-clean-mark,.nav-logo img,.brand img[src*="logo"],.brand img[src*="wlf"]{
  width:48px!important;height:48px!important;min-width:48px!important;max-width:48px!important;object-fit:contain!important;border-radius:12px!important;
  border:1px solid rgba(56,189,248,.30)!important;background:#071426!important;padding:4px!important;
}
.bn,.brand-title{font-size:18px!important;line-height:1!important;color:#fff!important;-webkit-text-fill-color:#fff!important;letter-spacing:.045em!important;}
.bs,.brand-subtitle{font-size:10px!important;color:#C7D8EA!important;-webkit-text-fill-color:#C7D8EA!important;}
.nav-links a{color:#EAF4FF!important;-webkit-text-fill-color:#EAF4FF!important;font-size:13px!important;letter-spacing:.055em!important;}
.nav-links a:hover{color:#fff!important;-webkit-text-fill-color:#fff!important;}
/* Buttons respond to palette. */
.tb-cta,.btn-or,.gpc-cta,.guide-btn,.prog-cta,button[type="submit"],a[class*="btn"],button[class*="btn"]{
  background:var(--wlf-brand)!important;border-color:var(--wlf-brand)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
  box-shadow:0 12px 30px color-mix(in srgb,var(--wlf-brand) 30%,transparent)!important;
}
.tb-cta:hover,.btn-or:hover,.gpc-cta:hover,.guide-btn:hover,.prog-cta:hover,a[class*="btn"]:hover,button[class*="btn"]:hover{
  background:var(--wlf-brand-hot)!important;border-color:var(--wlf-brand-hot)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
}
/* Guide library cards: actual vertical covers, no cropped blue strips. */
.guide-promo-section-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;gap:18px!important;align-items:stretch!important;overflow:visible!important;}
a.guide-promo-card,a.guide-card{
  display:flex!important;flex-direction:column!important;background:linear-gradient(180deg,#08172D,#061126)!important;border:1.5px solid var(--wlf-line)!important;
  border-radius:18px!important;padding:14px!important;color:#fff!important;text-decoration:none!important;box-shadow:0 18px 44px rgba(0,0,0,.22)!important;overflow:hidden!important;
}
a.guide-promo-card:hover,a.guide-card:hover{transform:translateY(-3px)!important;border-color:rgba(56,189,248,.75)!important;box-shadow:0 24px 58px rgba(0,0,0,.30)!important;}
.wlf-guide-cover-wrap{width:100%!important;aspect-ratio:5/7!important;max-height:330px!important;margin:0 0 14px!important;border-radius:14px!important;overflow:hidden!important;background:#020817!important;border:1px solid rgba(191,219,254,.30)!important;box-shadow:0 14px 32px rgba(0,0,0,.25)!important;}
.wlf-guide-cover-wrap img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;object-position:center top!important;}
.gpc-tag,.guide-tag{font-size:11px!important;letter-spacing:.12em!important;margin-bottom:8px!important;font-weight:900!important;text-transform:uppercase!important;}
.gpc-title,.guide-title{font-size:23px!important;line-height:1.05!important;letter-spacing:-.015em!important;margin-bottom:8px!important;}
.gpc-desc,.guide-desc{font-size:14px!important;line-height:1.55!important;margin-bottom:16px!important;}
.gpc-cta,.guide-btn{margin-top:auto!important;width:100%!important;min-height:46px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:13px!important;letter-spacing:.06em!important;border-radius:10px!important;}
/* Dedicated free-guides page: smaller boxes with covers inside. */
body:has(a.guide-card) .grid{max-width:1180px!important;display:grid!important;grid-template-columns:repeat(auto-fit,minmax(225px,1fr))!important;gap:18px!important;align-items:stretch!important;padding-top:24px!important;}
body:has(a.guide-card) .grid>.series-label,body:has(a.guide-card) .grid>div:first-child{grid-column:1/-1!important;}
a.guide-card .guide-bullets{display:none!important;}
/* Fitness tools section: eliminate white rows / dark text blocks. */
.tools-section{background:linear-gradient(180deg,#071426,#061126)!important;border-top:1px solid rgba(56,189,248,.18)!important;border-bottom:1px solid rgba(56,189,248,.18)!important;}
.tools-section [style*="grid-template-columns:1fr 340px"]{grid-template-columns:minmax(0,1fr) 360px!important;gap:28px!important;}
.tools-section .hero-hook-grid,.tools-section .hero-hook-grid.fi{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;max-width:100%!important;}
.tools-section .hero-hook{
  display:flex!important;align-items:flex-start!important;gap:14px!important;background:linear-gradient(180deg,#08172D,#061126)!important;background-image:linear-gradient(180deg,#08172D,#061126)!important;
  border:1.5px solid var(--wlf-line)!important;border-radius:18px!important;padding:18px!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:0 16px 40px rgba(0,0,0,.22)!important;min-height:112px!important;
}
.tools-section .hero-hook *{background:transparent!important;box-shadow:none!important;text-shadow:none!important;}
.tools-section .hero-hook:hover{transform:translateY(-2px)!important;border-color:rgba(56,189,248,.75)!important;background:linear-gradient(180deg,#0A1D37,#08172D)!important;}
.tools-section .hero-hook-ico{background:rgba(37,99,235,.18)!important;border:1px solid rgba(56,189,248,.32)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;width:46px!important;height:46px!important;border-radius:14px!important;font-size:22px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 46px!important;}
.tools-section .hero-hook-t{color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:18px!important;line-height:1.05!important;font-weight:900!important;}
.tools-section .hero-hook-d{color:#C7D8EA!important;-webkit-text-fill-color:#C7D8EA!important;font-size:14px!important;line-height:1.5!important;}
.tools-section .page-title{font-size:clamp(42px,6vw,76px)!important;}
.tools-section [style*="position:sticky"]{background:linear-gradient(180deg,#08172D,#061126)!important;border:1.5px solid var(--wlf-line)!important;color:#fff!important;box-shadow:0 18px 48px rgba(0,0,0,.22)!important;}
.tools-section select,.tools-section input,.tools-section .form-input{background:#061126!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border:1px solid rgba(191,219,254,.55)!important;}
.tools-section select option{background:#061126!important;color:#fff!important;}
/* Kill every older broken palette dock. */
#wlf-switch-footer,#wlf-switch-btn,#wlf-switch-panel,#wlf-clean-palette,.wlf-palette-docked,.wlf-palette-toggle,.wlf-palette-dock,.palette-dock,.palette-toggle,.color-palette-toggle,[class*="paletteDock"],[id*="paletteDock"],[data-theme-switcher],button[aria-label*="palette" i]:not(#wlfPaletteBtn){display:none!important;visibility:hidden!important;pointer-events:none!important;}
/* One working palette button only. */
#wlfPaletteBtn{position:fixed!important;right:22px!important;bottom:22px!important;width:58px!important;height:58px!important;min-width:58px!important;min-height:58px!important;border-radius:50%!important;border:1.5px solid rgba(56,189,248,.70)!important;background:linear-gradient(145deg,#08172D,#020817)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:0!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:2147483000!important;box-shadow:0 18px 50px rgba(0,0,0,.40)!important;cursor:pointer!important;overflow:visible!important;line-height:1!important;padding:0!important;}
#wlfPaletteBtn::before{content:"🎨"!important;font-size:25px!important;line-height:1!important;display:block!important;color:#fff!important;-webkit-text-fill-color:#fff!important;}
#wlfPaletteBtn:hover{transform:translateY(-2px)!important;border-color:#38BDF8!important;}
#wlfPalettePanel{position:fixed!important;right:22px!important;bottom:92px!important;width:min(330px,calc(100vw - 32px))!important;background:#071426!important;border:1.5px solid rgba(56,189,248,.50)!important;border-radius:18px!important;padding:16px!important;z-index:2147483000!important;box-shadow:0 24px 70px rgba(0,0,0,.46)!important;display:none!important;color:#fff!important;-webkit-text-fill-color:#fff!important;}
#wlfPalettePanel.open{display:block!important;}
#wlfPalettePanel h3{font-size:18px!important;line-height:1.1!important;margin:0 0 6px!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-family:'Barlow Condensed',Impact,sans-serif!important;text-transform:uppercase!important;}
#wlfPalettePanel p{font-size:13px!important;line-height:1.4!important;margin:0 0 12px!important;color:#C7D8EA!important;-webkit-text-fill-color:#C7D8EA!important;}
.wlfPaletteGrid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:10px!important;}
.wlfPaletteSwatch{height:42px!important;border-radius:12px!important;border:2px solid rgba(255,255,255,.82)!important;box-shadow:0 8px 18px rgba(0,0,0,.25)!important;cursor:pointer!important;font-size:0!important;padding:0!important;}
.wlfPaletteSwatch.active{outline:3px solid #fff!important;outline-offset:2px!important;}
@media(max-width:980px){.tools-section [style*="grid-template-columns:1fr 340px"]{grid-template-columns:1fr!important}.tools-section [style*="position:sticky"]{position:relative!important;top:auto!important}.tools-section .hero-hook-grid,.tools-section .hero-hook-grid.fi{grid-template-columns:1fr!important}.guide-promo-section-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important}}
@media(max-width:560px){#wlfPaletteBtn{right:16px!important;bottom:16px!important;width:54px!important;height:54px!important;min-width:54px!important;min-height:54px!important}.gpc-title,.guide-title{font-size:21px!important}.guide-promo-section-grid{grid-template-columns:1fr 1fr!important;gap:12px!important}.wlf-guide-cover-wrap{max-height:250px!important}.tools-section .page-title{font-size:42px!important}}
@media(max-width:420px){.guide-promo-section-grid{grid-template-columns:1fr!important}}