/* ==========================================================================
   نسخة مجلة الجامع - التنسيق المرن (حواف مستديرة | خطوط القالب الأصلية)
   ========================================================================== */

/* ============================================================
   1. فرض الخط والتهيئة العامة للموقع (جامعة المسيلة)
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&display=swap');

*, html, body, p, a, h1, h2, h3, h4, span, div, .pkp_navigation_primary a, .pkp_structure_footer_wrapper {
    font-family: 'Tajawal', sans-serif !important;
}

body {
    max-width: 1300px;
    margin: 0 auto;
    background-color: #ffffff;
    box-shadow: 0 0 50px rgba(0,0,0,0.15);
    overflow-x: hidden; /* لمنع أي تمرير جانبي بسبب تمدد الصورة */
}

html {
    background-color: #f4f4f4;
}

/* --- الحل الجذري والنهائي لفرض تمدد الهيدر بالكامل وتوسيطه --- */
header.pkp_structure_head,
.pkp_structure_head .pkp_head_wrapper,
.pkp_site_name_wrapper,
.pkp_site_name,
.pkp_site_name_wrapper .is_img,
.pkp_site_name_wrapper .is_img a {
    display: block !important;
    width: 100% !important;
    max-width: 1170px !important; /* ليتطابق مع عرض محتوى الموقع */
    min-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    text-align: center !important;
    float: none !important;
    flex: none !important; /* إلغاء أي توزيع أعمدة موروث من القالب */
    box-sizing: border-box !important;
}

/* فرض التمدد الكامل على الصورة نفسها وإلغاء أي قيود على أبعادها */
.pkp_site_name_wrapper .is_img img,
.pkp_structure_head img,
img[src*="pageHeaderLogoImage"] {
    width: 100% !important;
    max-width: 1170px !important;
    height: auto !important;
    min-height: auto !important;
    max-height: none !important; /* إلغاء أي حد أقصى للارتفاع يفرضه القالب الأصلي */
    display: block !important;
    margin: 0 auto !important;
    object-fit: fill !important;
}

/* 1. الهيكل العام - الحفاظ على الخطوط الأصلية */
.pkp_structure_page { 
    max-width: 1170px !important; 
    margin: 0 auto !important; 
}

/* 2. النافيجاتور (الأزرق الملكي - العناوين فقط بيضاء) */
.pkp_navigation_primary_wrapper {
    background: #1a365d !important;
    margin: 15px auto !important;
    border-radius: 4px !important;
    min-height: 50px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0 15px !important;
}

/* تبييض عناوين القائمة الرئيسية فقط */
.pkp_navigation_primary > li > a {
    color: #ffffff !important;
    font-weight: 700 !important;
}

/* تبييض أيقونة البحث والعدسة */
.pkp_navigation_primary_wrapper .pkp_search button,
.pkp_navigation_primary_wrapper .pkp_search .fa,
.pkp_navigation_primary_wrapper .pkp_search [class*="icon-"] {
    color: #ffffff !important;
}
.pkp_navigation_primary_wrapper .pkp_search button::before {
    filter: brightness(0) invert(1) !important;
}

/* 3. إيقونة البيت (المساحة والتنسيق) */
.pkp_navigation_primary { display: flex !important; align-items: center !important; list-style: none !important; }
.pkp_navigation_primary > li:first-child { min-width: 60px !important; margin-inline-end: 25px !important; }
.pkp_navigation_primary > li:first-child > a::before {
    content: "" !important; width: 22px !important; height: 22px !important; background-color: #ffffff !important;
    display: inline-block !important;
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z'/></svg>") no-repeat center !important;
    mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z'/></svg>") no-repeat center !important;
}
.pkp_navigation_primary > li:first-child > a { font-size: 0 !important; }

/* 4. السايد بار (استثناء اللون الملكي + حواف مستديرة + توسيط) */
.pkp_block { text-align: center !important; margin-bottom: 25px !important; }

.pkp_block .title {
    background-color: #eef2ff !important; /* تظليل ناعم */
    color: #1a365d !important; /* العنوان فقط يتبع الهوية */
    font-size: 16px !important;
    font-weight: 800 !important;
    padding: 12px 10px !important;
    border: 1px solid #d1d5db !important;
    border-radius: 25px !important; /* حواف مستديرة بالكامل */
    text-align: center !important;
    display: block !important;
    margin-bottom: 15px !important;
}

/* استثناء المحتوى الداخلي للسايد بار من فرض اللون الأزرق (يترك للقالب الأصلي) */
.pkp_block .content, 
.pkp_block .content a {
    text-align: center !important;
    /* لم يتم فرض لون هنا ليحتفظ بلونه الأصلي */
}

/* 5. الأزرار (أزرق ملكي) */
.obj_galley_link, .pdf, .file { 
    background-color: #1a365d !important; 
    color: #ffffff !important; 
    border-radius: 4px !important;
}

/* 6. حذف زوائد النظام OJS */
.pkp_brand_footer, .powered_by, img[src*="ojs_brand.png"] { 
    display: none !important; 
}

/* 7. الفوتر (تنسيق الجامع) */
.pkp_structure_footer_wrapper { 
    border-top: 3px solid #1a365d !important; 
    padding: 30px 0 !important; 
}

/* 8. استجابة الهاتف */
@media (max-width: 992px) {
    .pkp_navigation_primary_wrapper { flex-wrap: wrap !important; height: auto !important; }
    .pkp_navigation_primary { flex-wrap: wrap !important; justify-content: center !important; }
}