/* ========================================== */
/* 1. ضمان ظهور صورة الهيدر */
/* ========================================== */
.pkp_structure_head {
    position: relative !important;
}
.pkp_structure_head::after {
    content: '' !important;
    display: block !important;
    width: 100% !important;
    height: 400px !important;
    background: url('//journal.bahri.edu.sd/public/site/images/ojs/UBJAHS Header.jpg') center top / cover no-repeat !important;
    margin-top: 0 !important;
}
.custom-health-header {
    display: none !important;
}
@media (max-width: 768px) {
    .pkp_structure_head::after {
        height: 200px !important;
    }
}

/* ========================================== */
/* 2. الحل النهائي: ترتيب العناصر داخل page_index_journal */
/* ========================================== */
.page_index_journal {
    display: flex !important;
    flex-direction: column !important;
}

/* ترتيب العناصر: المحتوى الإضافي أولاً، ثم About، ثم Current Issue */
.page_index_journal .additional_content {
    order: 1 !important;
    width: 100% !important;
    margin-bottom: 30px !important;
}

.page_index_journal .homepage_about {
    order: 2 !important;
}

.page_index_journal .current_issue {
    order: 3 !important;
}

/* ========================================== */
/* 3. تنسيقات صناديق التصميم */
/* ========================================== */
.ubjvs-custom-homepage-section {
    width: 100% !important;
    background: #ffffff !important;
}

.ubjvs-responsive-box {
    max-width: 1000px !important;
    margin: 20px auto 0 auto !important;
    padding: 20px !important;
    background: #fff !important;
    display: flex !important;
    align-items: center !important;
    gap: 30px !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important;
}

@media (max-width: 768px) {
    .ubjvs-responsive-box {
        flex-direction: column !important;
        text-align: center !important;
        gap: 15px !important;
    }
    .ubjvs-cover-box {
        max-width: 150px !important;
        margin: 0 auto !important;
    }
    .ubjvs-text-box strong {
        min-width: 100% !important;
        display: block !important;
        margin-bottom: 5px !important;
    }
}