/* ملكاوي ماث: الوضع النهاري. الافتراضي ليلي، وهاد الملف بيشتغل بس لما <html data-theme="light"> */

.logo-on-light { display: none !important; }
[data-theme="light"] .logo-on-dark { display: none !important; }
[data-theme="light"] .logo-on-light { display: inline-block !important; }
[data-theme="light"] .auth-logo.logo-on-light { display: block !important; }

[data-theme="light"] body.site {
  --navy: #ffffff;
  --navy-2: #f4efec;
  --blue: #c8102e;
  --blue-soft: rgba(200, 16, 46, .08);
  --on-dark: #3a3a3f;
  --bg: #faf7f5;
  --card: rgba(255, 255, 255, .86);
  --card-solid: #ffffff;
  --ink: #1b1b1f;
  --muted: #62626b;
  --silver: #4a4a52;
  --line: rgba(20, 20, 30, .1);
  --ok: #138a4a;
  --ok-soft: rgba(19, 138, 74, .1);
  --bad: #c62828;
  --bad-soft: rgba(198, 40, 40, .08);
  --shadow: 0 8px 28px rgba(80, 20, 30, .08);
  color-scheme: light;
  background: radial-gradient(1200px 600px at 85% -10%, rgba(200, 16, 46, .07), transparent 60%), var(--bg);
}
[data-theme="light"] body.site ::selection { background: rgba(200, 16, 46, .2); color: #111; }
[data-theme="light"] body.site { scrollbar-color: #d9a3ad #f1ebe8; }
[data-theme="light"] body.site ::-webkit-scrollbar-track { background: #f1ebe8; }
[data-theme="light"] body.site ::-webkit-scrollbar-thumb { border-color: #f1ebe8; }
[data-theme="light"] .math-bg { opacity: .35; }
[data-theme="light"] .math-symbol { color: rgba(200, 16, 46, .16); }

/* الهيدر والقائمة */
[data-theme="light"] body.site .site-header { background: rgba(255, 255, 255, .78); }
[data-theme="light"] body.site .site-header.scrolled { background: rgba(255, 255, 255, .96); box-shadow: 0 4px 20px rgba(80, 20, 30, .08); border-color: var(--line); }
[data-theme="light"] body.site .brand { color: var(--ink); }
[data-theme="light"] body.site .nav-links > a:not(.btn) { color: #3a3a3f; }
[data-theme="light"] body.site .nav-links > a:not(.btn):hover, [data-theme="light"] body.site .nav-links > a.active { color: #c8102e; }
[data-theme="light"] body.site .nav-links .btn-ghost, [data-theme="light"] body.site .btn-ghost { color: var(--ink); border-color: rgba(20, 20, 30, .18); }
[data-theme="light"] body.site .btn-ghost:hover { background: rgba(200, 16, 46, .06); }
[data-theme="light"] .theme-toggle, [data-theme="light"] .lang-toggle, [data-theme="light"] body.site .nav-toggle, [data-theme="light"] .drawer-close { color: var(--ink); border-color: rgba(20, 20, 30, .14); background: #fff; }
@media (max-width: 860px) {
  [data-theme="light"] body.site .site-header { background: rgba(255, 255, 255, .97); }
  [data-theme="light"] body.site .nav-links, [data-theme="light"] body.site .nav-links.open { background: linear-gradient(180deg, #fff2f4, #ffffff 40%); border-right-color: rgba(200, 16, 46, .2); box-shadow: 20px 0 60px rgba(60, 10, 20, .18); }
  [data-theme="light"] body.site .nav-links > a:not(.btn) { border-bottom-color: rgba(20, 20, 30, .07); }
  [data-theme="light"] .drawer-head { border-bottom-color: rgba(20, 20, 30, .08); }
  [data-theme="light"] .nav-backdrop { background: rgba(30, 10, 15, .3); }
}

/* البطاقات والأقسام */
[data-theme="light"] body.site .card, [data-theme="light"] body.site .program-card, [data-theme="light"] body.site .course-card, [data-theme="light"] body.site .exam-row,
[data-theme="light"] body.site .unit, [data-theme="light"] body.site .buy-box, [data-theme="light"] body.site .facts div, [data-theme="light"] body.site .step,
[data-theme="light"] body.site .locked-box, [data-theme="light"] body.site .empty, [data-theme="light"] body.site .kpi, [data-theme="light"] .faq details, [data-theme="light"] .dash-stats > div {
  background: var(--card); border-color: var(--line); box-shadow: var(--shadow);
}
[data-theme="light"] body.site .program-card:hover, [data-theme="light"] body.site .course-card:hover, [data-theme="light"] body.site .exam-row:hover { box-shadow: 0 16px 40px rgba(200, 16, 46, .14); }
[data-theme="light"] body.site .course-card::after { background: linear-gradient(115deg, transparent 30%, rgba(255, 255, 255, .5) 45%, transparent 60%); }
[data-theme="light"] body.site .band { background: rgba(255, 255, 255, .6); }
[data-theme="light"] body.site .page-head { background: linear-gradient(to bottom, rgba(200, 16, 46, .09), transparent); }
[data-theme="light"] body.site .page-head h1, [data-theme="light"] body.site h1, [data-theme="light"] body.site h2, [data-theme="light"] body.site h3 { color: var(--ink); }
[data-theme="light"] body.site .page-head::before { background-image: linear-gradient(rgba(0,0,0,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(0,0,0,.045) 1px, transparent 1px); }
[data-theme="light"] body.site .teacher-photo { background: linear-gradient(135deg, #fde8ec, #fff); }
[data-theme="light"] body.site .site-footer { background: rgba(255, 255, 255, .9); }
[data-theme="light"] body.site .footer-links a:hover { color: #c8102e; }
[data-theme="light"] body.site .features > div:hover { background: rgba(200, 16, 46, .04); }

/* الهيرو */
[data-theme="light"] body.site .hero { background: radial-gradient(circle at 50% 40%, rgba(200, 16, 46, .1) 0%, transparent 70%); }
[data-theme="light"] body.site .hero h1 { background: linear-gradient(45deg, #1b1b1f 40%, #c8102e); -webkit-background-clip: text; background-clip: text; filter: none; }
[data-theme="light"] .hero-graph path[stroke="#fff"], [data-theme="light"] .hero-graph .d3 { stroke: #000; }
[data-theme="light"] .hero-graph pattern path { stroke: #000; }
[data-theme="light"] body.site .hero-glow { background: radial-gradient(circle, rgba(200, 16, 46, .12), transparent 65%); }
[data-theme="light"] body.site .hero-board { background: rgba(255, 255, 255, .85); border-color: rgba(200, 16, 46, .18); box-shadow: 0 20px 50px rgba(200, 16, 46, .12); color: var(--ink); }
[data-theme="light"] .board-dots i { background: #ddd; }
[data-theme="light"] .pill { color: #a00d26; background: rgba(200, 16, 46, .08); border-color: rgba(200, 16, 46, .25); }
[data-theme="light"] body.site .stats div { background: rgba(255, 255, 255, .92); }
[data-theme="light"] body.site .stats b { color: #c8102e; text-shadow: none; }
[data-theme="light"] .steps-flow b { box-shadow: 0 0 0 6px var(--bg), 0 0 0 7px rgba(200, 16, 46, .3), 0 10px 26px rgba(200, 16, 46, .3); }
[data-theme="light"] .cta-band { background: radial-gradient(600px 200px at 85% 0%, rgba(255, 77, 106, .45), transparent 60%), linear-gradient(135deg, #a00d26, #580016); color: #fff; }
[data-theme="light"] .cta-band h2 { color: #fff; }
[data-theme="light"] .cta-band .btn-outline-light { color: #fff; border-color: #fff; }

/* الأزرار والشارات */
[data-theme="light"] body.site .btn-outline, [data-theme="light"] body.site .btn-outline-light { color: #c8102e; }
[data-theme="light"] body.site .btn-outline:hover, [data-theme="light"] body.site .btn-outline-light:hover { color: #fff; }
[data-theme="light"] body.site .eyebrow { color: #c8102e; }
[data-theme="light"] body.site .chip { color: #a00d26; }
[data-theme="light"] body.site .chip-free { background: rgba(19, 138, 74, .1); color: #138a4a; }
[data-theme="light"] body.site .chip-dark { background: rgba(0, 0, 0, .65); color: #fff; }
[data-theme="light"] body.site .status-awaiting_review, [data-theme="light"] body.site .diff-medium { color: #9a6200; background: rgba(242, 165, 22, .14); }
[data-theme="light"] body.site .status-pending { color: #444; background: rgba(0, 0, 0, .06); }
[data-theme="light"] body.site .price { color: var(--ink); }
[data-theme="light"] body.site .course-card .price:not(.free) { color: #fff; }
[data-theme="light"] body.site .alert-success { color: #0f6b3a; border-color: rgba(19, 138, 74, .3); }
[data-theme="light"] body.site .alert-error { color: #a01818; border-color: rgba(198, 40, 40, .3); }
[data-theme="light"] body.site .alert-info { color: #333; background: #fff; }
[data-theme="light"] body.site .flashes .alert { box-shadow: 0 12px 40px rgba(60, 10, 20, .15); }
[data-theme="light"] body.site .progress { background: rgba(0, 0, 0, .08); }
[data-theme="light"] body.site a.light-link { color: #c8102e; }

/* النماذج */
[data-theme="light"] body.site input:not([type=checkbox]):not([type=radio]):not([type=file]), [data-theme="light"] body.site select, [data-theme="light"] body.site textarea { background: #fff; border-color: rgba(20, 20, 30, .16); color: var(--ink); }
[data-theme="light"] body.site select option { background: #fff; color: var(--ink); }
[data-theme="light"] body.site input::placeholder, [data-theme="light"] body.site textarea::placeholder { color: #9a9aa2; }
[data-theme="light"] body.site input:disabled { background: #f3f0ee; }
[data-theme="light"] body.site .pw-toggle { color: var(--ink); }
[data-theme="light"] body.site .pw-meter { background: rgba(0, 0, 0, .08); }
[data-theme="light"] body.site .code-input { background: #fff; border-color: rgba(200, 16, 46, .4); }
[data-theme="light"] body.site .auth-card { box-shadow: 0 30px 70px rgba(80, 20, 30, .12); border-color: rgba(200, 16, 46, .15); }
[data-theme="light"] .auth-icon { background: radial-gradient(circle at 30% 25%, rgba(224, 21, 58, .14), rgba(200, 16, 46, .05)); }
[data-theme="light"] body.site .search-box input { background: #fff; color: var(--ink); }
[data-theme="light"] .filter-chips button { background: #fff; }

/* الدروس والامتحانات */
[data-theme="light"] body.site .learn-side { background: #fff; }
[data-theme="light"] body.site .side-lessons .current a { color: #a00d26; }
[data-theme="light"] body.site .lesson-list li:hover, [data-theme="light"] body.site .side-lessons a:hover { background: rgba(200, 16, 46, .05); }
[data-theme="light"] body.site .exam-bar { background: rgba(255, 255, 255, .96); }
[data-theme="light"] body.site .timer { background: #fff0f2; color: #a00d26; border-color: rgba(200, 16, 46, .3); }
[data-theme="light"] body.site .timer.low { color: #fff; }
[data-theme="light"] body.site .option { border-color: rgba(20, 20, 30, .14); background: #fff; }
[data-theme="light"] body.site .explain, [data-theme="light"] body.site .preview { background: rgba(0, 0, 0, .035); }
[data-theme="light"] body.site .result-hero.pass { color: #0f6b3a; }
[data-theme="light"] body.site .result-hero.fail { color: #a01818; }
[data-theme="light"] body.site .table th { background: rgba(0, 0, 0, .035); }
[data-theme="light"] body.site .step b { background: rgba(200, 16, 46, .08); }
[data-theme="light"] .ring { background: conic-gradient(#c8102e calc(var(--p) * 1%), rgba(0, 0, 0, .07) 0); }
[data-theme="light"] .ring span { background: #fff; color: var(--ink); }
[data-theme="light"] .dash-stats b, [data-theme="light"] body.site .buy-price { background: linear-gradient(45deg, #1b1b1f, #c8102e); -webkit-background-clip: text; background-clip: text; }
[data-theme="light"] .resume { background: linear-gradient(135deg, rgba(200, 16, 46, .08), #fff) !important; border-color: rgba(200, 16, 46, .25) !important; }
[data-theme="light"] .to-top { background: rgba(255, 255, 255, .92); color: var(--ink); border-color: rgba(200, 16, 46, .3); }
[data-theme="light"] .to-top:hover { color: #fff; }
[data-theme="light"] .course-art .art-curve { filter: none; }
[data-theme="light"] .board-line { color: var(--ink); border-bottom-color: rgba(0, 0, 0, .1); }

/* ── الهيدر خمري بالوضعين، والشعار داخل مربع أبيض ── */
body.site .site-header, [data-theme="light"] body.site .site-header {
  background: linear-gradient(100deg, #4a0012 0%, #6e0a22 45%, #800020 75%, #5a0418 100%);
  border-bottom: 1px solid rgba(255, 120, 140, .22); box-shadow: 0 6px 24px rgba(60, 0, 16, .35);
  -webkit-backdrop-filter: none; backdrop-filter: none;
}
body.site .site-header.scrolled, [data-theme="light"] body.site .site-header.scrolled { background: linear-gradient(100deg, #3f0010, #680a20 50%, #7a051e); box-shadow: 0 8px 28px rgba(40, 0, 10, .5); border-color: rgba(255, 120, 140, .25); }
body.site .site-header::after { content: ""; position: absolute; inset-inline: 0; bottom: -1px; height: 1px; background: linear-gradient(90deg, transparent, rgba(255, 180, 190, .7), transparent); pointer-events: none; }
body.site .site-header .brand, [data-theme="light"] body.site .site-header .brand { color: #fff; }
body.site .site-header .brand-mark {
  width: 46px; height: 46px; padding: 6px; border-radius: 13px; background: #fff;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, .6), 0 6px 18px rgba(0, 0, 0, .35), inset 0 -2px 0 rgba(128, 0, 32, .12);
  transition: transform .3s cubic-bezier(.2, .8, .2, 1), box-shadow .3s;
}
body.site .site-header .brand:hover .brand-mark { transform: rotate(-6deg) scale(1.05); box-shadow: 0 0 0 2px #fff, 0 10px 24px rgba(0, 0, 0, .4); }
body.site .site-header .brand-mark .logo-on-dark { display: none !important; }
body.site .site-header .brand-mark .logo-on-light { display: block !important; }
@media (min-width: 861px) {
  body.site .site-header .nav-links > a:not(.btn), [data-theme="light"] body.site .site-header .nav-links > a:not(.btn) { color: rgba(255, 255, 255, .85); }
  body.site .site-header .nav-links > a:not(.btn):hover, body.site .site-header .nav-links > a.active,
  [data-theme="light"] body.site .site-header .nav-links > a:not(.btn):hover, [data-theme="light"] body.site .site-header .nav-links > a.active { color: #fff; }
  body.site .site-header .nav-links > a:not(.btn)::after { background: #fff; }
  body.site .site-header .nav-links .btn-ghost, [data-theme="light"] body.site .site-header .nav-links .btn-ghost { color: #fff; border-color: rgba(255, 255, 255, .35); background: rgba(255, 255, 255, .06); }
  body.site .site-header .nav-links .btn-ghost:hover, [data-theme="light"] body.site .site-header .nav-links .btn-ghost:hover { background: rgba(255, 255, 255, .16); border-color: #fff; }
  body.site .site-header .nav-links .btn-link, [data-theme="light"] body.site .site-header .nav-links .btn-link { color: rgba(255, 255, 255, .75); }
  body.site .site-header .nav-links .btn-primary { background: #fff; color: #800020; box-shadow: 0 6px 18px rgba(0, 0, 0, .25); }
}
body.site .site-header .theme-toggle, body.site .site-header .lang-toggle, body.site .site-header .nav-toggle,
[data-theme="light"] body.site .site-header .theme-toggle, [data-theme="light"] body.site .site-header .lang-toggle, [data-theme="light"] body.site .site-header .nav-toggle {
  color: #fff; border-color: rgba(255, 255, 255, .3); background: rgba(255, 255, 255, .08);
}
body.site .site-header .theme-toggle:hover, body.site .site-header .lang-toggle:hover { border-color: #fff; background: rgba(255, 255, 255, .18); }
[data-theme="light"] body.site .site-header .nav-toggle span, body.site .site-header .nav-toggle span { background: #fff; }
@media (max-width: 860px) {
  body.site .drawer-head, [data-theme="light"] body.site .drawer-head { background: linear-gradient(100deg, #4a0012, #800020); border-bottom-color: rgba(255, 120, 140, .25); color: #fff; }
  body.site .drawer-head .brand, [data-theme="light"] body.site .drawer-head .brand { color: #fff; }
  body.site .drawer-close, [data-theme="light"] body.site .drawer-close { color: #fff; border-color: rgba(255, 255, 255, .3); background: rgba(255, 255, 255, .1); }
}