/* --- الكود الشامل لتصميم مجلة أهل الصفة (مستوحى من هيكلة Millah مع الهوية الخضراء) --- */

/* 1. استيراد خط تجوال العربي الأصيل */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700&display=swap');

body, h1, h2, h3, h4, h5, h6, .pkp_navigation_primary a, .pkp_button {
    font-family: 'Tajawal', sans-serif !important;
}

/* 2. الترويسة العلوية (Header) باللون الأخضر الداكن */
.pkp_structure_head {
    background-color: #093814 !important; 
    border-top: 4px solid #D4AF37 !important; /* خط ذهبي علوي */
}

/* 3. تحويل الأبحاث المنشورة إلى نظام "البطاقات" (Cards) الأنيقة */
.obj_article_summary {
    background: #ffffff !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 8px !important;
    padding: 20px !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 6px rgba(0,0,0,0.05) !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    border-right: 4px solid #093814 !important; /* لمسة خضراء أنيقة على يمين كل بحث */
}

/* تأثير تفاعلي عند تمرير الفأرة على بطاقة البحث */
.obj_article_summary:hover {
    box-shadow: 0 6px 12px rgba(0,0,0,0.1) !important;
    transform: translateY(-2px);
}

/* تلوين عناوين الأبحاث بالأخضر */
.obj_article_summary .title a {
    color: #093814 !important;
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

.obj_article_summary .title a:hover {
    color: #D4AF37 !important; /* يتحول للذهبي عند التمرير */
}

/* 4. تنسيق القائمة الجانبية (Sidebar) كصناديق منفصلة بخلفيات خضراء للعناوين */
.pkp_structure_sidebar .block {
    background: #fdfdfd !important;
    border: 1px solid #eaeaea !important;
    border-radius: 8px !important;
    padding: 15px !important;
    margin-bottom: 25px !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.03) !important;
}

/* عناوين القوائم الجانبية (مثل: المنشورات الأخيرة، اللغة) */
.pkp_structure_sidebar .block .title {
    background-color: #093814 !important; /* خلفية خضراء داكنة */
    color: #ffffff !important; /* نص أبيض */
    padding: 10px !important;
    border-radius: 4px !important;
    text-align: center !important;
    font-weight: bold !important;
    margin-bottom: 15px !important;
}

/* 5. الأزرار الأساسية وأزرار تحميل الـ PDF */
.pkp_button_primary, .pkp_button, .obj_article_summary .btn, .galley_link {
    background-color: #093814 !important; /* زر أخضر */
    color: #ffffff !important;
    border-radius: 5px !important;
    border: 1px solid #093814 !important;
    padding: 8px 16px !important;
    font-weight: 500 !important;
    transition: all 0.3s ease !important;
}

/* تأثير الأزرار عند التمرير */
.pkp_button_primary:hover, .pkp_button:hover, .obj_article_summary .btn:hover, .galley_link:hover {
    background-color: #D4AF37 !important; /* يتحول للذهبي */
    color: #093814 !important;
    border-color: #D4AF37 !important;
}

/* 6. بروز صورة الغلاف في الصفحة الرئيسية */
.obj_issue_toc .cover img {
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
    border-radius: 4px;
    border: 1px solid #eaeaea;
}