/* ===========================================================
   1) Global Font Settings (Arabic + English)
   - Unified font family across all elements
=========================================================== */
body,
p, div, span, li, td, th, a,
h1, h2, h3, h4, h5, h6,
.obj_article_details,
.pkp_structure_main,
.pkp_page_content,
.pkp_structure_content {
    font-family: "Segoe UI", "Arial", "Tahoma", sans-serif !important;
    line-height: 1.6 !important;
    text-align: justify !important;
}

/* Arabic language support */
:lang(ar),
[lang="ar"] {
    font-family: "Cairo", "Tahoma", "Arial", sans-serif !important;
    direction: rtl !important;
    text-align: justify !important;
}

/* English language support */
:lang(en),
[lang="en"] {
    font-family: "Segoe UI", "Arial", sans-serif !important;
    direction: ltr !important;
    text-align: justify !important;
}

/* ===========================================================
   2) Journal Name Styling
=========================================================== */
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;
    padding-left: 2rem !important;
    padding-right: 2rem !important;
}

/* ===========================================================
   3) Headings Styling
   - Only H1 color customized
=========================================================== */
h1 {
    color: #117A65 !important;
    font-weight: bold !important;
}

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

/* ===========================================================
   4) Responsive Adjustments (Mobile)
=========================================================== */
@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;
    }
}