/* Elementor Dark Mode Switcher */

/* ---- Switcher button ---- */
.eds-switcher{display:inline-flex;align-items:center;gap:8px;cursor:pointer;background:transparent;border:0;padding:8px 14px;color:inherit;font:inherit;line-height:1;border-radius:999px;transition:background-color .2s,color .2s,border-color .2s;-webkit-tap-highlight-color:transparent;appearance:none}
.eds-switcher:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.eds-ico{display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;font-size:20px;line-height:1}
.eds-ico svg{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.eds-ico i{font-size:1em;line-height:1}
.eds-ico--dark,.eds-txt--dark{display:none}
html[data-eds-theme="dark"] .eds-ico--light,html[data-eds-theme="dark"] .eds-txt--light{display:none}
html[data-eds-theme="dark"] .eds-ico--dark{display:inline-flex}
html[data-eds-theme="dark"] .eds-txt--dark{display:inline}

/* ---- Show / hide by mode (use as CSS class on any Elementor element, e.g. two logos) ---- */
html:not([data-eds-theme="dark"]) .eds-dark-only{display:none!important}
html[data-eds-theme="dark"] .eds-light-only{display:none!important}

/* ---- Dark baseline ---- */
html[data-eds-theme="dark"]{color-scheme:dark;background-color:var(--eds-s1)}
html[data-eds-theme="dark"] body{background-color:var(--eds-s1)!important;color:var(--eds-text)}
html[data-eds-theme="dark"] ::placeholder{color:var(--eds-muted)!important;opacity:1}
html[data-eds-theme="dark"] img:not(.eds-ignore){filter:brightness(var(--eds-img,1))}

/* No light flash: hide until the engine has run (auto-reveals after 1.5s as a safety net) */
html[data-eds-theme="dark"]:not(.eds-ready) body{opacity:0;animation:eds-show 0s linear 1.5s forwards}
@keyframes eds-show{to{opacity:1}}

/* ---- Marks written by the engine (only active in dark mode) ---- */
html[data-eds-theme="dark"] [data-eds-bg="1"]{background-color:var(--eds-s1)!important}
html[data-eds-theme="dark"] [data-eds-bg="2"]{background-color:var(--eds-s2)!important}
html[data-eds-theme="dark"] [data-eds-bg="3"]{background-color:var(--eds-s3)!important}
html[data-eds-theme="dark"] [data-eds-gr]{background-image:none!important}
html[data-eds-theme="dark"] [data-eds-ovl]{background-color:var(--eds-ov)!important}
html[data-eds-theme="dark"] [data-eds-fg="1"]{color:var(--eds-text)!important}
html[data-eds-theme="dark"] [data-eds-fg="2"]{color:var(--eds-strong)!important}
html[data-eds-theme="dark"] [data-eds-fg="c"]{color:var(--eds-c)!important}
html[data-eds-theme="dark"] [data-eds-bd]{border-color:var(--eds-border)!important}
html[data-eds-theme="dark"] [data-eds-fill="1"]{fill:var(--eds-text)!important}
html[data-eds-theme="dark"] [data-eds-fill="c"]{fill:var(--eds-fc)!important}
html[data-eds-theme="dark"] [data-eds-stroke="1"]{stroke:var(--eds-text)!important}
html[data-eds-theme="dark"] [data-eds-stroke="c"]{stroke:var(--eds-sc)!important}

/* ---- Smooth switch ---- */
html.eds-anim body,html.eds-anim [data-eds-bg],html.eds-anim [data-eds-fg],html.eds-anim [data-eds-bd]{transition:background-color .35s ease,color .35s ease,border-color .35s ease}
@media (prefers-reduced-motion:reduce){html.eds-anim body,html.eds-anim [data-eds-bg],html.eds-anim [data-eds-fg],html.eds-anim [data-eds-bd]{transition:none}}
