/* Custom Neon Primary Button with Neon Border */
.btn-neon-primary {
    background: linear-gradient(135deg, rgba(0, 120, 212, 0.2), rgba(81, 43, 212, 0.2));
    color: #ffffff !important;
    border: 2px solid #00d2ff !important; /* حدود نيون واضحة بلون السماوي/الأزرق */
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    box-shadow: 0 0 10px rgba(0, 210, 255, 0.3), inset 0 0 10px rgba(0, 210, 255, 0.1);
}

    /* تأثير التوهج عند مرور الماوس (Hover) */
    .btn-neon-primary:hover {
        background: linear-gradient(135deg, #0078D4, #512BD4);
        border-color: #a855f7 !important; /* يتحول تدرج البوردر للبنفسجي النيوني */
        box-shadow: 0 0 25px rgba(0, 210, 255, 0.6), 0 0 15px rgba(168, 85, 247, 0.5);
        transform: translateY(-2px);
    }

    /* تأثير عند الضغط (Active) */
    .btn-neon-primary:active {
        transform: translateY(0);
        box-shadow: 0 0 10px rgba(0, 210, 255, 0.4);
    }



/* ==========================================================================

   2. الخطوط الأساسية (الواجهة الإنجليزية - Default)

   ========================================================================== */



/* النصوص والفقرات (فخامة ونظافة) */

body {
    font-family: 'Outfit', sans-serif;
}



/* العناوين الرئيسية (طابع مستقبلي وتقني) */

h1, h2, h3, h4, h5, h6, .navbar-brand, .hero-title {
    font-family: 'Space Grotesk', sans-serif;
    letter-spacing: -0.02em; /* تقليل المسافة قليلاً يعطي طابعاً احترافياً جداً للعناوين */
}



/* ==========================================================================

   3. اللمسات البرمجية والأكواد (هوية المطور)

   ========================================================================== */

code, pre, .tech-tag, .stats-number, .project-date, .price-tag {
    font-family: 'Fira Code', monospace;
    font-variant-ligatures: contextual; /* تفعيل الحروف المدمجة في الأكواد إن وجدت */
}



/* ==========================================================================

   4. دعم اللغة العربية (متوافق مع زر تغيير اللغة الذي تمت برمجته)

   ========================================================================== */



/* تطبيق الخط العربي الهندسي على كامل الموقع عند التبديل */

[data-ar] body, body[dir="rtl"] {
    font-family: 'IBM Plex Sans Arabic', sans-serif;
}



    /* توحيد خط العناوين في النسخة العربية للحفاظ على التناسق */

    [data-ar] h1, [data-ar] h2, [data-ar] h3, [data-ar] h4, [data-ar] h5, [data-ar] h6,
    body[dir="rtl"] h1, body[dir="rtl"] h2, body[dir="rtl"] h3, body[dir="rtl"] h4, body[dir="rtl"] h5, body[dir="rtl"] h6 {
        font-family: 'IBM Plex Sans Arabic', sans-serif;
        font-weight: 700; /* إعطاء وزن ثقيل للعناوين لتعويض قوة Space Grotesk */

        letter-spacing: normal; /* إلغاء تقليل المسافات في العربية لأنها تؤثر على تشابك الحروف */
    }



/* الحفاظ على Fira Code للأرقام والأكواد حتى داخل النسخة العربية */

[data-ar] .tech-tag, [data-ar] code, [data-ar] .stats-number {
    font-family: 'Fira Code', monospace;
}