/* Light mode (header toggle, stored in localStorage 'elare-theme'; html[data-theme=light] set before first paint). Default = dark. */
.hdr__theme{display:flex;align-items:center;justify-content:center;background:none;border:0;padding:0;color:inherit;cursor:pointer;position:relative}
.hdr__theme .icon--moon{display:none}
html[data-theme=light] .hdr__theme .icon--sun{display:none}
html[data-theme=light] .hdr__theme .icon--moon{display:block}
.hdr__theme .icon{width:20px;height:20px}
@media (max-width:989px){.hdr__theme::after{content:"";position:absolute;left:50%;top:50%;width:40px;height:44px;transform:translate(-50%,-50%)}}
@media (max-width:400px){.hdr__tools{gap:10px!important}.hdr__theme .icon{width:19px;height:19px}}

html[data-theme=light]{color-scheme:light;--bg:#ffffff;--ink:#111111;--mute:#6b6b6b;--soft:#f5f5f5;--line:#e3e3e3;--acc:#111111;--btn-bg:#111111;--btn-fg:#ffffff;--mq-bg:#f5f5f5;--mq-fg:#111111}
html[data-theme=light] body{background:var(--bg);color:var(--ink)}

/* logo: white artwork -> black, except over the home slideshow (transparent header on a photo) */
html[data-theme=light] .logo-crop img,html[data-theme=light] .logo-light .logo-crop img,html[data-theme=light] .logo-light .hdr .logo-crop img,html[data-theme=light] .logo-light .ftr .logo-crop img{filter:brightness(0)!important}
html[data-theme=light] .logo-light .hdr.hdr--over:not(.hdr--solid) .logo-crop img{filter:brightness(0) invert(1)!important}
html[data-theme=light] .ft__big-img{filter:brightness(0)}

/* generic hardcoded bits from the old light theme / dark patches */
html[data-theme=light] .btn:hover{background:var(--btn-bg);color:var(--btn-fg);opacity:.85}
html[data-theme=light] .btn--ghost{background:transparent;color:var(--ink)}
html[data-theme=light] .btn[disabled]{background:#d9d9d9;border-color:#d9d9d9;color:#777}
html[data-theme=light] .drawer__scrim{background:rgba(0,0,0,.28)}
html[data-theme=light] .ftr__base{color:var(--mute)}
html[data-theme=light] .perks div{color:#555}
html[data-theme=light] .acc .rte,html[data-theme=light] .coll-head p{color:#333}
html[data-theme=light] .dots .dots__bars button span{background:#d6d6d6}
html[data-theme=light] select option{background:#fff;color:#111}

/* quick-add glass "+": frosted white with a dark plus so it reads on any photo */
html[data-theme=light] .card__quick{color:#111;text-shadow:none;background:linear-gradient(135deg,rgba(255,255,255,.82) 0%,rgba(255,255,255,.62) 50%,rgba(255,255,255,.78) 100%);box-shadow:inset 1px 1px 1px -.5px rgba(255,255,255,.95),0 4px 14px rgba(0,0,0,.16)}
html[data-theme=light] .card__quick:hover{background:rgba(255,255,255,.95)}

/* product page */
html[data-theme=light] .pdp2{--pl:#e6e6e6;--pm:#6b6b6b}
html[data-theme=light] .pdp2 .pdp__gallery figure{background:#f5f5f5}
html[data-theme=light] .pdp2 .pdp__buy,html[data-theme=light] .pdp2 .pdp__buy:not(:disabled):hover{background:#111;border-color:#111;color:#fff}
html[data-theme=light] .pdp2 .pdp__buy:disabled{background:#e6e6e6;border-color:#e6e6e6;color:#7a7a7a}
html[data-theme=light] .pdp__facts li{color:#555}
html[data-theme=light] .pdp__facts li:before,html[data-theme=light] .pdp2 .acc .rte li:before{background:#b5b5b5}
html[data-theme=light] .pdp2 .acc .rte{color:#444}
html[data-theme=light] .pdp2 .spec{border-top-color:#ececec}
html[data-theme=light] .pdp2 .spec dt{color:#777}
html[data-theme=light] .pdp2 .spec dd{color:#222}
html[data-theme=light] .sticky-atc{background:#fff;border-top-color:#e6e6e6}
html[data-theme=light] .sticky-atc img{background:#f5f5f5}
html[data-theme=light] .sticky-atc .t span{color:#6b6b6b}
html[data-theme=light] .sticky-atc .btn,html[data-theme=light] .sticky-atc .btn:hover{background:#111;border-color:#111;color:#fff}
html[data-theme=light] .sticky-atc .btn:disabled{background:#e6e6e6;border-color:#e6e6e6;color:#7a7a7a}
html[data-theme=light] .pset__img{background:#f5f5f5}
html[data-theme=light] .pset__sel option{background:#fff;color:#111}
/* size finder */
html[data-theme=light] .sf__scrim{background:rgba(0,0,0,.4)}
html[data-theme=light] .sf__panel{background:#fff;color:#111;border-color:#e6e6e6}
html[data-theme=light] .sf__x,html[data-theme=light] .sf__tabs button.on,html[data-theme=light] .sf__result b,html[data-theme=light] .sf__result .sf__big,html[data-theme=light] .sf__more a{color:#111}
html[data-theme=light] .sf__tabs button.on{border-color:#111}
html[data-theme=light] .sf__tabs,html[data-theme=light] .sf__fit,html[data-theme=light] .sf__sizer{border-color:#e6e6e6}
html[data-theme=light] .sf__eyebrow,html[data-theme=light] .sf__tabs button,html[data-theme=light] .sf__field span,html[data-theme=light] .sf__hint,html[data-theme=light] .sf__fit,html[data-theme=light] .sf__sizer span,html[data-theme=light] .sf__more{color:#6b6b6b}
html[data-theme=light] .sf__lead,html[data-theme=light] .sf__result p{color:#444}
html[data-theme=light] .sf__units input{accent-color:#111}
html[data-theme=light] .sf__field input{border-color:#ccc;color:#111}
html[data-theme=light] .sf__field input:focus{border-color:#111}
html[data-theme=light] .sf__sizes button{border-color:#ccc;color:#111}
html[data-theme=light] .sf__sizes button.on{border-color:#111;background:#111;color:#fff}
html[data-theme=light] .sf .sf__use,html[data-theme=light] .sf .sf__use:hover{background:#111;border-color:#111;color:#fff}
html[data-theme=light] .sf__sizer-img{background:#f5f5f5}
html[data-theme=light] .sf__add{border-color:#111;color:#111}
html[data-theme=light] .sf__add:hover{background:#111;color:#fff}

/* reviews */
html[data-theme=light] .rvs{--rv-bg:#f5f5f5;--rv-line:#e3e3e3;--rv-mute:#6b6b6b}
html[data-theme=light] .rvs__bar > i{background:#e3e3e3}
html[data-theme=light] .rv--ghost{background:linear-gradient(90deg,#f5f5f5 0%,#ececec 50%,#f5f5f5 100%)}
html[data-theme=light] .rv__pic{background:#f5f5f5}
html[data-theme=light] .rv-stars{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23d4d4d4' d='M12 2l2.9 6.6 7.1.6-5.4 4.7 1.6 7L12 17.3 5.8 20.9l1.6-7L2 9.2l7.1-.6z'/%3E%3C/svg%3E")}
html[data-theme=light] .rv-stars:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23111111' d='M12 2l2.9 6.6 7.1.6-5.4 4.7 1.6 7L12 17.3 5.8 20.9l1.6-7L2 9.2l7.1-.6z'/%3E%3C/svg%3E")}
html[data-theme=light] .rv-star1{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%236b6b6b' d='M12 2l2.9 6.6 7.1.6-5.4 4.7 1.6 7L12 17.3 5.8 20.9l1.6-7L2 9.2l7.1-.6z'/%3E%3C/svg%3E")}

/* announcement bar stays black in both modes (Nathanael 1 Oct) */
html[data-theme=light] .announce{background:#000!important;color:#fff!important;border-bottom-color:#000!important}
html[data-theme=light] .announce a,html[data-theme=light] .announce button{color:#fff!important}

html[data-theme=light] .sf__chart,html[data-theme=light] .sf__table,html[data-theme=light] .sf__table td{border-color:#e6e6e6}
html[data-theme=light] .sf__table th{background:#f4f4f4;color:#666}
html[data-theme=light] .sf__table td,html[data-theme=light] .sf__chart-h{color:#111}
html[data-theme=light] .sf__table tr.out td{color:#b0b0b0}
html[data-theme=light] .sf__table tr.hi td{background:#111;color:#fff}