/* WHITE1 (dude-white1) 2026-10-04: every dude.com page white, in the new Holy Dude look (the brand2 home page's tokens:
   ink #0d1330, orange #ff5a1f, blue #3b46f0, Sora, pill buttons, soft cards). Loaded by ONE line in each page's <head>
   (with /js/white1.js, which sets html.wh1 + html.wh1-<app|seo|page>). Every rule starts with html.wh1, so with the
   script off (?wh1=0 on one device) none of this applies. The signed-out home page (#b1, brand2's) is never restyled here.
   Undo for everyone: bash /root/dude-white1/undo.sh */

:root{--wh1-ink:#0d1330;--wh1-ink2:#3a4160;--wh1-ink3:#555d7a;--wh1-line:rgba(16,22,52,.11);--wh1-pri:#ff5a1f;--wh1-pri2:#e04a12;
  --wh1-blue:#3b46f0;--wh1-soft:#f5f6fb;--wh1-gold:#b7791f;--wh1-font:"Sora",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --wh1-shadow:0 1px 2px rgba(13,19,48,.05),0 10px 28px -18px rgba(13,19,48,.35)}

/* ---------- everywhere: light canvas (no black edges), light form controls, light scrollbars ---------- */
html.wh1{color-scheme:light!important;background:#fff!important;scrollbar-color:#c7cbdc transparent}
html.wh1 body{background-color:#fff}
html.wh1 ::-webkit-scrollbar{width:10px;height:10px}
html.wh1 ::-webkit-scrollbar-track{background:transparent}
html.wh1 ::-webkit-scrollbar-thumb{background:#c7cbdc;border-radius:10px;border:2px solid #fff}
html.wh1 ::-webkit-scrollbar-thumb:hover{background:#a9aec4}
html.wh1 ::selection{background:rgba(59,70,240,.18)}
/* light is permanent (Todd 10-04): the old dark/light switches are hidden; white1.js also clears a saved Dark pick */
html.wh1 #dmToggle,html.wh1 #themeDark,html.wh1 [data-lt1-theme="dark"]{display:none!important}

/* ---------- the member app (index.php) ---------- */
/* new header: the HD logo in place of the old gradient "Holy Dude" text (the tap still opens the dashboard) */
html.wh1.wh1.wh1.wh1-app #app .top .t-logo{font-size:0!important;line-height:0!important;width:124px;height:30px;padding:0!important;letter-spacing:0!important;
  background:url(/b1/logo-hd-halo.svg) left center/contain no-repeat!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;
  -webkit-text-fill-color:currentColor!important;color:transparent!important}
html.wh1.wh1.wh1.wh1-app #app .top .t-logo *{display:none!important}
/* text that sat on red at 3.8:1 (Crisis title, budget "spent") */
html.wh1-app #p-therapy [style*="239, 68, 68"],html.wh1-app #p-therapy [style*="#ef4444"],html.wh1-app #budgetSpent{color:#c81e1e!important}
/* addiction-guard overlay: was near-black glass */
html.wh1-app .guard-overlay{background:rgba(255,255,255,.97)!important;color:var(--wh1-ink)!important}
html.wh1-app .guard-overlay h2{color:var(--wh1-ink)!important}
html.wh1-app .guard-overlay p{color:var(--wh1-ink2)!important}

/* the old intro + sign-up wizard (#splash: ?signup=1, "Start here" in the old login): was #07090f with white text */
html.wh1-app #splash,html.wh1-app #splash .sp-page,html.wh1-app #splash .sp-inner{background:#fff!important;color:var(--wh1-ink)!important}
html.wh1-app #splash .sp-billboard{background:linear-gradient(180deg,#fff 0%,#f7f8ff 60%,#fff5ef 100%)!important;color:var(--wh1-ink)!important}
html.wh1-app #splash{font-family:var(--wh1-font)}
html.wh1-app #splashProgress{background:rgba(16,22,52,.08)!important}
html.wh1-app #splashProgressBar{background:linear-gradient(90deg,#ff5a1f,#3b46f0)!important}
html.wh1-app .step-dot{background:rgba(16,22,52,.18)!important}
html.wh1-app .step-dot.active{background:var(--wh1-pri)!important}
html.wh1-app #splash .sp-wordmark{background:none!important;-webkit-text-fill-color:currentColor!important;color:var(--wh1-ink)!important}
html.wh1-app #splash .sp-wordmark span{color:var(--wh1-blue)!important}
html.wh1-app #splash .sp-tagline,html.wh1-app #splash .sp-bb-body,html.wh1-app #splash .sp-page-sub{color:var(--wh1-ink2)!important}
html.wh1-app #splash .sp-headline,html.wh1-app #splash .sp-bb-title,html.wh1-app #splash .sp-page-title{color:var(--wh1-ink)!important}
html.wh1-app #splash .sp-av-face{border-color:#fff!important;box-shadow:0 2px 10px rgba(13,19,48,.18)!important;background:#eef0fa!important}
html.wh1-app #splash .sp-pill,html.wh1-app #splash .sp-bb-badge{background:var(--wh1-soft)!important;border:1px solid var(--wh1-line)!important;color:var(--wh1-ink2)!important}
html.wh1-app #splash .sp-bb-badge{font-size:11px!important}
html.wh1-app #splash .sp-bb-icon{background:#fff!important;border:1px solid var(--wh1-line)!important;box-shadow:var(--wh1-shadow)!important}
html.wh1-app #splash .sp-bb-feat{background:#fff!important;border:1px solid var(--wh1-line)!important;color:var(--wh1-ink)!important;box-shadow:var(--wh1-shadow);font-size:13px!important}
html.wh1-app #splash .sp-main-cta,html.wh1-app #splash .sp-bb-next{background:var(--wh1-ink)!important;color:#fff!important;border-radius:999px!important;box-shadow:0 14px 30px -16px rgba(13,19,48,.6)!important}
html.wh1-app #splash .sp-bb-next.orange,html.wh1-app #splash .sp-bb-next.red{background:var(--wh1-pri)!important}
html.wh1-app #splash .sp-login-link,html.wh1-app #splash .sp-terms a{color:var(--wh1-blue)!important;opacity:1!important}
html.wh1-app #splash .sp-bb-back,html.wh1-app #splash .sp-skip{color:var(--wh1-ink3)!important;font-size:14px!important;min-height:44px}
html.wh1-app #splash .sp-back-btn{background:#fff!important;border:1px solid var(--wh1-line)!important;color:var(--wh1-ink2)!important;border-radius:999px!important}
html.wh1-app #splash .sp-label{color:var(--wh1-ink3)!important}
html.wh1-app #splash .sp-input{background:#fff!important;border:1.5px solid rgba(16,22,52,.16)!important;color:var(--wh1-ink)!important;font-size:16px!important}
html.wh1-app #splash .sp-input:focus{border-color:var(--wh1-blue)!important;box-shadow:0 0 0 3px rgba(59,70,240,.15)!important}
html.wh1-app #splash .sp-input::placeholder{color:#727a96!important}
html.wh1-app #splash .sp-terms{color:var(--wh1-ink3)!important;font-size:12px!important}
html.wh1-app #splash .role-c{background:#fff!important;border:1.5px solid var(--wh1-line)!important;color:var(--wh1-ink2)!important}
html.wh1-app #splash .role-c.on,html.wh1-app #splash .role-c:hover{border-color:var(--wh1-blue)!important;color:var(--wh1-ink)!important;background:rgba(59,70,240,.06)!important}

/* ---------- content pages (features, pricing, privacy, terms, articles, market, newsletter, affiliate, 404 ...) ---------- */
html.wh1-seo body,html.wh1-page body{font-family:var(--wh1-font)!important;color:var(--wh1-ink)!important;background:#fff!important;letter-spacing:-.003em}
html.wh1-seo h1,html.wh1-page h1{color:var(--wh1-ink)!important;font-weight:800!important;letter-spacing:-.025em!important}
html.wh1-seo h2,html.wh1-seo h3,html.wh1-page h2,html.wh1-page h3{color:var(--wh1-ink)!important;letter-spacing:-.015em}
html.wh1-seo p,html.wh1-seo li,html.wh1-page p,html.wh1-page li{color:var(--wh1-ink2)}
html.wh1-seo main a:not(.cta):not([class*="btn"]),html.wh1-page main a:not(.cta):not([class*="btn"]){color:var(--wh1-blue)}
html.wh1-seo .lede{color:var(--wh1-ink2)!important}
/* the new header (built by white1.js: HD logo, menu row, Sign in + Sign up free) */
html.wh1 .wh1-top{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.88);-webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--wh1-line);font-family:var(--wh1-font)}
html.wh1 .wh1-bar{max-width:1120px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;gap:10px}
html.wh1 .wh1-logo{display:flex;align-items:center;height:36px;flex:none}
html.wh1 .wh1-logo img{height:32px;width:auto;display:block}
html.wh1 .wh1-sp{flex:1}
html.wh1 .wh1-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:999px;border:1.5px solid var(--wh1-line);background:#fff;font:700 15px/1 var(--wh1-font);color:var(--wh1-ink)!important;text-decoration:none!important;white-space:nowrap;cursor:pointer}
html.wh1 .wh1-btn.pri{background:var(--wh1-ink);border-color:var(--wh1-ink);color:#fff!important}
html.wh1 .wh1-btn.org{background:var(--wh1-pri);border-color:var(--wh1-pri);color:#fff!important}
html.wh1 .wh1-btn.ghost{border-color:transparent;background:transparent}
html.wh1 .wh1-menu{max-width:1120px;margin:0 auto;padding:0 16px 10px;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}
html.wh1 .wh1-menu::-webkit-scrollbar{display:none}
html.wh1 .wh1-menu a{flex:none;display:inline-flex;align-items:center;min-height:40px;padding:0 15px;border:1px solid var(--wh1-line);border-radius:999px;background:#fff;color:var(--wh1-ink2)!important;font:600 14px/1 var(--wh1-font);text-decoration:none!important}
html.wh1 .wh1-menu a:hover{border-color:rgba(255,90,31,.5)}
html.wh1 .wh1-menu a[aria-current="page"]{background:var(--wh1-ink);border-color:var(--wh1-ink);color:#fff!important}
@media(max-width:420px){html.wh1 .wh1-bar .wh1-btn.ghost{display:none}html.wh1 .wh1-btn{padding:0 14px;font-size:14px}html.wh1 .wh1-logo img{height:28px}}
/* the old headers are replaced by the new one (white1.js hides them only after the new one is in) */
html.wh1 .wh1-old{display:none!important}
html.wh1-seo .wrap,html.wh1-page main.wrap{padding-top:28px}
/* buttons + cards in the new look */
html.wh1-seo .cta,html.wh1-page .cta{background:var(--wh1-ink)!important;color:#fff!important;border-radius:999px!important;padding:15px 28px!important;font-family:var(--wh1-font)!important;box-shadow:0 16px 30px -18px rgba(13,19,48,.7)!important;text-decoration:none!important}
html.wh1-seo .cta:hover,html.wh1-page .cta:hover{background:#1c2452!important}
html.wh1-seo .card,html.wh1-page .card{background:#fff!important;border:1px solid var(--wh1-line)!important;border-radius:18px!important;box-shadow:var(--wh1-shadow)!important}
html.wh1-seo .faq{border-top-color:var(--wh1-line)!important}
/* newsletter box (inline styles in _seo_layout.php) */
html.wh1 #nlSignup{background:var(--wh1-soft)!important;border:1px solid var(--wh1-line)!important;border-radius:20px!important}
html.wh1 #nlSignup input[type="email"]{background:#fff!important;border:1.5px solid rgba(16,22,52,.16)!important;color:var(--wh1-ink)!important;border-radius:999px!important;padding-left:18px!important}
html.wh1 #nlSignup button{background:var(--wh1-ink)!important;border-radius:999px!important;font-family:var(--wh1-font)!important}
html.wh1 #nlSignup p{color:var(--wh1-ink2)!important}
html.wh1 #nlSignup a{color:var(--wh1-blue)!important}
/* light form fields everywhere on the content pages */
html.wh1-seo input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),html.wh1-seo textarea,html.wh1-seo select,
html.wh1-page input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),html.wh1-page textarea,html.wh1-page select{background-color:#fff;color:var(--wh1-ink);border-color:rgba(16,22,52,.16)}
html.wh1 ::placeholder{color:#6f7792}
/* footer in the new look */
html.wh1 footer.site,html.wh1 .wh1-foot{background:var(--wh1-soft)!important;border-top:1px solid var(--wh1-line)!important;color:var(--wh1-ink3)!important;margin-top:56px;padding:26px 0 30px!important;font-family:var(--wh1-font)}
html.wh1 footer.site a,html.wh1 .wh1-foot a{color:var(--wh1-ink2)!important;text-decoration:none!important}
html.wh1 footer.site a:hover,html.wh1 .wh1-foot a:hover{color:var(--wh1-ink)!important;text-decoration:underline!important}
html.wh1 footer.site p,html.wh1 .wh1-foot p{color:var(--wh1-ink3)!important}
html.wh1 .wh1-foot .wh1-flogo{display:block;height:28px;width:auto;margin:0 0 10px}
html.wh1 footer.site .wrap{padding-left:16px!important;padding-right:16px!important}
/* articles: category labels, scripture citations, crumbs, counts (were 2-3.8:1 on white) */
html.wh1-seo .k{color:#3b46f0!important}
html.wh1-seo cite{color:#5b3fc4!important}
html.wh1-seo .crumbs,html.wh1-seo .crumbs a{color:var(--wh1-ink3)!important}
html.wh1-seo .m,html.wh1-seo .meta,html.wh1-seo small{color:var(--wh1-ink3)!important}
html.wh1 body > footer.wh1-foot{padding-left:16px!important;padding-right:16px!important;text-align:left}
html.wh1-seo h1,html.wh1-seo h2,html.wh1-seo h3,html.wh1-page h1,html.wh1-page h2,html.wh1-page h3,html.wh1-page h4{font-family:var(--wh1-font)!important}
html.wh1-app #hdRoster em{color:#a8480b!important}
/* ---------- WHITE2 (dude-white2) 2026-10-05 ---------- */
/* the sign-in / sign-up sheet's backdrop: opaque, so nothing of the page behind shows through (was rgba(246,247,250,.97)) */
html.wh1-app #loginModal{background:#f6f7fa!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
/* articles: category chips in the new look (were dark-theme chips repainted pale) */
html.wh1-seo .chips a{background:#fff!important;border:1px solid var(--wh1-line)!important;color:var(--wh1-ink2)!important;font-weight:600;min-height:40px;display:inline-flex!important;align-items:center;padding:0 15px!important;font-family:var(--wh1-font)}
html.wh1-seo .chips a:hover{border-color:rgba(255,90,31,.5)!important}
html.wh1-seo .chips a.on{background:var(--wh1-ink)!important;border-color:var(--wh1-ink)!important;color:#fff!important}
html.wh1-seo .chips a span{color:var(--wh1-ink3)!important}
html.wh1-seo .chips a.on span{color:#c9cde0!important}