/* ============================================================
   1. ضبط محاذاة النصوص (Justify) - لضمان مظهر أكاديمي احترافي
   ============================================================ */
.obj_article_details .abstract, 
.obj_article_details .author_bios, 
.obj_article_details .references,
.obj_article_details .main_entry .item.references .value,
.page_about .description,
.page_about .section p,
.page_static .content p,
.pkp_structure_main p,
.pkp_structure_main .content,
.pkp_structure_main .page p,
.obj_announcement_full .description,
.obj_announcement_summary .summary {
    text-align: justify !important;
    text-justify: inter-word;
}

/* منع تقطيع الكلمات بالواصلات في الإنجليزية */
body {
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

/* ============================================================
   2. تنسيق القائمة الجانبية (Sidebar) - الإطار الأزرق والظل
   ============================================================ */
.pkp_structure_sidebar .pkp_block {
    background: #fff !important;
    border: 1px solid #eee !important;
    border-top: 5px solid #075985 !important; 
    border-radius: 0 0 4px 4px !important;
    padding: 15px !important;
    margin-bottom: 25px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
}

.pkp_structure_sidebar .pkp_block .title {
    color: #075985 !important;
    font-size: 16px !important;
    font-weight: bold !important;
    border-bottom: 1px solid #f5f5f5 !important;
    padding-bottom: 8px !important;
    margin-bottom: 12px !important;
}

/* ============================================================
   3. تنسيق الصور والشعارات داخل الكتلة المخصصة
   ============================================================ */
.custom-block-container { text-align: center; }

.establishment-year {
    font-weight: bold;
    color: #333;
    margin-bottom: 25px;
    font-size: 15px;
}

.logos-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin-bottom: 35px;
}

.logos-grid img {
    max-width: 110px !important; 
    max-height: 85px !important;
    height: auto;
    object-fit: contain;
    transition: transform 0.2s ease;
}

.full-width-logos img {
    max-width: 145px !important;
    height: auto;
    margin: 18px auto !important;
    display: block;
}

/* ============================================================
   4. الروابط السريعة وتوافق اللغات
   ============================================================ */
.quick-links-title {
    color: #075985;
    font-weight: bold;
    margin-bottom: 12px;
}

.custom-quick-links { list-style: none !important; padding: 0 !important; }

[dir="rtl"] .custom-quick-links { text-align: right; }
[dir="ltr"] .custom-quick-links { text-align: left; }

.custom-quick-links li a {
    color: #555 !important;
    text-decoration: none;
    font-size: 14px;
    display: block;
    padding: 8px 12px;
    border-radius: 4px;
    transition: all 0.2s ease;
}

.custom-quick-links li a:hover {
    background: #f0f7ff;
    color: #075985 !important;
}

/* ============================================================
   5. تعديلات الهيدر والفوتر وتوافق الموبايل
   ============================================================ */
.pkp_structure_head .pkp_site_name_wrapper .is_img img {
    width: 100%;
    max-width: 1022px; 
    height: auto;
}

.pkp_brand_footer { display: none !important; }

@media (max-width: 768px) {
    .logos-grid img { max-width: 90px !important; }
    .full-width-logos img { max-width: 125px !important; }
}

/* ============================================================
   6. تنسيق صفحة عن المجلة المطور (لحل مشكلة حفظ الكود في 3.3)
   ============================================================ */
.journal-about-card {
    background: #fff;
    border-top: 8px solid #075985;
    padding: 25px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    margin-bottom: 30px;
}

