/* 
 * 🎨 نظام الألوان الموحد لموقع سند - مبسط ومحسن
 * Unified Brand Theme for Sanad Website - Simplified & Enhanced
 * 
 * ✨ Tailwind Native Support مع إضافات مخصصة محدودة
 * 
 * الألوان الأساسية:
 * 🟦 Midnight Blue: #060B27 (70% - الخلفيات الأساسية)
 * 🟣 Vivid Indigo: #443CCB (20% - الأزرار والروابط المهمة) 
 * ⚪ Pearl Gray: #D6D6D6 (10% - التباين والبطاقات)
 * ⚪ Pure White: #FFFFFF (للنصوص على الخلفيات الداكنة)
 */

/* 🔤 الخط الأساسي */
.font-alexandria { 
    font-family: 'Alexandria', sans-serif; 
}

/* 💫 تأثيرات الحركة المحسنة */
.floating-animation {
    animation: floating 6s ease-in-out infinite;
}

@keyframes floating {
    0%, 100% { 
        transform: translateY(0px); 
    }
    50% { 
        transform: translateY(-10px); 
    }
}

/* 🌊 انتقالات سلسة محسنة */
.smooth-transition {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.hover-lift:hover {
    transform: translateY(-5px);
}

/* 📱 تحسينات الجوال */
@media (max-width: 768px) {
    .mobile-padding {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    
    .mobile-gap {
        gap: 1.5rem;
    }

    .mobile-form-input {
        font-size: 16px !important; /* منع التكبير في iOS */
    }
}

/* 🔄 شريط التمرير المخصص */
::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-track {
    background: #D6D6D6;
}

::-webkit-scrollbar-thumb {
    background: #060B27;
    border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
    background: #443CCB;
}

/* 🎪 تأثيرات خاصة للعناصر المهمة */
.pulse-accent {
    animation: pulse-accent 2s infinite;
}

@keyframes pulse-accent {
    0%, 100% { 
        box-shadow: 0 0 0 0 rgba(68, 60, 203, 0.7);
    }
    70% { 
        box-shadow: 0 0 0 10px rgba(68, 60, 203, 0);
    }
}

/* 🎭 تدرجات النصوص */
.gradient-text-brand {
    background: linear-gradient(135deg, #443CCB, #6366F1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* 📐 تحسينات التخطيط */
.container-custom {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1rem;
}

@media (min-width: 768px) {
    .container-custom {
        padding: 0 2rem;
    }
}

/* 🛡️ حماية من التضارب - قواعد نهائية */
body {
    font-family: 'Alexandria', sans-serif !important;
}

/* 📱 شريط الإجراءات السفلي للجوال */
.mobile-bottom-bar {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
}

/* 🎯 تحسينات الأداء */
.btn-touch {
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
}

/* تحسين أداء العناصر المتحركة */
.floating-animation,
.hover-lift {
    will-change: transform;
}