/* ===========================================================
   1) Journal Name — Control font size + spacing + Capitalize
=========================================================== */
div.pkp_site_name, 
div.pkp_site_name span.is_text {

    /* حجم خط اسم المجلة */
    font-size: clamp(0.9rem, 2.5vw, 1.4rem) !important;

    /* أول حرف من كل كلمة كبير */
    text-transform: capitalize !important;

    /* النص متناسق */
    text-align: justify !important;

    /* يحافظ على الخط الافتراضي للمجلة */
    font-family: inherit !important;

    /* إضافة مسافة قبل وبعد اسم المجلة */
    padding-left: 2rem !important;
    padding-right: 2rem !important;
}

/* Arabic Journal Name — إذا أردت حجم منفصل */
:lang(ar) div.pkp_site_name,
:lang(ar) div.pkp_site_name span.is_text {
    font-size: clamp(0.9rem, 2.5vw, 1.4rem) !important;
}

/* English Journal Name — إذا أردت حجم منفصل */
:lang(en) div.pkp_site_name,
:lang(en) div.pkp_site_name span.is_text {
    font-size: clamp(0.9rem, 2.5vw, 1.4rem) !important;
}

/* ===========================================================
   2) Global Justify for all text (Arabic + English)
=========================================================== */
body, p, div, span, li, td, th, a,
.obj_article_details,
.pkp_structure_main,
.pkp_page_content,
.pkp_structure_content {
    text-align: justify !important;
    line-height: 1.6 !important;
}

/* Arabic text blocks */
:lang(ar),
[lang="ar"] {
    direction: rtl !important;
    text-align: justify !important;
}

/* English text blocks */
:lang(en),
[lang="en"] {
    direction: ltr !important;
    text-align: justify !important;
}

/* ===========================================================
   3) Headings styling
=========================================================== */
/* H2 color */
h2 {
    color: #117A65 !important;
}

/* Optional: Bold headings */
h1, h2, h3, h4, h5, h6 {
    font-weight: bold !important;
}

/* ===========================================================
   4) Mobile and responsive fixes
=========================================================== */
@media (max-width: 480px) {
    div.pkp_site_name,
    div.pkp_site_name span.is_text {
        font-size: 1rem !important; /* حجم أصغر على الموبايل */
        padding-left: 1rem !important; /* تقليل المسافة على الموبايل */
        padding-right: 1rem !important;
    }
    body { line-height: 1.5 !important; }
}