.about-section-header {
    color: #075985 !important;
    font-weight: bold;
    font-size: 20px;
    margin-top: 25px;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

[dir="rtl"] .about-section-header { border-right: 5px solid #075985; padding-right: 15px; }
[dir="ltr"] .about-section-header { border-left: 5px solid #075985; padding-left: 15px; }

.journal-highlight-box {
    background: #075985;
    color: #ffffff !important;
    padding: 20px;
    border-radius: 8px;
    margin: 30px 0;
}

.journal-highlight-box strong, .journal-highlight-box h3 { color: #ffffff !important; }

.scope-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 15px;
    background: #f8f9fa;
    padding: 20px;
    border-radius: 8px;
}

.scope-item { font-weight: bold; color: #444; }
[dir="rtl"] .scope-item { border-right: 3px solid #075985; padding-right: 10px; }
[dir="ltr"] .scope-item { border-left: 3px solid #075985; padding-left: 10px; }

.footer-academy-box {
    margin-top: 40px;
    padding: 20px;
    border: 1px solid #075985;
    text-align: center;
    background: #fafafa;
    border-radius: 8px;
}

/* ============================================================
   7. تنسيق الإعلانات المخصصة والتلقائية
   ============================================================ */

/* تنسيق الإعلانات التي ينتجها نظام OJS تلقائياً */
.obj_announcement_summary {
    border-top: 5px solid #075985 !important;
    background: #fff !important;
    padding: 20px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important;
    margin-bottom: 25px !important;
}

.obj_announcement_summary .title a {
    color: #075985 !important;
    font-weight: bold !important;
}

/* تنسيق الإعلان المخصص (صندوق إعلان استقبال الأبحاث) */
.announcement-box-blue {
    border-top: 5px solid #075985;
    background-color: #f8fbff;
    padding: 20px;
    border-radius: 0 0 6px 6px;
    border: 1px solid #e1e8f0;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    margin-bottom: 25px;
}

[dir="rtl"] .announcement-box-blue { direction: rtl; text-align: right; }
[dir="ltr"] .announcement-box-blue { direction: ltr; text-align: left; }

/* تنسيق الزر داخل الإعلان */
.announcement-btn-blue, .adv-btn-blue {
    background-color: #075985 !important;
    color: #ffffff !important;
    padding: 10px 20px !important;
    text-decoration: none !important;
    border-radius: 4px !important;
    font-weight: bold !important;
    display: inline-block !important;
    transition: all 0.3s ease !important;
}

.announcement-btn-blue:hover, .adv-btn-blue:hover {
    background-color: #054366 !important;
    box-shadow: 0 3px 6px rgba(0,0,0,0.15) !important;
}

/* تنسيق الإعلان الكامل (Full Page Ad) */
.full-adv-box-blue {
    background: #fff;
    border-top: 5px solid #075985;
    padding: 25px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.06);
    border: 1px solid #eee;
}

.adv-highlight-blue {
    background-color: #f4f9ff;
    padding: 20px;
    margin: 20px 0;
    border-radius: 4px;
}

[dir="rtl"] .adv-highlight-blue { border-right: 5px solid #075985; }
[dir="ltr"] .adv-highlight-blue { border-left: 5px solid #075985; }

.adv-highlight-title {
    color: #075985 !important;
    font-weight: bold;
    margin-bottom: 10px !important;
}

/* ============================================================
   8. تنسيق صفحة هيئة التحرير (Editorial Board) - الجديد
   ============================================================ */

.editorial-container {
    background: #fff;
    border-top: 8px solid #075985;
    padding: 25px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    margin-bottom: 30px;
}

/* عناوين الأقسام */
.section-head {
    color: #075985 !important;
    font-weight: bold;
    font-size: 20px;
    margin-top: 30px;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 2px solid #075985;
    display: inline-block;
}

[dir="rtl"] .section-head { border-right: 5px solid #075985; padding-right: 15px; }
[dir="ltr"] .section-head { border-left: 5px solid #075985; padding-left: 15px; }

/* بطاقات الأعضاء */
.member-card {
    background: #f9fbff;
    padding: 15px;
    margin-bottom: 15px;
    border-radius: 4px;
}

[dir="rtl"] .member-card { border-right: 5px solid #075985; }
[dir="ltr"] .member-card { border-left: 5px solid #075985; }

.name-link {
    font-size: 18px;
    font-weight: bold;
    color: #075985 !important;
    text-decoration: none !important;
}

.badge-blue {
    font-size: 11px;
    background: #075985;
    color: #fff !important;
    padding: 2px 8px;
    border-radius: 3px;
    text-decoration: none !important;
    font-weight: bold;
    margin: 0 5px;
}

.info-text { font-size: 14.5px; color: #444; margin: 8px 0; }

.email-link { color: #075985 !important; font-weight: bold; font-size: 13.5px; text-decoration: none; }

/* الهيئة الاستشارية */
.advisory-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 10px;
    list-style: none !important;
    padding: 0 !important;
}

.advisory-list li {
    background: #f4f8fb;
    padding: 10px;
    font-weight: bold;
    font-size: 14px;
}

[dir="rtl"] .advisory-list li { border-right: 3px solid #075985; }
[dir="ltr"] .advisory-list li { border-left: 3px solid #075985; }