/* DV5P (dude-redesign 10-15, Todd: "inside pages are black and outside is old white ... plus logo etc"): ONE look on every page.
   Loaded last (after dv3.css) by dv2.inc.php on every page while DUDE_V3 is on.
   1. holydude = its dark navy palette everywhere (like dude's charcoal: light and dark device setting alike), so home, inside and outer match.
   2. the outer pages (_seo_layout: html.wh1-seo: pricing, features, about, articles, legal, contact, landing pages, 404) get the v3 surfaces,
      type, buttons and the NEW wordmark (header + footer) instead of the old blue-bubble / HD-halo logo images.
   Kill switch: /home/dude/dv5p-off (dv2.inc.php then skips this file). */

/* ---------- 1. holydude: navy everywhere ---------- */
html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2[data-brand="holydude"], html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2[data-brand="holydude"][data-ds-theme="light"], html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2[data-brand="holydude"][data-ds-theme="dark"] {
  --ds-bg: #0a1022; --ds-surface: #111a33; --ds-surface-2: #172344; --ds-surface-3: #1f2d55;
  --ds-ink: #f1f4fc; --ds-ink-2: rgba(241, 244, 252, .82); --ds-ink-3: rgba(241, 244, 252, .66); --ds-line: rgba(241, 244, 252, .1); --ds-line-2: rgba(241, 244, 252, .18);
  --ds-accent: #e9c46e; --ds-accent-2: #f3d48a; --ds-on-accent: #0a1022; --ds-accent-soft: rgba(233, 196, 110, .14); --ds-accent-ink: #f3d48a; --ds-accent-fill: #c9962f;
  --ds-glass: rgba(10, 16, 34, .9); --v3-panel: #111a33; --v3-navy: #f1f4fc; --v3-gold-ink: #e9c46e; --v3-hair: rgba(233, 196, 110, .3);
  color-scheme: dark;
}
html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2[data-brand="holydude"] body, html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2[data-brand="holydude"] #b1#b1#b1 { background: #0a1022 !important; color: var(--ds-ink); }

/* ---------- 2. outer pages ---------- */
html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2.wh1-seo, html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2.wh1-seo body { background: var(--ds-bg) !important; color: var(--ds-ink) !important; }
html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2.wh1-seo :is(.wh1-top, .wh1-bar, header.site, footer.site, .wh1-foot, .m1-pill, .m1-pill-head, .m1-pill-foot) {
  background: var(--ds-glass) !important; color: var(--ds-ink) !important; border-color: var(--v3-hair) !important; box-shadow: none !important; }
html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2.wh1-seo .wh1-top { -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); border-bottom: 1px solid var(--v3-hair) !important; }
html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2.wh1-seo main.wrap :is(h1, h2, h3) { color: var(--ds-ink) !important; font-family: var(--ds-font-display) !important; }
html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2[data-brand="dude"].wh1-seo main.wrap :is(h1, h2) { font-weight: 400 !important; letter-spacing: -.01em; }
html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2[data-brand="holydude"].wh1-seo main.wrap :is(h1, h2, h3) { font-weight: 700 !important; }
html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2.wh1-seo main.wrap :is(p, li, dd, dt, td, th, label, small, figcaption, blockquote) { color: var(--ds-ink-2) !important; }
html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2.wh1-seo main.wrap :is(strong, b) { color: var(--ds-ink) !important; }
html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2.wh1-seo main.wrap a:not(.cta):not(.wh1-btn):not(.acard):not([class*="btn"]) { color: var(--ds-accent-ink) !important; }

/* cards, notes, forms, tables: every light box becomes a v3 panel */
html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2.wh1-seo :is(.card, .acard, .f1-card, .note, .m7-note, #nlSignup, .em3-pill, .box, .panel, .tile, .faq details, details, table, blockquote, pre, .cb3, form#cb3Pub) {
  background: var(--v3-panel) !important; color: var(--ds-ink) !important; border: 1px solid var(--v3-hair) !important; box-shadow: 0 18px 40px -26px rgba(0, 0, 0, .7) !important; }
