/* AZCLEAN8 (Todd 10-29 via info-f0): az.com white by default, like az.ai. Loaded only with flag AZCLEAN8=on (after azds2c.css + azclean4.css).
   Interior pages already have azds2c's light theme (html[data-ds2c][data-theme=light]); this file adds the search home's light theme,
   the home's theme switch, and the few pieces that hard-code dark. Dark stays exactly as it was (no rule here applies without data-theme=light,
   except the switch icons on the home). */

/* ---------- the home's theme switch (both themes) ---------- */
html[data-ds2c-home] .ds2c-th svg{width:18px;height:18px}
html[data-ds2c-home] .ds2c-th{color:#d5dce8}
html[data-ds2c-home] .ds2c-th .ds2c-sun,html[data-ds2c-home][data-theme=light] .ds2c-th .ds2c-moon{display:none}
html[data-ds2c-home][data-theme=light] .ds2c-th .ds2c-sun{display:block}

/* ---------- dark = "like it was" (Todd 10-29): the pre-AZCLEAN8 live az.com palette (CLEAN2 app.css tokens: navy panels,
   blue hairlines, cyan focus, gold primary buttons, gold ".com"), instead of AZDS2C's grey "AZ night" ---------- */
html[data-ds2c]:not([data-theme=light]){--z-bg:#050b19;--z-bg2:#0a1830;--z-panel:#0f2340;--z-panel2:#0c1c36;--z-line:#1d3a63;--z-line2:#284d80;
  --z-ink:#f5faff;--z-text:#dce8f7;--z-muted:#93a8c4;--z-acc:#23d8ff;--z-acc-soft:rgba(35,216,255,.12);--z-on-ink:#141005}
html[data-ds2c]:not([data-theme=light]) .top{background:rgba(5,11,25,.86)!important;border-bottom:1px solid #1d3a63!important}
html[data-ds2c]:not([data-theme=light]) .wm i{color:#e7bd6d!important}
html[data-ds2c]:not([data-theme=light]) .btn-gold,html[data-ds2c]:not([data-theme=light]) .send,html[data-ds2c]:not([data-theme=light]) .ha-btn,html[data-ds2c]:not([data-theme=light]) .btn-google{background:linear-gradient(135deg,#f5d27a,#e7bd6d)!important;color:#141005!important;border:0!important;box-shadow:0 6px 22px rgba(231,189,109,.22)!important}
html[data-ds2c]:not([data-theme=light]) .btn-gold:hover,html[data-ds2c]:not([data-theme=light]) .send:hover{filter:brightness(1.06)!important;opacity:1;color:#141005!important}
html[data-ds2c]:not([data-theme=light]) .btn-line{background:rgba(255,255,255,.03)!important;border:1px solid #284d80!important;color:#dce8f7!important}
html[data-ds2c]:not([data-theme=light]) .btn-line:hover{border-color:#23d8ff!important;color:#f5faff!important}
html[data-ds2c]:not([data-theme=light]) .card,html[data-ds2c]:not([data-theme=light]) .tier,html[data-ds2c]:not([data-theme=light]) .pack,html[data-ds2c]:not([data-theme=light]) .ex-card,html[data-ds2c]:not([data-theme=light]) .fq,html[data-ds2c]:not([data-theme=light]) .ns-card,html[data-ds2c]:not([data-theme=light]) .hc-tile,html[data-ds2c]:not([data-theme=light]) .payg,html[data-ds2c]:not([data-theme=light]) .credits-how{background:linear-gradient(180deg,rgba(15,35,64,.86),rgba(12,28,54,.86))!important;border-color:#1d3a63!important;box-shadow:0 10px 30px rgba(0,0,0,.25)!important}
html[data-ds2c]:not([data-theme=light]) .chip.on,html[data-ds2c]:not([data-theme=light]) .chip[aria-pressed=true],html[data-ds2c]:not([data-theme=light]) .ex-tab[aria-selected=true],html[data-ds2c]:not([data-theme=light]) .ex-tab.on{background:rgba(35,216,255,.12)!important;border-color:#23d8ff!important;color:#f5faff!important}
html[data-ds2c]:not([data-theme=light]) .tier-badge{background:linear-gradient(135deg,#f5d27a,#e7bd6d)!important;color:#141005!important}
html[data-ds2c]:not([data-theme=light]) .tier:has(.tier-badge){border-color:#e7bd6d!important}
html[data-ds2c]:not([data-theme=light]) .hero-ask .ha-row,html[data-ds2c]:not([data-theme=light]) .comp-row{background:#0c1c36!important;border-color:#284d80!important}
html[data-ds2c]:not([data-theme=light]) .hero-ask .ha-row:focus-within,html[data-ds2c]:not([data-theme=light]) .comp-row:focus-within{border-color:#23d8ff!important;box-shadow:0 0 0 1px rgba(35,216,255,.35),0 0 22px rgba(35,216,255,.18)!important}
/* the starry hero photo behind page titles, as on the live site (AZDS2C hid it) */
html[data-ds2c]:not([data-theme=light]) .hero-art{display:block!important}
html[data-ds2c]:not([data-theme=light]) .hero-art::after{display:block!important}
html[data-ds2c-home]:not([data-theme=light]) .top{background:rgba(5,11,25,.86)!important;border-bottom:1px solid #1d3a63!important}
html[data-ds2c-home]:not([data-theme=light]) .top .wm i{color:#e7bd6d!important}
html[data-ds2c-home]:not([data-theme=light]) .top .btn-gold{background:linear-gradient(135deg,#f5d27a,#e7bd6d)!important;color:#141005!important;border:0!important}

/* ---------- home, white ---------- */
html[data-ds2c-home][data-theme=light]{
  --z-bg:#ffffff;--z-bg2:#f7f7f8;--z-panel:#ffffff;--z-panel2:#f4f5f7;--z-line:rgba(13,18,30,.10);--z-line2:rgba(13,18,30,.18);
  --z-ink:#0b0f19;--z-text:#2a3140;--z-muted:#5f6878;--z-acc:#0d9488;--z-acc-soft:rgba(13,148,136,.10);--z-on-ink:#ffffff;
  --bg:var(--z-bg);--navy:var(--z-panel);--panel:var(--z-panel);--panel2:var(--z-panel2);--line:var(--z-line);--line2:var(--z-line2);
  --hair:var(--z-line);--hair2:var(--z-line2);--white:var(--z-ink);--text:var(--z-text);--muted:var(--z-muted);
  color-scheme:light;background:#ffffff}
html[data-ds2c-home][data-theme=light] body,html[data-ds2c-home][data-theme=light] body.azs1-page{background:#ffffff!important;color:var(--z-text)}
html[data-ds2c-home][data-theme=light] .azs1-page{--s1-bg:#ffffff;--s1-bg2:#f7f7f8;--s1-glass:#ffffff;--s1-line:rgba(13,18,30,.12);--s1-teal:#0d9488;--s1-ink:#0b0f19;--s1-mute:#5f6878}
/* header */
html[data-ds2c-home][data-theme=light] .top{background:rgba(255,255,255,.88)!important;border-bottom:1px solid var(--z-line)!important}
html[data-ds2c-home][data-theme=light] .top .wm{color:var(--z-ink)!important}
html[data-ds2c-home][data-theme=light] .top .wm i{color:var(--z-muted)!important}
html[data-ds2c-home][data-theme=light] .nav a{color:var(--z-muted)!important}
html[data-ds2c-home][data-theme=light] .nav a:hover,html[data-ds2c-home][data-theme=light] .nav a[aria-current]{color:var(--z-ink)!important;background:var(--z-panel2)!important}
html[data-ds2c-home][data-theme=light] .top .ibtn{color:var(--z-text)!important}
html[data-ds2c-home][data-theme=light] .top .ibtn:hover{background:var(--z-panel2)!important;color:var(--z-ink)!important}
html[data-ds2c-home][data-theme=light] .top .top-in-btn{color:var(--z-ink)!important}
html[data-ds2c-home][data-theme=light] .top .top-in-btn:hover{background:var(--z-panel2)!important}
html[data-ds2c-home][data-theme=light] .top .btn-gold{background:var(--z-ink)!important;color:#ffffff!important;border:1px solid var(--z-ink)!important}
html[data-ds2c-home][data-theme=light] .drawer{background:#ffffff!important;border-bottom:1px solid var(--z-line)!important}
html[data-ds2c-home][data-theme=light] .drawer a,html[data-ds2c-home][data-theme=light] .drawer .drawer-btn{color:var(--z-text)!important}
html[data-ds2c-home][data-theme=light] .drawer a[aria-current]{color:var(--z-ink)!important}
html[data-ds2c-home][data-theme=light] .drawer .btn-line{background:transparent!important;border:1px solid var(--z-line2)!important;color:var(--z-ink)!important}
html[data-ds2c-home][data-theme=light] .drawer .btn-gold{background:var(--z-ink)!important;color:#ffffff!important;border:1px solid var(--z-ink)!important}
/* hero + box */
html[data-ds2c-home][data-theme=light] .azs1{color:var(--z-ink)}
html[data-ds2c-home][data-theme=light] .azs1-mark{box-shadow:none}
html[data-ds2c-home][data-theme=light] .azs1-tag{color:var(--z-ink)!important}
html[data-ds2c-home][data-theme=light] .azs1-box{background:#ffffff;border:1px solid var(--z-line2);box-shadow:0 1px 2px rgba(13,18,30,.05),0 10px 30px rgba(13,18,30,.07)}
html[data-ds2c-home][data-theme=light] .azs1-box:focus-within{border-color:var(--z-acc);box-shadow:0 0 0 3px var(--z-acc-soft),0 10px 30px rgba(13,18,30,.07)}
html[data-ds2c-home][data-theme=light] .azs1-box input{color:var(--z-ink)}
html[data-ds2c-home][data-theme=light] .azs1-box input::placeholder{color:#7a8496}
html[data-ds2c-home][data-theme=light] .azs1-ask{background:var(--z-ink);color:#ffffff}
html[data-ds2c-home][data-theme=light] .azs1-ask:hover{opacity:.86}
html[data-ds2c-home][data-theme=light] .azs1-chip{background:#ffffff;border:1px solid var(--z-line2);color:var(--z-text)}
html[data-ds2c-home][data-theme=light] .azs1-chip:hover{background:var(--z-panel2);color:var(--z-ink)}
html[data-ds2c-home][data-theme=light] .azs1-chip[aria-pressed="true"]{background:var(--z-ink);border-color:var(--z-ink);color:#ffffff}
html[data-ds2c-home][data-theme=light] .azs1-note,html[data-ds2c-home][data-theme=light] .azs1-wait,html[data-ds2c-home][data-theme=light] .azs1-q{color:var(--z-muted)}
/* answers */
html[data-ds2c-home][data-theme=light] .azs1-card{background:#ffffff;border:1px solid var(--z-line);box-shadow:0 1px 2px rgba(13,18,30,.04);-webkit-backdrop-filter:none;backdrop-filter:none}
html[data-ds2c-home][data-theme=light] .azs1-title{color:var(--z-ink)}
html[data-ds2c-home][data-theme=light] .azs1-ans,html[data-ds2c-home][data-theme=light] .azs1-points{color:var(--z-text)}
html[data-ds2c-home][data-theme=light] .azs1-chip-src{background:var(--z-panel2);border-color:var(--z-line);color:var(--z-text)}
html[data-ds2c-home][data-theme=light] .azs1-cite,html[data-ds2c-home][data-theme=light] .azs1-net,html[data-ds2c-home][data-theme=light] .azs1-weather b{color:var(--z-acc)}
html[data-ds2c-home][data-theme=light] .azs1-weather{background:var(--z-acc-soft);border-color:rgba(13,148,136,.35);color:var(--z-text)}
html[data-ds2c-home][data-theme=light] .azs1-act{border:1px solid var(--z-line2);color:var(--z-ink)}
html[data-ds2c-home][data-theme=light] .azs1-act:hover{background:var(--z-panel2)}
html[data-ds2c-home][data-theme=light] .azs1-act.is-primary{background:var(--z-ink);border-color:var(--z-ink);color:#ffffff}
html[data-ds2c-home][data-theme=light] .azs1-follow button{border-color:var(--z-line2);color:var(--z-text)}
html[data-ds2c-home][data-theme=light] .azs1-side h3{color:var(--z-muted)}
html[data-ds2c-home][data-theme=light] .azs1-src{background:var(--z-panel2);border-color:var(--z-line);color:var(--z-ink)}
html[data-ds2c-home][data-theme=light] .azs1-src i{color:var(--z-text)}
html[data-ds2c-home][data-theme=light] .azs1-src.is-net{border-color:rgba(13,148,136,.6);box-shadow:none}
html[data-ds2c-home][data-theme=light] .azs1-crisis{background:#fff7e6;border-color:#e0a63a;color:#4a3100}
html[data-ds2c-home][data-theme=light] .azs1-stage{background:var(--z-panel2);border-color:var(--z-line);box-shadow:none}
html[data-ds2c-home][data-theme=light] .azs1-stage figcaption{color:var(--z-text)}
html[data-ds2c-home][data-theme=light] .azs1-opt{background:#ffffff;border-color:var(--z-line2);color:var(--z-text)}
html[data-ds2c-home][data-theme=light] .azs1-optl b{color:var(--z-ink)}
html[data-ds2c-home][data-theme=light] .azs1-thumb{background:var(--z-panel2)}
html[data-ds2c-home][data-theme=light] .azs1-skel i{background:linear-gradient(100deg,rgba(13,18,30,.04) 30%,rgba(13,18,30,.09) 50%,rgba(13,18,30,.04) 70%) 0 0/300% 100%,var(--z-panel2);border-color:var(--z-line)}
/* tool tiles, the build box, the slim footer */
html[data-ds2c-home][data-theme=light] .c4-tools a{background:#ffffff;border-color:var(--z-line);color:var(--z-ink)}
html[data-ds2c-home][data-theme=light] .c4-tools a span{color:var(--z-muted)}
html[data-ds2c-home][data-theme=light] .c4-tools a:hover,html[data-ds2c-home][data-theme=light] .c4-tools a:focus-visible{background:var(--z-panel2);border-color:var(--z-line2)}
html[data-ds2c-home][data-theme=light] .azb{background:var(--z-panel2);border-color:var(--z-line)}
html[data-ds2c-home][data-theme=light] .azb .azb-h{color:var(--z-ink)}
html[data-ds2c-home][data-theme=light] .azb-f input{background:#ffffff;border-color:var(--z-line2);color:var(--z-ink)}
html[data-ds2c-home][data-theme=light] .azb-f input:focus{outline-color:var(--z-acc)}
html[data-ds2c-home][data-theme=light] .azb-go{background:var(--z-ink);color:#ffffff}
html[data-ds2c-home][data-theme=light] .azb-n{color:var(--z-muted);opacity:1}
html[data-ds2c-home][data-theme=light] .azs1-foot{border-top-color:var(--z-line)}
html[data-ds2c-home][data-theme=light] .azs1-foot a{color:var(--z-muted)}
html[data-ds2c-home][data-theme=light] .azs1-foot a:hover{color:var(--z-ink)}
html[data-ds2c-home][data-theme=light] .azs1-foot p{color:#6b7484}

/* ---------- every page, white: pieces that hard-code dark ---------- */
/* the token pill (inline dark style from AZMEM1) */
html[data-theme=light] .az-tok{background:var(--z-panel2)!important;border-color:var(--z-line2)!important;color:var(--z-ink)!important}
/* the faith radio + floating Ask pills (left edge) */
html[data-theme=light] #tokRadio .trPill,html[data-theme=light] #tokRadio .trAsk{background:#ffffff!important;color:var(--z-ink)!important;border:1px solid var(--z-line2)!important;box-shadow:0 1px 2px rgba(13,18,30,.06),0 6px 18px rgba(13,18,30,.08)!important}
html[data-theme=light] #tokRadio .trPill svg,html[data-theme=light] #tokRadio .trAsk svg{color:var(--z-ink)!important}
/* /best: the "Best answer" engine panel; /spin: the engine cards */
html[data-theme=light] .best-pick{background:var(--z-panel2)!important;border-color:var(--z-line)!important;color:var(--z-text)!important}
html[data-theme=light] .best-pick .be,html[data-theme=light] .cmp-e{background:#ffffff!important;border-color:var(--z-line2)!important;color:var(--z-text)!important}
html[data-theme=light] .best-pick .be.on,html[data-theme=light] .cmp-e.on,html[data-theme=light] .cmp-e[aria-pressed=true]{border-color:var(--z-acc)!important;background:var(--z-acc-soft)!important}
html[data-theme=light] .best-pick .be-p{background:var(--z-panel2)!important;color:var(--z-text)!important}
/* engine marks + Free/Paid tags (picker, answers) */
html[data-theme=light] .cmk{background:var(--z-panel2)!important;color:var(--z-ink)!important;border-color:var(--z-line)!important}
html[data-theme=light] .tg{background:var(--z-panel2)!important;color:var(--z-text)!important;border-color:var(--z-line)!important}
html[data-theme=light] .tg.free{background:var(--z-acc-soft)!important;color:var(--z-acc)!important}
/* /create: the Create button's label */
html[data-ds2c][data-theme=light] .mp-foot .btn.btn-gold,html[data-ds2c][data-theme=light] .mp-foot .btn.btn-gold *{color:#ffffff!important}
/* notices (e.g. /account/plan) */
html[data-theme=light] .notice{background:#fff7e6!important;border-color:#e0a63a!important;color:#4a3100!important}
html[data-theme=light] .notice *{color:inherit!important}