/* -------------------------------------------------------------------------- */
/* Sopen AI: Custom Styles & Fonts - assets/css/main.css                      */
/* -------------------------------------------------------------------------- */

/* تعيين الخطوط لضمان استخدامها في جميع العناصر */
body {
    /* تستخدم 'Cairo' للعنوان و 'Tajawal' للنص الأساسي، مع الخط الافتراضي كاحتياطي */
    font-family: 'Cairo', 'Tajawal', sans-serif;
}

/* نمط شريط التنقل الثابت */
.header-fixed { 
    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05); 
}

/* خلفية متدرجة خاصة لقسم البطل (Hero) */
.ai-gradient-bg { 
    background: linear-gradient(135deg,#0f172a 0%,#1e3a8a 50%,#10b981 100%); 
}

/* تأثير بطاقات المميزات (Features) */
.feature-card { 
    transition: transform .3s, box-shadow .3s, border-color .3s; 
    border-bottom: 4px solid #e2e8f0; /* حدود سفلية افتراضية */
}
.feature-card:hover { 
    transform: translateY(-5px); 
    box-shadow: 0 15px 30px rgba(0,0,0,.1); 
    border-bottom-color: #10b981; /* تغيير لون الحدود عند التحويم */
}

/* نمط زر CTA الرئيسي */
.cta-button { 
    background-color:#10b981; 
    transition: all .3s; 
    box-shadow:0 4px 10px rgba(16,185,129,.4); 
}
.cta-button:hover { 
    background-color:#059669; 
    transform: translateY(-2px); 
    box-shadow:0 6px 15px rgba(16,185,129,.6); 
}

/* تنسيق بطاقات خارطة الطريق */
.roadmap-card { 
    min-height: 250px; 
}
.roadmap-card-dark { 
    background-color:#0b1220; 
    border-color:#334155; 
}

/* تأثير الزجاج (Glassmorphism) */
.glass { 
    backdrop-filter: blur(8px); 
    background: rgba(255,255,255,.08); 
    border:1px solid rgba(255,255,255,.15); 
}

/* لتصحيح اتجاه النص الأجنبي أو الأرقام داخل وسوم عربية */
.language-badge { 
    direction: ltr; 
}