html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2.wh1-seo :is(.card, .acard, .f1-card, .note, .m7-note, #nlSignup, details, table) :is(p, li, span, small, div, td, th, em, i, summary) { color: var(--ds-ink-2) !important; }
html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2.wh1-seo :is(.card, .acard, .f1-card, .note, .m7-note, #nlSignup, details, table) :is(h1, h2, h3, h4, strong, b) { color: var(--ds-ink) !important; }
html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2.wh1-seo :is(.card, .acard, .f1-card, .note, .m7-note, #nlSignup, details) a:not(.cta):not(.wh1-btn):not([class*="btn"]) { color: var(--ds-accent-ink) !important; }
html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2.wh1-seo :is(.card, .acard, .f1-card) { border-radius: 18px !important; }
html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2.wh1-seo .acard:hover { border-color: var(--ds-accent) !important; }
html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2.wh1-seo :is(input, textarea, select):not([type="checkbox"]):not([type="radio"]):not([type="range"]) {
  background: var(--ds-surface-2) !important; color: var(--ds-ink) !important; border: 1px solid var(--ds-line-2) !important; }
html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2.wh1-seo :is(input, textarea)::placeholder { color: var(--ds-ink-3) !important; opacity: 1; }
html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2.wh1-seo :is(th, td) { border-color: var(--ds-line) !important; }
html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2.wh1-seo hr { border-color: var(--ds-line) !important; }

/* buttons: the brand's primary pill (dude bronze, holydude gold) with dark ink (WCAG AA on the gradient) */
html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2.wh1-seo :is(a.wh1-btn.pri, a.cta, button.cta, .btn-primary, button[type="submit"], input[type="submit"], main.wrap .btn) {
  background: var(--v3-grad) !important; color: #17110b !important; border: 0 !important; text-shadow: none !important; box-shadow: 0 10px 24px -12px rgba(0, 0, 0, .6) !important; }
html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2[data-brand="holydude"].wh1-seo :is(a.wh1-btn.pri, a.cta, button.cta, .btn-primary, button[type="submit"], input[type="submit"], main.wrap .btn) { color: #0a1022 !important; }
html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2.wh1-seo :is(a.wh1-btn.ghost, .wh1-bar a:not(.wh1-logo):not(.pri), header.site nav a, .wh1-nav a, header.site a.chip, header.site .pill) {
  background: transparent !important; color: var(--ds-ink) !important; border: 1px solid var(--ds-line-2) !important; }
html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2.wh1-seo :is(header.site nav a, .wh1-nav a, header.site a.chip)[aria-current], html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2.wh1-seo :is(header.site nav a, .wh1-nav a).on, html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2.wh1-seo :is(header.site nav a, .wh1-nav a).active {
  background: var(--ds-accent-soft) !important; color: var(--ds-accent-ink) !important; border-color: var(--ds-accent) !important; }
html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2.wh1-seo :is(footer.site, .wh1-foot) :is(a, p, small, span, li) { color: var(--ds-ink-3) !important; }

/* the NEW wordmark (captured from the v3 home, real fonts) instead of the old logo images */
html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2[data-brand="dude"] :is(a.wh1-logo img, img.wh1-flogo) { content: url(/img/dv5/wm-dude2-64.webp) !important; height: 32px !important; width: auto !important; max-width: none !important; }
html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2[data-brand="holydude"] :is(a.wh1-logo img, img.wh1-flogo) { content: url(/img/dv5/wm-holy-64.webp) !important; height: 30px !important; width: auto !important; max-width: none !important; }
html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2 img.wh1-flogo { height: 26px !important; }

/* ---------- 3. the home / app legacy blocks that still painted white (guest home + signed-in screens, both brands) ---------- */
html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2 :is(.b1-tile, .w2-card, .w2-diff, .hda-card) { background: var(--v3-panel) !important; color: var(--ds-ink) !important; border: 1px solid var(--v3-hair) !important; }
html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2 :is(.b1-tile, .w2-card, .w2-diff) :is(b, strong, h3, h4) { color: var(--ds-ink) !important; }
html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2 :is(.b1-tile, .w2-card, .w2-diff) :is(p, span, small, li, em) { color: var(--ds-ink-2) !important; }
html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2 :is(#b1, #app) :is(input, textarea):not([type="checkbox"]):not([type="radio"]):not([type="range"]) { background: var(--ds-surface-2) !important; color: var(--ds-ink) !important; border: 1px solid var(--ds-line-2) !important; }
html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2 :is(#b1, #app) :is(input, textarea)::placeholder { color: var(--ds-ink-3) !important; opacity: 1; }
/* "Race <avatar>" (Todd: "white and text on it is light and doesnt show up") + Meet / Ask: the brand's primary pill, dark ink, AA */
html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2 :is(button.g3-race, .g3-race, #dn5Meet, .dn5-meet, .i13-ask) { background: var(--v3-grad) !important; color: #17110b !important; -webkit-text-fill-color: #17110b !important; border: 0 !important; text-shadow: none !important; font-weight: 800 !important; opacity: 1 !important; }
html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2[data-brand="holydude"] :is(button.g3-race, .g3-race, #dn5Meet, .dn5-meet, .i13-ask) { color: #0a1022 !important; -webkit-text-fill-color: #0a1022 !important; }
html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2 :is(button.g3-race, .g3-race, #dn5Meet, .dn5-meet, .i13-ask) * { color: inherit !important; -webkit-text-fill-color: inherit !important; }
html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2 :is(.t13-free, .t13-free a, .b1-for, .d232b-lab, .hl14-b) { color: var(--ds-ink-2) !important; }
html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2 :is(.t13-free a) { color: var(--ds-accent-ink) !important; }
html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2 :is(.w2-card, .w2-diff, .b1-tile) :not(b, strong, h2, h3, h4, a, button, svg, path, img) { color: var(--ds-ink-2) !important; }
html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2 .b1-fc :not(b, strong, img, svg, path) { color: var(--ds-ink-3) !important; }
html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2 .b1-fc :is(b, strong) { color: var(--ds-ink) !important; }

/* ---------- 4. links: no default blue anywhere; footers in the brand palette (AA on the dark footer, visible hover + focus) ---------- */
html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2 { --dv5-link: #e2ab74; --dv5-link-h: #f4ede4; }
html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2[data-brand="holydude"] { --dv5-link: #f3d48a; --dv5-link-h: #ffffff; }
html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2 :is(footer, .wh1-foot, .b1-foot, #b1Foot, .ar-foot-site, .site-foot, [class*="foot"]) a:not([class*="btn"]):not(.cta):not([class*="pill"]) { color: var(--dv5-link) !important; text-decoration-color: color-mix(in srgb, var(--dv5-link) 45%, transparent) !important; }
html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2 :is(footer, .wh1-foot, .b1-foot, #b1Foot, .ar-foot-site, .site-foot, [class*="foot"]) :is(p, small, span, li):not(a *) { color: rgba(244, 237, 228, .78) !important; }
html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2[data-brand="holydude"] :is(footer, .wh1-foot, .b1-foot, #b1Foot, .ar-foot-site, .site-foot, [class*="foot"]) :is(p, small, span, li):not(a *) { color: rgba(241, 244, 252, .8) !important; }
html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2 :is(footer, .wh1-foot, .b1-foot, #b1Foot, .ar-foot-site, .site-foot, [class*="foot"]) a:is(:hover, :focus-visible) { color: var(--dv5-link-h) !important; text-decoration: underline !important; }
html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2 a:focus-visible { outline: 2px solid var(--dv5-link) !important; outline-offset: 2px; border-radius: 4px; }
/* plain text links anywhere that still use the browser / legacy blue */
html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2 :is(main, #b1, #app, .wrap, section, article, p, li) a:not([class]):not([style*="background"]) { color: var(--dv5-link) !important; }

/* ---------- 5. sign-up / log-in / reset sheet (#loginModal #authSheet, WHITE1's white sheet) and the in-app v3 blocks ---------- */
html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2 #loginModal#loginModal { background: rgba(0, 0, 0, .62) !important; }
html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2 #loginModal :is(#authSheet, .auth-sheet, .sheet, .modal-box, .lm-box) { background: var(--v3-panel) !important; color: var(--ds-ink) !important; border: 1px solid var(--v3-hair) !important; box-shadow: 0 30px 80px -30px rgba(0, 0, 0, .8) !important; }
html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2 #loginModal :is(h1, h2, h3, h4, b, strong, label) { color: var(--ds-ink) !important; }
html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2 #loginModal :is(p, small, span, div):not(button *):not(a *) { color: var(--ds-ink-2) !important; }
html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2 #loginModal :is(input, select, textarea):not([type="checkbox"]):not([type="radio"]) { background: var(--ds-surface-2) !important; color: var(--ds-ink) !important; border: 1px solid var(--ds-line-2) !important; -webkit-text-fill-color: var(--ds-ink) !important; }
html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2 #loginModal :is(input, textarea)::placeholder { color: var(--ds-ink-3) !important; -webkit-text-fill-color: var(--ds-ink-3) !important; }
html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2 #loginModal button:not([type="submit"]):not(.primary):not([class*="pri"]):not([class*="create"]) { background: var(--ds-surface-2) !important; color: var(--ds-ink) !important; border: 1px solid var(--ds-line-2) !important; }
html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2 #loginModal :is(button[type="submit"], .primary, [class*="pri"], [class*="create"], button.on, .tab.on, [aria-selected="true"]) { background: var(--v3-grad) !important; color: #17110b !important; border: 0 !important; }
html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2[data-brand="holydude"] #loginModal :is(button[type="submit"], .primary, [class*="pri"], [class*="create"], button.on, .tab.on, [aria-selected="true"]) { color: #0a1022 !important; }
html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2 #loginModal a { color: var(--dv5-link) !important; }
html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2 #loginModal :is(hr, .or, .divider)::before, html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2 #loginModal :is(hr, .or, .divider)::after { border-color: var(--ds-line) !important; background: var(--ds-line) !important; }
/* in-app home (signed in): the v3 blocks that kept WHITE1's light panels */
html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2 #app :is(.v3-pillar, .v3-cta, .v3-tile, .v3-face, .v3-card) { background: var(--v3-panel) !important; color: var(--ds-ink) !important; border-color: var(--v3-hair) !important; }
html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2 #app :is(.v3-pillar, .v3-cta, .v3-tile, .v3-face) :is(h2, h3, b, strong) { color: var(--ds-ink) !important; }
html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2 #app :is(.v3-pillar, .v3-cta, .v3-tile, .v3-face) :is(p, span, small) { color: var(--ds-ink-2) !important; }
html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2 #app .v3-hero-face { background: #000 !important; border-color: var(--v3-hair) !important; }

/* ---------- 6. the app / guest-home header logo = the new wordmark too ---------- */
html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2[data-brand="dude"] :is(#app#app#app#app#app > .top .t-logo img, #b1Top .b1-logo img, .t-logo img, .b1-logo img) { content: url(/img/dv5/wm-dude2-64.webp) !important; height: 28px !important; width: auto !important; max-width: none !important; filter: none !important; }
html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2[data-brand="holydude"] :is(#app#app#app#app#app > .top .t-logo img, #b1Top .b1-logo img, .t-logo img, .b1-logo img) { content: url(/img/dv5/wm-holy-64.webp) !important; height: 26px !important; width: auto !important; max-width: none !important; filter: none !important; }
html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2 :is(.t-logo, .b1-logo) :is(span, b, svg):not(img) { display: none !important; }
html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2[data-brand="dude"] img:is([src*="/m3/logo-d"], [src*="/m2/logo"], [src*="/m3/mark-d"]) { content: url(/img/dv5/wm-dude2-64.webp) !important; height: 28px !important; width: auto !important; max-width: none !important; filter: none !important; }
html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2[data-brand="holydude"] img:is([src*="/b1/logo-hd"], [src*="logo-hd-halo"]) { content: url(/img/dv5/wm-holy-64.webp) !important; height: 26px !important; width: auto !important; max-width: none !important; filter: none !important; }
/* the app's top-left logo is a text node + modes1 artwork: show the wordmark image instead */
html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2 #app#app#app#app#app > .top .t-logo { font-size: 0 !important; color: transparent !important; width: 128px !important; min-width: 128px !important; height: 30px !important; background: url(/img/dv5/wm-dude2-64.webp) left center / contain no-repeat !important; -webkit-mask: none !important; mask: none !important; }
html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2[data-brand="holydude"] #app#app#app#app#app > .top .t-logo { background-image: url(/img/dv5/wm-holy-64.webp) !important; width: 124px !important; min-width: 124px !important; }
html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2 #app#app#app#app#app > .top .t-logo > *, html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2 #app#app#app#app#app > .top .t-logo::before, html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2 #app#app#app#app#app > .top .t-logo::after { display: none !important; }
/* sign-up / log-in tabs (white1.css paints them white with !important; ids beat it) */
html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2 #loginModal :is(#authTabLogin#authTabLogin, #authTabSignup#authTabSignup) { transition: none !important; background: var(--ds-surface-2) !important; color: var(--ds-ink) !important; border: 1px solid var(--ds-line-2) !important; }
html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2 #loginModal :is(#authTabLogin#authTabLogin, #authTabSignup#authTabSignup):is(.on, .active, [aria-selected="true"], [aria-pressed="true"]) { background: var(--v3-grad) !important; color: #17110b !important; -webkit-text-fill-color: #17110b !important; border-color: transparent !important; }
/* the Light / Dark "Look" setting: V3 is dark on both sites, the switch no longer changes anything, so it is not offered */
html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2 #dv2Look { display: none !important; }

/* ---------- 7. holydude/dude guest home leftovers (Todd 10-16 "mess"): opaque sticky bar, readable labels, light icon tiles ---------- */
html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2 #b1Top#b1Top { background: var(--ds-bg) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; border-bottom: 1px solid var(--v3-hair) !important; box-shadow: 0 8px 20px -14px rgba(0, 0, 0, .7) !important; }
html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2 #b1 :is(section, [id]) { scroll-margin-top: 150px; }
/* the 3-D tile icons are dark objects: give each a light rounded tile so they read on navy / charcoal */
html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2 #b1#b1 .b1-tile .ic.ic.ic { background: radial-gradient(circle at 50% 40%, #ffffff 0%, #e9edf7 70%) !important; border-radius: 18px !important; padding: 6px !important; box-shadow: 0 6px 16px -8px rgba(0, 0, 0, .6) !important; }
/* the little "AI" badges on the face row were white-on-white */
html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2 :is(.ail1-b, .ail1-fc .ail1-b) { background: #f1f4fc !important; color: #0a1022 !important; -webkit-text-fill-color: #0a1022 !important; }
html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2 .b1-fc :not(b, strong, img, svg, path, .ail1-b, .ail1-fc) { color: var(--ds-ink-2) !important; }
html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2 #b1 :is(.sub, p.sub, .b1-sub) { color: var(--ds-ink-2) !important; }
/* text never gets its own dark/light box (the old guard's leftovers) */
html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2 #b1 :is(h1, h2, h3, h4, p):not([class*="btn"]):not([class*="pill"]):not([class*="chip"]) { background-color: transparent !important; }

/* the legacy home's own ink variable was still the old dark navy (speaker names in the welcome bubble were invisible) */
html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2 #b1#b1 { --ink: var(--ds-ink); }
html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2 #b1#b1 .b1-say b { color: var(--ds-ink) !important; -webkit-text-fill-color: var(--ds-ink) !important; }
html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2 #b1BarPh#b1BarPh { height: 12px !important; min-height: 0 !important; }   /* the docked Ask bar's placeholder left a 150 px empty band */

/* ---------- 9. (10-16, Todd: "the dude.com logo inside the app is not matching the logo on main site") the app top bar = the same wordmark
   as the home hero; dv3.css set /m3/logo-d-dark.svg with #app x4, so these rules carry #app x5 ---------- */
html.dv2.dv2[data-brand="dude"] #app#app#app#app#app > .top .t-logo { background: url(/img/dv5/wm-dude2-96.webp) left center / contain no-repeat !important; -webkit-background-clip: border-box !important; background-clip: border-box !important; -webkit-text-fill-color: transparent !important; }
html.dv2.dv2[data-brand="holydude"] #app#app#app#app#app > .top .t-logo { background: url(/img/dv5/wm-holy-96.webp) left center / contain no-repeat !important; -webkit-background-clip: border-box !important; background-clip: border-box !important; -webkit-text-fill-color: transparent !important; }
html.dv2.dv2 #app#app#app#app#app > .top .t-logo { font-size: 0 !important; color: transparent !important; height: 30px !important; width: 128px !important; min-width: 128px !important; filter: none !important; -webkit-mask: none !important; mask: none !important; }
@media (max-width: 420px) { html.dv2:is(.dv3, .v3-on).dv2.dv2.dv2.dv2[data-brand] #app#app#app#app#app > .top .t-logo { width: 100px !important; min-width: 100px !important; height: 26px !important; } }

/* ---------- 10. (10-16, Todd: "i dont like how the shadow is behind it") no dark box behind selected text: selecting text now tints the
   letters bronze instead of drawing a navy box behind every line; hero + card text gets a soft shadow so it reads on the picture ---------- */
html.dv2 ::selection, html.dv2 *::selection { background: rgba(232, 160, 96, .22) !important; color: #ffd9a8 !important; -webkit-text-fill-color: #ffd9a8 !important; text-shadow: none !important; }
html.dv2 .v3-wm-a::selection, html.dv2 .v3-wm-a *::selection { -webkit-text-fill-color: transparent !important; background: transparent !important; }
html.dv2:is(.dv3, .v3-on) .v3-banner-l :is(p, h1, h2, .v3-into, .v3-tag, .v3-sub) { text-shadow: 0 2px 16px rgba(0, 0, 0, .55), 0 1px 3px rgba(0, 0, 0, .45) !important; background: none !important; }
html.dv2:is(.dv3, .v3-on) .v3-pillar .v3-pil-tx :is(b, small) { background: none !important; box-shadow: none !important; }
/* T3 (dude coder 10-19, tester P1): dude inner pages - the sticky header was 90% see-through (page text showed behind the logo at 390): solid */
html.dv2.dv2.dv2.dv2.dv2[data-brand="dude"] body .wh1-top.wh1-top,html.dv2.dv2.dv2.dv2.dv2[data-brand="dude"] body .wh1-top.wh1-top.sc{background:#121214!important;background-image:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
/* the sign-up sheet's "Create Free Account" label sat at the left of the full-width button */
#loginModal #quickSignupBtn,#quickSignupBtn.btn{justify-content:center!important;text-align:center!important}