/* ===========================================================
   1) Journal Name (Fallback إذا لا يوجد Logo)
=========================================================== */
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: center !important;
    font-family: inherit !important;

    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

/* Arabic */
: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 */
: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 Typography
=========================================================== */
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;
}

/* اتجاه اللغة */
:lang(ar),
[lang="ar"] {
    direction: rtl !important;
}

:lang(en),
[lang="en"] {
    direction: ltr !important;
}

/* ===========================================================
   3) Headings
=========================================================== */
h2 {
    color: #2E1B0F !important;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: bold !important;
}

/* ===========================================================
   4) HEADER (حل بدون كسر القالب)
=========================================================== */

/* الهيدر مرن */
.pkp_structure_head {
    height: auto !important;
    min-height: unset !important;
    overflow: visible !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    margin-bottom: 0 !important;
}

/* الحاوية */
.pkp_site_name_wrapper {
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;

    padding-top: 15px !important;   /* زيادة من الأعلى */
    padding-bottom: 15px !important;/* زيادة من الأسفل */
}

/* container الداخلي */
.pkp_structure_head .container,
.pkp_structure_head .pkp_head_wrapper {
    height: auto !important;
    overflow: visible !important;
}

/* ===========================================================
   5) LOGO (بدون تشويه)
=========================================================== */
.pkp_site_name img {

    width: auto !important;          /* يمنع التمدد */
    height: auto !important;         /* يحافظ على النسبة */

    max-width: 500px !important;     /* تحكم بالحجم */
    max-height: 120px !important;    /* يمنع التضخم */

    display: block !important;
    margin: 0 !important;
}

/* ===========================================================
   6) Banner
=========================================================== */
.pkp_structure_banner img {
    max-height: 220px !important;
    width: 100% !important;
    object-fit: cover !important;
}

/* ===========================================================
   7) Mobile Responsive Fix
=========================================================== */
@media (max-width: 768px) {

    .pkp_structure_head {
        padding-top: 25px !important;
        padding-bottom: 25px !important;
    }

    /* وسط في الموبايل */
    .pkp_site_name_wrapper {
        justify-content: center !important;
    }

    /* ضبط حجم اللوجو */
    .pkp_site_name img {
        max-width: 90% !important;
        max-height: 100px !important;
        height: auto !important;
    }

}