/* theme.css — [ZyRox] زر تبديل الوضع الفاتح/الداكن (عائم) */
#wgThemeToggle {
  position: fixed;
  left: calc(14px + env(safe-area-inset-left, 0px));
  bottom: calc(16px + env(safe-area-inset-bottom, 0px));
  z-index: 2147483000;
  width: 46px;
  height: 46px;
  margin: 0;
  padding: 0;
  border-radius: 50%;
  border: 1px solid rgba(var(--zy-veil, 255, 255, 255), 0.18);
  background: rgba(var(--zy-solid, 26, 26, 28), 0.74);
  -webkit-backdrop-filter: blur(10px) saturate(150%);
  backdrop-filter: blur(10px) saturate(150%);
  color: var(--zy-text, #f4f4f3);
  display: grid;
  place-items: center;
  cursor: pointer;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.30);
  transition: transform .22s cubic-bezier(.2, .8, .3, 1),
              background .25s ease, border-color .25s ease, color .25s ease;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  overflow: hidden;
}
#wgThemeToggle:hover { transform: translateY(-2px) scale(1.05); }
#wgThemeToggle:active { transform: scale(.94); }
#wgThemeToggle:focus-visible { outline: 2px solid #b2d6f3; outline-offset: 2px; }

#wgThemeToggle .wg-ic-sun,
#wgThemeToggle .wg-ic-moon {
  position: absolute;
  display: grid;
  place-items: center;
  inset: 0;
  transition: transform .42s cubic-bezier(.2, .8, .3, 1), opacity .25s ease;
}
#wgThemeToggle svg { width: 22px; height: 22px; display: block; }

/* داكن (افتراضي): نعرض الشمس للتبديل إلى الفاتح */
html:not([data-theme="light"]) #wgThemeToggle .wg-ic-sun { opacity: 1; transform: none; }
#wgThemeToggle .wg-ic-sun { opacity: 0; transform: rotate(90deg) scale(.55); }
#wgThemeToggle .wg-ic-moon { opacity: 1; transform: none; }
html[data-theme="light"] #wgThemeToggle {
  background: rgba(255, 255, 255, 0.88);
  border-color: rgba(0, 0, 0, 0.12);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.16);
}
html[data-theme="light"] #wgThemeToggle .wg-ic-moon { opacity: 0; transform: rotate(-90deg) scale(.6); }
html[data-theme="light"] #wgThemeToggle .wg-ic-sun { opacity: 1; transform: none; }

@media (prefers-reduced-motion: reduce) {
  #wgThemeToggle, #wgThemeToggle * { transition: none !important; }
}

/* خلفية أنعم عند التبديل بين الوضعين */
html, body { transition: background-color .3s ease, color .3s ease; }

/* الوضع الفاتح للصفحات الثابتة (subscribe / login / legal …)
   مقيّد بـ html.wg-static كي لا يتعارض مع الثيم الداخلي للمحادثة. */
html.wg-static[data-theme="light"] {
  color-scheme: light;
  --bg: #f4f2ed;
  --panel: #ffffff;
  --panel-2: #f8f6f1;
  --line: rgba(0, 0, 0, 0.10);
  --txt: #292722;
  --muted: #625e56;
  --shadow: 0 20px 50px -22px rgba(0, 0, 0, 0.28);
}

html.wg-static[data-theme="light"],
html.wg-static[data-theme="light"] body {
  background: #f3f1ec;
  color: #292722;
}

/* صفحات ذات تدرّجات داكنة مخصّصة */
html.wg-static[data-theme="light"] body {
  background: radial-gradient(1200px 700px at 85% -10%, rgba(168, 85, 247, .10), transparent 60%),
              radial-gradient(1000px 600px at 5% 0%, rgba(34, 211, 238, .10), transparent 55%),
              var(--bg);
}

html.wg-static[data-theme="light"] .bg-orbs span { opacity: .18; }

html.wg-static[data-theme="light"] .nav {
  background: linear-gradient(180deg, rgba(255, 255, 255, .92), rgba(255, 255, 255, .62));
}

html.wg-static[data-theme="light"] .nav-cta,
html.wg-static[data-theme="light"] .btn.ghost,
html.wg-static[data-theme="light"] .pill,
html.wg-static[data-theme="light"] .chip { background: rgba(0, 0, 0, .04); }

html.wg-static[data-theme="light"] .nav-cta:hover,
html.wg-static[data-theme="light"] .btn.ghost:hover { background: rgba(0, 0, 0, .08); }

/* عناصر تستعمل شفافية بيضاء داخل ألواح داكنة */
html.wg-static[data-theme="light"] .pm-addr code,
html.wg-static[data-theme="light"] code,
html.wg-static[data-theme="light"] pre {
  background: rgba(0, 0, 0, .05);
  color: #1f1d19;
}