body {
    text-align: justify;
}
/* Center and scale the homepage banner image */
.homepage_image img, .homepage_img, #homepageImage {
    width: 85% !important;
    max-width: 100%;
    height: auto !important;
    display: block !important;
    margin: 20px auto !important;
}

/* Hide ONLY the "About the Journal" title, keep the summary text */
.page_journal_index .homepage_about h2,
.page_journal_index .homepage_about h3,
.pkp_page_index .homepage_about h2,
.pkp_page_index .homepage_about h3,
.page_journal_index #homepageAbout h2,
.page_journal_index #homepageAbout h3 {
    display: none !important;
}
/* 1. Instantly hide the default OJS header elements before they can flash */
.pkp_structure_head, 
.pkp_navigation_user, 
#headerNavigationContainer,
.pkp_site_name_wrapper {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* 2. Force your custom header to display smoothly right away */
.custom-header-container, 
div[class*="custom_header"],
#customHeader {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}
/* Hide the default OJS footer completely */
.pkp_structure_footer {
    display: none !important;
}
/* تقليل المسافة في قسم About على الصفحة الرئيسية */
.pkp_page_index .homepage_about {
    padding-top: 0.3rem !important;
    padding-bottom: 0.5rem !important;
}

/* إذا أردت التأثير فقط على الهواتف المحمولة */
@media (max-width: 768px) {
    .pkp_page_index .homepage_about {
        padding-top: 0.1rem !important;
         padding-top: 0.1rem !important;

        padding-bottom: 0.2rem !important;
        
    }
    /* تقليل الهوامش في الصفحة الرئيسية فقط لتبقى المقالات واضحة */
.pkp_page_index .pkp_structure_main p, 
.pkp_page_index .pkp_structure_main ul {
    margin: 0.3rem 0 !important; /* يمكنك زيادة هذا الرقم 0.5 إلى 0.8 إذا أردت مساحة أكبر قليلاً */
}