/* موقع جيتوو — أنماط مشتركة: الوضع الداكن/الفاتح + زر التبديل + قفل الشعار + وضع التضمين (?embed=1 داخل التطبيق) */
:root { --fg: #1A2233; --fg-rgb: 26,34,51; --surface: #fff; --bg-mid: #F7FBF9; --mint: #3E8E76; color-scheme: light; }

html[data-theme="dark"] {
  color-scheme: dark;
  --fg: #E8ECF3; --fg-rgb: 232,236,243; --surface: #182034; --bg-mid: #121A29; --mint: #4FBFA0;
  /* الصفحة الرئيسية */
  --ink: #33415F; --white: #0E1420; --bg: #0E1420; --bg-soft: #151D2D; --bg-elevated: #202A3E; --gold: #3E8E76; --gold-dark: #4FBFA0;
  /* الصفحات الفرعية (خصوصية/شروط/أسعار/من نحن/اتصل بنا/المندوبون) */
  --line: #2A3550; --soft: #202A3E; --green: #4FBFA0; --green-dark: #6FD3B6;
}
html[data-theme="dark"] body { background: var(--bg, var(--white)); }
html[data-theme="dark"] header.site-header { background: rgba(14,20,32,0.85); border-bottom-color: var(--bg-elevated); }
html[data-theme="dark"] .lang-switch button.active, html[data-theme="dark"] .lang button.on { background: var(--gold); color: #fff; }
html[data-theme="dark"] .store-badge, html[data-theme="dark"] .btn-dark { border: 1px solid rgba(255,255,255,0.08); }
html[data-theme="dark"] footer { border-top: 1px solid rgba(255,255,255,0.06); }
html[data-theme="dark"] img { opacity: 0.92; }

/* قفل الشعار: الاسم بلون النص الحالي والشرطات نعناعية — نفس BrandHeader.js */
.brand .lockup, .lockup { display: inline-flex; align-items: center; color: var(--fg); line-height: 0; }
.lockup svg { height: 34px; width: auto; display: block; }
.lockup .bar { fill: var(--mint); }
footer .lockup, footer .brand .lockup { color: #fff; }
footer .lockup svg { height: 30px; }
.brand { text-decoration: none; }

/* زر الشمس/القمر بجانب مبدّل اللغة */
.hdr-tools { display: flex; align-items: center; gap: 8px; }
.theme-toggle { width: 42px; height: 42px; border-radius: 999px; background: var(--bg-elevated, var(--soft)); color: var(--fg); display: inline-flex; align-items: center; justify-content: center; border: 0; cursor: pointer; flex-shrink: 0; transition: background 0.15s; }
.theme-toggle:hover { background: var(--line, var(--bg-elevated)); }
.theme-toggle svg { width: 20px; height: 20px; }
html:not([data-theme="dark"]) .theme-toggle .sun { display: none; }
html[data-theme="dark"] .theme-toggle .moon { display: none; }

/* وضع التضمين: داخل نافذة التطبيق — لا هيدر ولا تذييل ولا مفتاح لغة/وضع (التطبيق يمرّر اللغة والوضع) */
html.embed header, html.embed header.site-header, html.embed footer { display: none !important; }
html.embed main { padding-top: 16px; }
html.embed .hero { padding-top: 24px; }

/* الجوال الضيّق: هيدر مضغوط حتى لا يفيض أفقيًا (قفل الشعار + مبدّل اللغة + زر الوضع) */
@media (max-width: 480px) {
  .lockup svg { height: 26px; }
  .theme-toggle { width: 36px; height: 36px; }
  .theme-toggle svg { width: 18px; height: 18px; }
  .hdr-tools { gap: 6px; }
  .header-actions { gap: 6px !important; }
  .lang button { padding: 6px 10px !important; }
  .lang-switch { height: 36px !important; }
  .lang-switch button { height: 28px !important; padding: 0 10px !important; font-size: 12px !important; }
  .bar { gap: 8px !important; }
  .header-inner { padding: 0 12px !important; }
}