/* ============================================================
   مفزاع v8.4 — الثيم العصري (theme-modern)
   يتفعّل من صفحة المدير: العلامة والدومين > تصميم الموقع
   شكل جديد: خلفية كريمية دافئة + بطاقات بيضاء نظيفة +
   أزرار داكنة مدوّرة + لمسات ذهبية وبيستل — والكلاسيكي يبقى كما هو
   ============================================================ */

/* ---- الأساس ---- */
body.theme-modern {
  background: #F8F6F2;
  color: #1B2A3C;
}
body.theme-modern .logo-row { color: #102A43; }
body.theme-modern .sidebar__brand { color: var(--white); }   /* الشريط الجانبي يظل غامق */
body.theme-modern .nav__brand { color: #102A43; }

/* ---- الشريط العلوي (الرئيسية) ---- */
body.theme-modern .nav {
  background: rgba(255, 255, 255, 0.94);
  border-bottom: 1px solid #E9E2D4;
}
body.theme-modern .nav__link { color: #33475F; }
body.theme-modern .nav__link:hover { color: #0D9488; }
body.theme-modern .nav .btn--ghost { color: #17252F; border-color: #D8CFBE; }
body.theme-modern .nav .btn--ghost:hover { border-color: #17252F; color: #17252F; }
body.theme-modern .nav .btn--dark,
body.theme-modern .nav .btn--primary { border-radius: 999px; }

/* ---- الهيرو ---- */
body.theme-modern .hero {
  background:
    radial-gradient(900px 420px at 88% -12%, rgba(13, 148, 136, 0.10), transparent 60%),
    radial-gradient(700px 380px at 8% 112%, rgba(215, 164, 74, 0.12), transparent 62%),
    linear-gradient(180deg, #FDFBF7 0%, #F8F6F2 100%);
  color: #1B2A3C;
}
body.theme-modern .hero::before {
  background-image:
    linear-gradient(rgba(23, 37, 47, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(23, 37, 47, 0.045) 1px, transparent 1px);
}
body.theme-modern .hero h1 { color: #14213A; }
body.theme-modern .hero h1 em { color: #0D9488; }
body.theme-modern .hero__sub { color: #5B6B7E; }
body.theme-modern .hero__badge {
  background: rgba(13, 148, 136, 0.10);
  border-color: rgba(13, 148, 136, 0.28);
  color: #0B7C71;
}
body.theme-modern .hero__stat b { color: #0D9488; }
body.theme-modern .hero__stat span { color: #6B7A8C; }

/* نافذة «التقديم الحي» داخل الهيرو — تبقى كحلية غامقة بمظهر أنيق */
body.theme-modern .mock {
  background: #17252F;
  border: 1px solid #243240;
  box-shadow: 0 30px 65px -25px rgba(27, 42, 60, 0.45);
}
body.theme-modern .mock__bar { background: #101820; }
body.theme-modern .mock__title { color: #7C8B9C; }

/* ---- الأزرار: داكنة مدوّرة في الهيرو والبطاقات ---- */
body.theme-modern .btn { border-radius: 999px; }
body.theme-modern .btn--amber {
  background: #17252F;
  color: #FDFBF7;
  box-shadow: 0 10px 26px -10px rgba(23, 37, 47, 0.55);
}
body.theme-modern .btn--amber:hover { background: #22333F; transform: translateY(-1px); }
body.theme-modern .btn--primary {
  background: linear-gradient(135deg, #14B8A6, #0D9488);
  color: #FFFFFF;
  box-shadow: 0 10px 26px -10px rgba(13, 148, 136, 0.55);
}
body.theme-modern .pricing .btn--ghost,
body.theme-modern .hero .btn--ghost,
body.theme-modern .btn--ghost {
  color: #17252F;
  border-color: #D8CFBE;
}
body.theme-modern .pricing .btn--ghost:hover,
body.theme-modern .hero .btn--ghost:hover,
body.theme-modern .btn--ghost:hover { border-color: #17252F; color: #17252F; background: rgba(23, 37, 47, 0.04); }

/* ---- قسم الباقات: فاتح بالكامل ---- */
body.theme-modern .pricing {
  background: #F3EFE7;
  color: #1B2A3C;
}
body.theme-modern .pricing .section-head h2 { color: #14213A; }
body.theme-modern .pricing .section-head p { color: #5B6B7E !important; }
body.theme-modern .kicker { color: #0B7C71 !important; }
body.theme-modern .price-card {
  background: #FFFFFF;
  border: 1px solid #EAE2D3;
  box-shadow: 0 18px 44px -24px rgba(27, 42, 60, 0.22);
}
body.theme-modern .pricing .price-card h3 { color: #14213A; }
body.theme-modern .price-card__desc { color: #5B6B7E; }
body.theme-modern .price b { color: #14213A; letter-spacing: -1px; }
body.theme-modern .price span { color: #6B7A8C; }
body.theme-modern .price-card__note { color: #6B7A8C; }
body.theme-modern .price-card li { color: #3D4E61; }
body.theme-modern .price-card:hover {
  transform: translateY(-5px);
  border-color: rgba(13, 148, 136, 0.45);
  box-shadow: 0 26px 55px -22px rgba(27, 42, 60, 0.3);
}
body.theme-modern .price-card--featured {
  border-color: var(--teal-500, #14B8A6);
  background: linear-gradient(165deg, rgba(13, 148, 136, 0.10), rgba(13, 148, 136, 0.02) 45%), #FFFFFF;
  box-shadow: 0 26px 60px -22px rgba(13, 148, 136, 0.30);
}
body.theme-modern .price-card__flag {
  background: #CCF0EA; color: #0B7C71;
}

/* لوحة «المعلومات والسعر المفعّل» — نسخة الثيم العصري */
body.theme-modern .plan-reveal {
  background: #FBF8F2;
  border: 1px solid #EADFC9;
}
body.theme-modern .plan-reveal .prv-title { color: #0B7C71; }
body.theme-modern .plan-reveal .prv-spec { color: #5B6B7E; }
body.theme-modern .plan-reveal .prv-row { border-top-color: rgba(13, 148, 136, 0.22); color: #5B6B7E; }
body.theme-modern .plan-reveal .prv-row b { color: #17252F; }
body.theme-modern .plan-reveal .prv-row--main b { color: #14213A; }
body.theme-modern .plan-reveal .prv-row em { color: #0B7C71; }
body.theme-modern .plan-reveal .prv-row small { color: #0B7C71; }

/* ---- بطاقات وأقسام عامة ---- */
body.theme-modern .card {
  background: #FFFFFF;
  border: 1px solid #ECE5D6;
  border-radius: 18px;
  box-shadow: 0 14px 34px -20px rgba(27, 42, 60, 0.22);
}
body.theme-modern .card h3 { color: #14213A; }
body.theme-modern .step__num {
  background: #E2F5F1; color: #0B7C71;
  box-shadow: none;
}
body.theme-modern .trust-band { background: #FFFFFF; border-block: 1px solid #E9E2D4; }
body.theme-modern .dev-band {
  background: #FFFFFF;
  border: 1px solid #ECE5D6;
}
body.theme-modern .section-head h2,
body.theme-modern .section h2 { color: #14213A; }
body.theme-modern .faq-item { background: #FFFFFF; border-color: #ECE5D6; border-radius: 14px; }
body.theme-modern .faq-item h3 { color: #14213A; }

/* ---- الذيل ---- */
body.theme-modern .footer {
  background: #17252F;
  color: #C9CFD8;
  border-top: 3px solid #14B8A6;
}
body.theme-modern .footer h4 { color: #FDFBF7; }
body.theme-modern .footer a:hover { color: #5EEAD4; }

/* ---- الدخول والتسجيل ---- */
body.theme-modern .auth-card {
  background: #FFFFFF;
  border: 1px solid #ECE5D6;
  border-radius: 20px;
  box-shadow: 0 30px 70px -30px rgba(27, 42, 60, 0.3);
}

/* ---- الداخل (لوحة العميل والإدارة) ---- */
body.theme-modern .sidebar {
  background: #17252F;
  color: #D5DBE4;
}
body.theme-modern .nav-item { color: #C9CFD8; }
body.theme-modern .nav-item:hover { background: rgba(255, 255, 255, 0.07); }
body.theme-modern .nav-item.active {
  background: rgba(45, 212, 191, 0.16);
  color: #5EEAD4;
}
/* v9.9.82: التذاكر المفتوحة — أحمر حتى مع الثيم الحديث ولو العنصر مفتوح */
body.theme-modern .nav-item--alert,
body.theme-modern .nav-item--alert:hover,
body.theme-modern .nav-item--alert.active { color: #FB7185 !important; background: rgba(251, 113, 133, 0.16) !important; }
body.theme-modern .nav-item--alert svg { color: #FB7185 !important; }
body.theme-modern .nav-item--alert span { color: #FB7185 !important; font-weight: 700; }
body.theme-modern .stat { background: #FFFFFF; border-color: #ECE5D6; border-radius: 16px; }
body.theme-modern .stat b { color: #14213A; }
body.theme-modern .input {
  background: #FFFFFF;
  border-color: #DDD5C6;
  border-radius: 12px;
}
body.theme-modern .input:focus { border-color: #0D9488; box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.14); }
body.theme-modern .ai-chip {
  color: #0B7C71;
  background: rgba(13, 148, 136, 0.10);
  border-color: rgba(13, 148, 136, 0.3);
}
body.theme-modern .badge--teal { background: #E4F5F1; color: #0B7C71; }
body.theme-modern .badge--amber { background: #F7EEDC; color: #8A6A2F; }
body.theme-modern .alert {
  border-radius: 12px;
}

/* ---- تتمة الثيم العصري: نصوص كانت مصممة للخلفيات الغامقة ---- */
body.theme-modern .auth-wrap {
  background:
    radial-gradient(900px 400px at 90% 0%, rgba(13, 148, 136, 0.10), transparent 55%),
    radial-gradient(700px 350px at 0% 100%, rgba(215, 164, 74, 0.10), transparent 55%),
    #F3EFE7;
}
body.theme-modern .pricing .autoapply-note,
body.theme-modern .autoapply-note { color: #6B7A8C; }
body.theme-modern .pricing .plan-why,
body.theme-modern .plan-why {
  color: #3D4E61;
  background: #F1F6F4;
  border-color: rgba(13, 148, 136, 0.35);
}
body.theme-modern .pricing .price-card__note,
body.theme-modern .price-card .price-card__note { color: #6B7A8C; }
body.theme-modern .hire-disclaimer { color: #5B6B7E; border-top-color: #E5DCCB; }
body.theme-modern .btn--outline { background: #FFFFFF; color: #17252F; border-color: #17252F; }
body.theme-modern .btn--outline:hover { background: #F3EFE7; }
body.theme-modern .lang-switch { color: #33475F; border-color: #D8CFBE; }
body.theme-modern .lang-switch:hover { border-color: #17252F; }
/* v9.5: زر الخروج واضح داخل القائمة الجانبية الغامقة */
body.theme-modern .sidebar .btn--ghost { color: #F7F3EC; border-color: rgba(247,243,236,.35); }
body.theme-modern .sidebar .btn--ghost:hover { color: #5EEAD4; border-color: #5EEAD4; background: rgba(45,212,191,.08); }
/* v9.5: الشعار في التذييل فاتح وواضح على الخلفية الغامقة */
body.theme-modern .footer .nav__brand { color: #FDFBF7; }