/**
 * الملف الرئيسي للأنماط
 * بوابة الوحدة العربية - نظام إدارة المحتوى الإخباري
 * تصميم عصري ومبتكر
 */

/* استيراد الأنماط الأساسية */
@import url('base.css');

/* استيراد خطوط جوجل */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200;300;400;500;600;700;800;900&family=Tajawal:wght@200;300;400;500;700;800;900&display=swap');

/* استيراد أنماط الهيدر */
@import url('header.css');

/* استيراد أنماط مخصصة وتحسينات */
@import url('custom.css');

/* استيراد أنماط الأخبار */
@import url('news.css');
@import url('category-tags.css'); /* أنماط وسوم تصنيفات الأخبار */
@import url('likes-counter.css'); /* تنسيقات عداد الإعجابات */
@import url('slider-enhancements.css'); /* تحسينات السلايدر الرئيسي */
@import url('search-page.css'); /* تنسيقات صفحة البحث المحسنة */
@import url('trending-fix.css'); /* تعديل تنسيقات الأخبار الأكثر قراءة */
@import url('newsletter.css'); /* تنسيقات النشرة البريدية */
@import url('search-filter-fix.css'); /* تعديل ارتفاع صناديق البحث والفلترة */
@import url('mobile-submenu.css'); /* تنسيقات القائمة الفرعية للهاتف المحمول */
@import url('ticker-weather.css'); /* تنسيقات شريط العملات والطقس */
@import url('today-events.css'); /* تنسيقات ويدجت في مثل هذا اليوم */
@import url('stats-section.css'); /* تنسيقات قسم الإحصائيات المتطور */
@import url('documents-fix.css'); /* تنسيقات صفحة الوثائق */
@import url('under-development.css'); /* تنسيقات قسم تحت التنفيذ */
@import url('footer-fix.css'); /* تحسينات تنسيقات الفوتر */
@import url('logo-special-fix.css'); /* تنسيقات خاصة لشعار الفوتر */
@import url('news-details-fix.css'); /* تعديلات صفحة تفاصيل الخبر */

/* استيراد أنماط الصفحة الرئيسية */
@import url('homepage.css');

/* استيراد أنماط الوثائق */
@import url('documents.css');

/* استيراد أنماط المصادقة */
@import url('auth.css');

/* استيراد أنماط المكونات المتكررة */
@import url('components.css');

/* استيراد أنماط التذييل */
@import url('footer.css');

/**
 * تخصيصات إضافية
 */

/* تحسين مظهر النص المحدد */
::selection {
    background-color: var(--primary-red);
    color: var(--primary-white);
}

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

::-webkit-scrollbar-track {
    background-color: var(--gray-100);
}

::-webkit-scrollbar-thumb {
    background-color: var(--gray-400);
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background-color: var(--primary-red);
}

/* تحسين ظهور الصور */
img {
    max-width: 100%;
    height: auto;
    object-fit: cover;
}

/* تحسين الانتقالات */
a, button, input, .card, .news-card, .document-card {
    transition: all 0.3s ease;
}

/* تأثيرات التحويم */
.hover-scale {
    transition: transform 0.3s ease;
}

.hover-scale:hover {
    transform: scale(1.05);
}

.hover-shadow {
    transition: box-shadow 0.3s ease;
}

.hover-shadow:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.hover-lift {
    transition: transform 0.3s ease;
}

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

/* ألوان الخط */
.text-primary {
    color: var(--primary-red) !important;
}

.text-secondary {
    color: var(--primary-black) !important;
}

.text-gold {
    color: var(--primary-gold) !important;
}

.text-white {
    color: var(--primary-white) !important;
}

/* ألوان الخلفية */
.bg-primary {
    background-color: var(--primary-red) !important;
}

.bg-secondary {
    background-color: var(--primary-black) !important;
}

.bg-gold {
    background-color: var(--primary-gold) !important;
}

.bg-white {
    background-color: var(--primary-white) !important;
}

.bg-light {
    background-color: var(--gray-100) !important;
}

.bg-dark {
    background-color: var(--gray-900) !important;
}

/* تخصيصات عرض الطباعة */
@media print {
    .no-print, .no-print * {
        display: none !important;
    }
    
    body {
        font-size: 12pt;
        line-height: 1.5;
    }
    
    a {
        text-decoration: none;
        color: var(--primary-black);
    }
    
    .container {
        width: 100%;
        max-width: 100%;
    }
    
    header, footer, aside, nav, form, .share, .comments {
        display: none;
    }
    
    .news-content, .document-content {
        width: 100%;
        margin: 0;
        padding: 0;
    }
    
    h1, h2, h3, h4, h5, h6 {
        page-break-after: avoid;
        page-break-inside: avoid;
    }
    
    img {
        max-width: 100% !important;
        page-break-inside: avoid;
    }
    
    p, blockquote, ul, ol, dl, table {
        page-break-inside: avoid;
    }
}