/* ==========================================================================
   خِبرة — الثيم الداكن بأسلوب تيك توك (أسود · أبيض · ذهبي الهوية للإبراز)
   يُفعَّل بـ <html data-theme="dark"> ويُضبط من اللوحة ← الهوية والألوان.
   المحدِّد html[data-theme] أقوى من :root فيتجاوز ألوان الهوية المحقونة في الصفحة.
   ========================================================================== */

html[data-theme="dark"] {
  color-scheme: dark;
  --ink:       #FFFFFF;
  --ink-soft:  #C9C9CE;
  --ink-mute:  #8E8E93;
  --sand:      #000000;
  --surface:   #121212;
  --line:      rgba(255, 255, 255, .12);
  --line-soft: rgba(255, 255, 255, .07);
  --gold-wash: rgba(185, 154, 88, .16);
  --gold-deep: #E2C47A;
  --tt-cyan:   #25F4EE;
  --tt-pink:   #FE2C55;
  --shadow-sm: 0 1px 2px rgba(0,0,0,.5);
  --shadow-md: 0 8px 28px rgba(0,0,0,.55);
  --shadow-lg: 0 16px 50px rgba(0,0,0,.7);
}
html[data-theme="dark"] body { background: #000; color: #fff; }
html[data-theme="dark"] ::selection { background: var(--tt-pink); color: #fff; }

/* الترويسة */
html[data-theme="dark"] .header { background: rgba(0, 0, 0, .78); }
html[data-theme="dark"] .header.is-stuck { background: rgba(0, 0, 0, .94); border-bottom-color: var(--line); }

/* الأزرار: الأساسي أبيض بنص أسود كما في تيك توك، والذهبي يبقى للدعوات */
html[data-theme="dark"] .btn--ink,
html[data-theme="dark"] .lang-opt.on,
html[data-theme="dark"] .chip.on { background: #fff; color: #000; border-color: #fff; }
html[data-theme="dark"] .btn--ink:hover { background: #E6E6E6; }
html[data-theme="dark"] .btn--ghost { color: #fff; border-color: rgba(255,255,255,.22); }
html[data-theme="dark"] .btn--ghost:hover { background: rgba(255,255,255,.08); border-color: #fff; }
html[data-theme="dark"] .btn--light { background: #fff; color: #000; }
html[data-theme="dark"] .store-btn { background: #fff; color: #000; }
html[data-theme="dark"] .store-btn--alt { background: transparent; color: #fff; border-color: rgba(255,255,255,.3); }
html[data-theme="dark"] .store-btn--alt:hover { background: rgba(255,255,255,.08); border-color: #fff; }
html[data-theme="dark"] .social a:hover { background: #fff; color: #000; border-color: #fff; }

/* الأسطح */
html[data-theme="dark"] .panel,
html[data-theme="dark"] .booking,
html[data-theme="dark"] .lw-card,
html[data-theme="dark"] .dy-card,
html[data-theme="dark"] .me__menu,
html[data-theme="dark"] .me > summary,
html[data-theme="dark"] .chip,
html[data-theme="dark"] .srch input { background: var(--surface); }
html[data-theme="dark"] .pick { background: #0B0B0B; }
html[data-theme="dark"] .pick.on { background: #161616; }
html[data-theme="dark"] .summary { background: #1C1C1E; color: #fff; border: 1px solid var(--line); }
html[data-theme="dark"] .bubble { background: #1C1C1E; }
html[data-theme="dark"] .bubble.mine { background: var(--gold); border-color: var(--gold); color: #fff; }
html[data-theme="dark"] .on-dark { background: #0E0E0F; border-block: 1px solid var(--line); }
html[data-theme="dark"] .phone { background: #1C1C1E; }
html[data-theme="dark"] .phone__notch { background: #000; }
html[data-theme="dark"] .phone__cta { background: #fff; color: #000; }
html[data-theme="dark"] .av { box-shadow: 0 0 0 1px var(--line); border-color: #000; }
html[data-theme="dark"] .thumb--add { background: rgba(185,154,88,.1); }

/* حقول الإدخال */
html[data-theme="dark"] input, html[data-theme="dark"] select, html[data-theme="dark"] textarea { color-scheme: dark; }
html[data-theme="dark"] .f input[type=text], html[data-theme="dark"] .f input[type=tel], html[data-theme="dark"] .f input[type=email],
html[data-theme="dark"] .f input[type=file], html[data-theme="dark"] .f input[type=datetime-local], html[data-theme="dark"] .f select,
html[data-theme="dark"] .f textarea, html[data-theme="dark"] .otp input { background: #0B0B0B; color: #fff; }

/* التنبيهات والشارات بدرجات داكنة */
html[data-theme="dark"] .alert.bad  { background: rgba(254,44,85,.14); color: #FF8DA3; }
html[data-theme="dark"] .alert.good { background: rgba(37,244,238,.10); color: #8FF7F3; }
html[data-theme="dark"] .alert.warn { background: rgba(185,154,88,.14); color: #E2C47A; }
html[data-theme="dark"] .badge.wait { background: rgba(185,154,88,.18); color: #E2C47A; }
html[data-theme="dark"] .badge.ok   { background: rgba(37,244,238,.12); color: #8FF7F3; }
html[data-theme="dark"] .badge.live { background: rgba(120,160,255,.14); color: #A9C1FF; }
html[data-theme="dark"] .badge.off  { background: rgba(255,255,255,.08); color: #A1A1A6; }

/* الشريط السفلي أسود في كل الصفحات + زرّ «+» بلونَي تيك توك */
html[data-theme="dark"] .tabbar { background: rgba(0,0,0,.94); border-color: rgba(255,255,255,.1); }
html[data-theme="dark"] .tabbar__item { color: rgba(255,255,255,.55); }
html[data-theme="dark"] .tabbar__item.on, html[data-theme="dark"] .tabbar__item.on span { color: #fff; }
html[data-theme="dark"] .tabbar__item.on svg { stroke: #fff; }
html[data-theme="dark"] .tabbar__add i { background: #fff; color: #000; box-shadow: -4px 0 0 var(--tt-cyan), 4px 0 0 var(--tt-pink); }

/* طباعة المستندات تبقى فاتحة */
@media print { html[data-theme="dark"] body { background: #fff; color: #000; } }
html[data-theme="dark"] .phone__screen { background: #0B0B0B; }