/* ===========================================================
   1) Journal Name — Font size, spacing, capitalization
=========================================================== */
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;

    /* You asked for justify */
    text-align: justify !important;
    text-justify: inter-word !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 Justification (Paragraphs + Headings)
=========================================================== */
p,
h1, h2, h3, h4, h5, h6,
li,
td,
th,
.obj_article_details,
.pkp_structure_main,
.pkp_page_content,
.pkp_structure_content {

    text-align: justify !important;
    text-justify: inter-word !important;
    line-height: 1.7 !important;
}


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

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


/* ===========================================================
   4) Headings Styling
=========================================================== */
h1, h2, h3, h4, h5, h6 {
    font-weight: bold !important;
}

/* H2 special color */
h2 {
    color: #0B3C6D !important;
}


/* ===========================================================
   5) Inline Elements
=========================================================== */
a, span {
    text-align: inherit !important;
}


/* ===========================================================
   6) Tables
=========================================================== */
table {
    width: 100%;
    border-collapse: collapse;
}

td, th {
    padding: 0.5rem;
    vertical-align: top;
}


/* ===========================================================
   7) Mobile 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;
    }

    p,
    h1, h2, h3, h4, h5, h6 {
        text-align: justify !important;
    }
}