/* ====================================================
   theme-site-light.css — Next Horizon
   Site-wide light theme. Loaded by includes/navbar.php on every
   page that renders the shared navbar. Activated by html.light-theme
   (toggled via js/theme-toggle.js, stored in localStorage "nh_theme").

   Part 1: theme-button base styles (both themes)
   Part 2: html.light-theme overrides
   ==================================================== */

/* ── Part 1: زر الثيم في النافبار ── */
.nav-theme-btn{
  display:flex;align-items:center;justify-content:center;
  background:transparent;border:none;cursor:pointer;
  font-size:14px;color:rgba(206,206,206,.55);
  padding:6px 8px;border-radius:6px;
  transition:color .2s,background .2s,transform .2s;
  white-space:nowrap;
}
.nav-theme-btn:hover{color:#ffd75e;background:rgba(255,255,255,.06);transform:rotate(12deg)}
html.light-theme .nav-theme-btn{color:#5a677f}
html.light-theme .nav-theme-btn:hover{color:#e08700;background:rgba(16,26,46,.06)}
@media (max-width:960px){ .nav-actions .nav-theme-btn{display:none !important} }

.mob-theme-btn{
  display:inline-flex;align-items:center;gap:8px;
  background:transparent;border:none;cursor:pointer;
  font:inherit;color:inherit;padding:10px 14px;border-radius:8px;
}
.mob-theme-btn:hover{background:rgba(42,125,216,.1)}

/* ── Part 2: الوضع الفاتح ── */
html.light-theme{
  --bg:#eef1f7;
  --bg-card:#ffffff;
  --bg-deep:#e7ebf4;
  --bg-surface:#f3f6fb;
  --bg-input:#f7f9fd;
  --bd:#c7d6e8;
  --soft:#46526b;
  --white:#101a2e;
}

html.light-theme body{background:var(--bg);color:var(--soft)}

/* Navbar */
html.light-theme .navbar{
  background:rgba(255,255,255,.9);
  border-bottom:1px solid rgba(42,125,216,.18);
}
html.light-theme .navbar.scrolled{
  background:rgba(255,255,255,.97) !important;
  box-shadow:0 4px 24px rgba(16,26,46,.12),0 1px 0 rgba(42,125,216,.18);
}
html.light-theme .nav-pill{background:rgba(16,26,46,.05);border-color:rgba(42,125,216,.2)}
html.light-theme .nav-pill a{color:#46526b}
html.light-theme .nav-pill a:hover,
html.light-theme .nav-pill a.active{color:#101a2e}
html.light-theme .nav-lang-toggle{color:rgba(70,82,107,.6)}
html.light-theme .nav-lang-toggle:hover{color:#101a2e;background:rgba(16,26,46,.05)}
html.light-theme .nav-lang-active{color:#101a2e}
html.light-theme .nav-ham span{background:#101a2e}

/* Dropdowns / popups (notifications, avatar, store flyout) */
html.light-theme .nav-popup,
html.light-theme .nav-dd,
html.light-theme .nav-dd-sub{
  background:#ffffff;border-color:rgba(42,125,216,.22);
  box-shadow:0 14px 40px rgba(16,26,46,.16);
}
html.light-theme .nav-popup a,
html.light-theme .nav-dd a{color:#46526b}
html.light-theme .nav-popup a:hover,
html.light-theme .nav-dd a:hover{color:#101a2e;background:rgba(42,125,216,.08)}
html.light-theme .nav-popup-hd{color:#101a2e}

/* Mobile nav */
html.light-theme .mobile-nav{
  background:rgba(255,255,255,.98);
  border-bottom:1px solid rgba(42,125,216,.18);
}
html.light-theme .mobile-nav a,
html.light-theme .mob-services-toggle,
html.light-theme .mob-lang-btn,
html.light-theme .mob-theme-btn{color:#46526b}
html.light-theme .mobile-nav a:hover,
html.light-theme .mob-services-toggle:hover{color:#101a2e;background:rgba(42,125,216,.1)}

/* عناصر ملوّنة يبقى نصها أبيض */
html.light-theme .nav-cta,
html.light-theme .btn-primary,
html.light-theme .mob-new-badge,
html.light-theme .nav-dd-count{color:#fff}

/* Footer (لو يستعمل خلفية داكنة صريحة يبقى داكن — مقبول كتباين) */
html.light-theme footer a{color:#46526b}

/* نصوص شفافة بيضاء شائعة عبر الموقع */
html.light-theme .text-muted{color:#7b879c}

/* ════════════════════════════════════════════════════
   الصفحة الرئيسية — تصحيحات العناصر ذات الألوان الداكنة
   المكتوبة حرفياً (hardcoded) في index1-2-0.css و index.php
   ════════════════════════════════════════════════════ */

/* الشعار الأبيض يولي داكن على الخلفية الفاتحة */
html.light-theme .nav-logo-img,
html.light-theme .footer-logo-img,
html.light-theme .welcome-logo-img{filter:brightness(0) opacity(.82)}

/* ── HERO ── */
html.light-theme .hero{background:radial-gradient(ellipse 100% 80% at 50% 0%,#ffffff 0%,#eef1f7 60%)}
html.light-theme .hero-video-bg::after{
  background:
    linear-gradient(to bottom, rgba(238,241,247,.88) 0%, rgba(238,241,247,.72) 35%, rgba(238,241,247,.72) 65%, rgba(238,241,247,.98) 100%),
    radial-gradient(ellipse 80% 60% at 50% 50%, rgba(238,241,247,.5) 0%, transparent 100%);
}
html.light-theme .hero-tagline{text-shadow:0 0 40px rgba(42,125,216,.25)}
html.light-theme .hero-slogan{color:#5c6880}
html.light-theme .btn-outline{background:rgba(16,26,46,.04);color:#101a2e;border-color:rgba(16,26,46,.28)}
html.light-theme .btn-outline:hover{background:rgba(16,26,46,.08);border-color:rgba(16,26,46,.45);box-shadow:0 12px 30px rgba(16,26,46,.12)}
html.light-theme .stat-card{background:rgba(255,255,255,.85);border-color:rgba(42,125,216,.3)}
html.light-theme .stat-label{color:#7b879c}
html.light-theme .stat-value{text-shadow:none}
html.light-theme .hero-bg-txt{opacity:.04}

/* ── شريط الأرقام (stats bar) ── */
html.light-theme .stats-bar{background:rgba(255,255,255,.8);border-color:rgba(42,125,216,.15)}
html.light-theme .sbar-val{color:#101a2e;text-shadow:none}
html.light-theme .sbar-lbl{color:#7b879c}

/* ── شريط العلامات (brands marquee) ── */
html.light-theme .brand-item{filter:grayscale(1) brightness(.35);opacity:.55}
html.light-theme .brand-item:hover{filter:grayscale(0) brightness(1);opacity:1}
html.light-theme .brand-text-fallback{color:#7b879c}

/* ── عناوين الأقسام ── */
html.light-theme .sec-sub{color:#5c6880}

/* ── What Sets Us Apart (feat hub) ── */
html.light-theme .feat-tab{background:#ffffff;border-color:rgba(42,125,216,.2)}
html.light-theme .feat-tab:hover{background:rgba(42,125,216,.06)}
html.light-theme .feat-tab.active{background:rgba(42,125,216,.1)}
html.light-theme .feat-tab-title{color:#46526b}
html.light-theme .feat-tab.active .feat-tab-title{color:#101a2e}
/* اللوحة الكبيرة تبقى داكنة (صورة + تدرج) — نصها أبيض أصلاً فتبقى مقروءة */
html.light-theme .feat-pane{border-color:rgba(16,26,46,.25);background:rgba(16,26,46,.9)}

/* بطاقات feat-card العادية */
html.light-theme .feat-card{background:#ffffff;border-color:rgba(42,125,216,.18)}
html.light-theme .feat-card:hover{box-shadow:0 20px 60px rgba(16,26,46,.14),0 0 40px rgba(42,125,216,.08)}
html.light-theme .feat-desc{color:#5c6880}
html.light-theme .feat-img{background-color:#dde5f0}

/* ── From brief to delivery (process) ── */
html.light-theme .proc-card{background:#ffffff;border-color:rgba(42,125,216,.2)}
html.light-theme .proc-card.active{background:#f4f8fe;box-shadow:0 0 40px rgba(42,125,216,.12)}
html.light-theme .proc-title{color:#101a2e}
html.light-theme .proc-desc{color:#5c6880}

/* ── شريط التطبيق + قسم التحميل ── */
html.light-theme .app-strip{background:rgba(255,255,255,.85);border-top-color:rgba(16,26,46,.08)}
html.light-theme .app-strip-title{color:#101a2e}
html.light-theme .app-strip-copy span,
html.light-theme .app-strip-sub{color:#7b879c}
html.light-theme .app-download-desc{color:#5c6880}
html.light-theme .app-feature-item{color:#46526b}
html.light-theme .app-stat-lbl{color:#7b879c}
html.light-theme .app-dl-btn{color:#fff}

/* ── التقييمات (reviews) ── */
html.light-theme .reviews-pill{background:#ffffff;border-color:rgba(42,125,216,.25);color:#46526b}
html.light-theme .tp-badge{background:#ffffff;border-color:rgba(0,182,122,.4)}
html.light-theme .rev-card{background:#ffffff;border-color:rgba(42,125,216,.18)}
html.light-theme .rev-card:hover{box-shadow:0 14px 40px rgba(16,26,46,.12),0 0 24px rgba(42,125,216,.06)}
html.light-theme .rev-text{color:#5c6880}

/* ── الأسئلة الشائعة (FAQ) ── */
html.light-theme .faq-item{background:#ffffff;border-color:rgba(42,125,216,.2)}
html.light-theme .faq-item.open{box-shadow:0 0 30px rgba(42,125,216,.1)}
html.light-theme .faq-q{color:#101a2e}
html.light-theme .faq-q:hover{color:#2A7DD8}
html.light-theme .faq-a p{color:#5c6880}

/* ── الفوتر ── */
html.light-theme .footer{border-top-color:rgba(42,125,216,.16)}
html.light-theme .footer-tagline{color:#7b879c}
html.light-theme .fsoc{background:rgba(16,26,46,.05);border-color:rgba(16,26,46,.12);color:#5c6880}
html.light-theme .fsoc:hover{color:#101a2e;background:rgba(42,125,216,.12)}
html.light-theme .footer-col-list li a{color:#5c6880}
html.light-theme .footer-col-list li a:hover{color:#101a2e}
html.light-theme .footer-copy{color:#93a0b5}

/* ── سلايدر الخدمات (fade slider) ── */
html.light-theme .fsld-body{background:#ffffff;border-top-color:rgba(42,125,216,.15)}
html.light-theme .fsld-overlay{background:linear-gradient(to bottom,transparent 40%,rgba(238,241,247,.35) 100%)}
html.light-theme .fsld-btn{background:rgba(255,255,255,.9);border-color:rgba(42,125,216,.3);color:#101a2e}

/* ════════════════════════════════════════════════════
   أيقونات النافبار (جرس، رسائل، سلة...) — كانت بيضاء فاختفت
   ════════════════════════════════════════════════════ */
html.light-theme .nav-icon-btn,
html.light-theme .nib-bell,
html.light-theme .nib-msg{
  background:rgba(16,26,46,.05);
  border-color:rgba(16,26,46,.15);
  color:#46526b;
}
html.light-theme .nav-icon-btn:hover,
html.light-theme .nib-bell:hover,
html.light-theme .nib-msg:hover{color:#101a2e}
html.light-theme .nav-popup-close{color:#7b879c}
html.light-theme .nav-popup-close:hover{color:#101a2e;background:rgba(16,26,46,.06)}
html.light-theme .npl-title,
html.light-theme .msg-name{color:#101a2e}
html.light-theme .npl-msg,
html.light-theme .msg-preview,
html.light-theme .npl-empty{color:#7b879c}
html.light-theme .avatar-popup .nav-popup-list li a{color:#46526b}
html.light-theme .avatar-popup .nav-popup-list li a:hover{color:#101a2e}
html.light-theme .nav-dropdown{background:#ffffff;border-color:rgba(42,125,216,.22);box-shadow:0 14px 40px rgba(16,26,46,.16)}
html.light-theme .nav-dropdown li a{color:#46526b}
html.light-theme .nav-dropdown li a:hover{color:#101a2e}
html.light-theme .lang-btn{color:#35507a}
html.light-theme .lang-btn:hover{color:#101a2e}

/* شريط الأسماء المتحرك تحت الهيرو (ticker) */
html.light-theme .ticker-item{color:#35507a}
html.light-theme .hero-ticker{border-color:rgba(16,26,46,.1)}
html.light-theme .brand-item{filter:grayscale(1) brightness(.25);opacity:.7}
html.light-theme .brand-item:hover{filter:grayscale(0) brightness(1);opacity:1}

/* ════════════════════════════════════════════════════
   صفحة الأعمال (works.php) — كان فيها body داكن بـ !important
   ════════════════════════════════════════════════════ */
html.light-theme body{background:var(--bg) !important;color:var(--soft) !important}
html.light-theme .wk-hero{background:radial-gradient(ellipse 100% 80% at 50% 0%,#ffffff 0%,#eef1f7 70%)}
html.light-theme .wk-hero-fade{background:linear-gradient(to bottom,transparent 40%,#eef1f7 100%)}
html.light-theme .wk-hero-title{color:#101a2e}
html.light-theme .wk-hero-sub{color:#5c6880}
html.light-theme .wk-filter-btn{background:#ffffff;border-color:rgba(42,125,216,.25);color:#46526b}
html.light-theme .wk-filter-btn:hover{color:#101a2e !important}
/* بطاقات المشاريع تبقى داكنة (فيديوهات) — نصوصها بيضاء أصلاً فتبقى مقروءة */

/* ════════════════════════════════════════════════════
   صفحة الاشتراكات (Subscriptions.php)
   ════════════════════════════════════════════════════ */
html.light-theme .sub-hero{background:radial-gradient(ellipse 100% 80% at 50% 0%,#ffffff 0%,#eef1f7 70%)}
html.light-theme .sub-hero-title{color:#101a2e}
html.light-theme .sub-hero-sub{color:#5c6880}
html.light-theme .sub-toggle-label{color:#7b879c}
html.light-theme .sub-toggle-label.active{color:#101a2e}
/* بطاقات الخطط تولي بيضاء والنصوص غامقة */
html.light-theme .plan-card{background:#ffffff;border-color:rgba(42,125,216,.22)}
html.light-theme .plan-card.featured{
  background:#f4f8fe;
  box-shadow:0 0 0 1px rgba(42,125,216,.25),0 20px 60px rgba(16,26,46,.14),0 0 60px rgba(42,125,216,.1);
}
html.light-theme .plan-desc{color:#5c6880}
html.light-theme .plan-cta.cta-primary{color:#fff}
html.light-theme .plan-cta.cta-outline{color:#2A7DD8;border-color:rgba(42,125,216,.4)}