/* ============================================================ جيب لي — طبقة المظهر الجديد (v2) · «الزبون» المرجاني الدافئ تُطبَّق فقط عند فتعيد تعريف متغيّرات --mt-* دون لمس أي مكوّن. الكلاسيكي (النيلي) يبقى كما هو عند data-theme="classic". ألوان دافئة فقط — لا أخضر ولا أزرق. ============================================================ */ @import url('https://fonts.googleapis.com/css2?family=Readex+Pro:wght@200;300;400;500;600;700&display=swap'); html[data-theme="v2"] { /* رامب اللون الأساسي — مرجاني دافئ */ --mt-primary: #EC5B47; --mt-primary-600: #D9492F; /* hover أغمق */ --mt-primary-500: #F2705A; --mt-indigo: #9C2F1F; /* لمسة غامقة من نفس العائلة */ --mt-primary-050: #FDECE8; --mt-primary-100: #FBD9D2; --mt-primary-200: #F6C3B8; /* الألوان المساندة — دافئة */ --mt-navy: #241C18; /* بديل الكحلي: فحمي دافئ لخلفيات داكنة */ --mt-yellow: #F4A62E; /* الذهبي — CTA/تمييز */ --mt-yellow-deep: #E0922F; --mt-yellow-050: #FDF1DD; --mt-pink: #9C2B52; /* بديل الفوشيا: نبيذي */ --mt-pink-600: #821F40; --mt-pink-050: #F8E7ED; --mt-ink: #1C1813; --mt-ink-2: #3A352F; --mt-muted: #726B61; --mt-line: #E2DDD6; --mt-line-2: #F0ECE6; --mt-page: #F6F3EF; /* ورق دافئ هادئ */ --mt-surface: #ffffff; --mt-green: #B26A00; /* «نجاح/تمّ» بلا أخضر → ذهبي بنّي */ --mt-green-050: #FBEEDD; --mt-amber: #8a6500; --mt-amber-050: #FDF3D3; --mt-teal: #9C2B52; /* «معلومة» → نبيذي بدل النيلي */ --mt-rose: #D6453F; /* خطر — أحمر */ --mt-grad: linear-gradient(135deg, #F2705A 0%, #EC5B47 55%, #C23B29 100%); --mt-grad-soft: linear-gradient(135deg, #FBD9D2 0%, #F2705A 100%); --mt-grad-dark: linear-gradient(135deg, #241C18 0%, #3A241E 55%, #5A2A20 100%); --mt-grad-pink: linear-gradient(135deg, #9C2B52 0%, #821F40 100%); --mt-grad-yellow: linear-gradient(135deg, #F9C969 0%, #F4A62E 60%, #E0922F 100%); --mt-shadow-xs: 0 1px 2px rgba(30, 24, 16, .05); --mt-shadow-sm: 0 2px 8px rgba(30, 24, 16, .06); --mt-shadow-md: 0 8px 24px rgba(30, 24, 16, .08); --mt-shadow-lg: 0 18px 44px rgba(30, 24, 16, .12); --mt-shadow-xl: 0 28px 64px rgba(30, 24, 16, .16); --mt-glow: 0 14px 32px rgba(236, 91, 71, .26); --mt-glow-yellow: 0 12px 28px rgba(244, 166, 46, .36); } /* الخط الجديد + الخلفية المحيطة الدافئة (تتجاوز القيم الثابتة في الأساس) */ html[data-theme="v2"] body { font-family: "Readex Pro", "IBM Plex Sans Arabic", "Tajawal", "Segoe UI", Tahoma, Arial, sans-serif !important; } html[data-theme="v2"] body::before { background: radial-gradient(680px circle at 88% -4%, rgba(236, 91, 71, .07), transparent 60%), radial-gradient(560px circle at 2% 2%, rgba(156, 43, 82, .045), transparent 55%), linear-gradient(180deg, #ffffff 0%, var(--mt-page) 360px) !important; } /* ===== معالجة تكدّس الهيدر في v2 (ديسكتوب فقط) ===== تنقّل رئيسي نصّي أنيق (بلا أيقونات) + مسافات أدق ليتنفّس الشريط. */ @media (min-width: 992px) { html[data-theme="v2"] .nav-main { gap: .05rem; } html[data-theme="v2"] .nav-main .nav-link { font-size: .9rem; padding: .45rem .6rem !important; gap: 0; } html[data-theme="v2"] .nav-main .nav-link i { display: none; } /* نص فقط — أقل تكدّسًا وأوضح */ html[data-theme="v2"] .nav-main .nav-link.active::after { inset-inline: .6rem; } html[data-theme="v2"] .nav-cta { gap: .3rem; } html[data-theme="v2"] .nav-cta .nav-link { padding: .45rem .5rem !important; } } @media (min-width: 992px) and (max-width: 1280px) { /* شاشات اللابتوب الأضيق: صغّر أكثر قليلًا لتفادي الازدحام */ html[data-theme="v2"] .nav-main .nav-link { font-size: .85rem; padding: .4rem .5rem !important; } } /* لمسات على عناصر ذات ألوان ثابتة في الأساس (كانت نيلية/فوشيا) */ html[data-theme="v2"] .home-panel--accent { background: radial-gradient(500px circle at 100% 0%, rgba(244, 166, 46, .16), transparent 60%), var(--mt-grad-dark); } html[data-theme="v2"] .home-panel--accent .section-eyebrow, html[data-theme="v2"] .home-panel--accent .country-grid span, html[data-theme="v2"] .home-panel--accent .category-cloud span { color: #FBE9C7; }