/* ==========================================
   Bilingual Journal Header (Side-by-Side)
   English and Arabic
   ========================================== */

/* اجبار الحاوية على أن تكون أفقية وبجانب بعضها تماماً */
.pkp_site_name_wrapper {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important; /* أو center حسب رغبتك في توسيط الشعار والعنوان معاً */
    gap: 20px !important;
    width: 100% !important;
}

/* إلغاء أي تنسيق قديم يجعل الشعار وحده في سطر */
.pkp_site_name {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
}

/* حجم الصورة */
.pkp_site_name img {
    display: block !important;
    max-height: 80px !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
}

/* عنوان المجلة باللغة الإنجليزية */
html[lang^="en"] .pkp_site_name_wrapper::after,
html[lang="en"] .pkp_site_name_wrapper::after {
    content: "Comprehensive Journal of Science";
    display: block !important;
    color: #ffffff;
    font-size: 26px;
    font-weight: bold;
    direction: ltr;
    text-align: left;
    margin: 0 !important;
}

/* عنوان المجلة باللغة العربية */
html[lang^="ar"] .pkp_site_name_wrapper::after,
html[lang="ar"] .pkp_site_name_wrapper::after {
    content: "مجلة العلوم الشاملة";
    display: block !important;
    color: #ffffff;
    font-size: 26px;
    font-weight: bold;
    direction: rtl;
    text-align: right;
    margin: 0 !important;
}

/* اتجاه الحاوية حسب اللغة */
html[lang^="ar"] .pkp_site_name_wrapper {
    direction: rtl;
}

html[lang^="en"] .pkp_site_name_wrapper {
    direction: ltr;
}

/* الشاشات الصغيرة (الجوال) */
@media (max-width: 768px) {
    .pkp_site_name_wrapper {
        gap: 10px !important;
    }

    .pkp_site_name img {
        max-height: 50px !important;
    }

    html[lang^="en"] .pkp_site_name_wrapper::after,
    html[lang^="ar"] .pkp_site_name_wrapper::after {
        font-size: 18px !important;
    }
}