/* ==========================================================================
   OJS Custom Justification Stylesheet
   Targets: Title, Keywords, Authors, Abstract, How to Cite, and License
   ========================================================================== */

/* 1. Justify the Article Title (Expanded for Theme Compatibility) */
.page_article .obj_article_details .title,
.page_article .page_title,
.page_article h1,
h1.page_title {
    text-align: justify !important;
}

/* 2. Justify the Keywords Section */
.page_article .item.keywords,
.page_article .keywords .value {
    text-align: justify !important;
}

/* 3. Justify Authors Names and Affiliations */
.page_article .obj_article_details .authors,
.page_article .obj_article_details .author_bios,
.page_article .authors .author {
    text-align: justify !important;
}

/* 4. Justify the Abstract Text */
.page_article .item.abstract,
.page_article .item.abstract p {
    text-align: justify !important;
}

/* 5. Justify the How to Cite Box */
.page_article .item.citation,
.page_article .citation_output {
    text-align: justify !important;
}

/* 6. Justify the License / Copyright Text */
.page_article .item.copyright,
.page_article .item.copyright p {
    text-align: justify !important;
}
```css


/* ==========================================================================
   OJS CUSTOM JUSTIFICATION STYLESHEET
   Targets: Title, Keywords, Authors, Abstract, How to Cite, and License
   ========================================================================== */

/* 1. Justify Article Title */
.page_article .obj_article_details .title,
.page_article .page_title,
.page_article h1,
h1.page_title {
    text-align: justify !important;
}

/* 2. Justify Keywords */
.page_article .item.keywords,
.page_article .keywords .value {
    text-align: justify !important;
}

/* 3. Justify Authors and Affiliations */
.page_article .obj_article_details .authors,
.page_article .obj_article_details .author_bios,
.page_article .authors .author {
    text-align: justify !important;
}

/* 4. Justify Abstract */
.page_article .item.abstract,
.page_article .item.abstract p {
    text-align: justify !important;
}

/* 5. Justify How to Cite */
.page_article .item.citation,
.page_article .citation_output {
    text-align: justify !important;
}

/* 6. Justify License / Copyright */
.page_article .item.copyright,
.page_article .item.copyright p {
    text-align: justify !important;
}


/* ==========================================================================
   OJS HEADER — CLEANED HEADER-ONLY CSS
   Theme Color: #035505
   Navigation: White Background / Dark Text
   ========================================================================== */


/* ==========================================================================
   1. MAIN HEADER
   ========================================================================== */

.pkp_structure_head,
.pkp_structure_head .pkp_head_wrapper {
    background: #035505 !important;
    border: none !important;
    box-shadow: none !important;
}


/* ==========================================================================
   2. JOURNAL TITLE BACKGROUND
   ========================================================================== */

.pkp_structure_head .pkp_site_name_wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    min-height: 160px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 30px 38px !important;
    box-sizing: border-box !important;

    background:
        radial-gradient(
            ellipse at 15% 20%,
            rgba(80, 125, 210, 0.25),
            transparent 40%
        ),
        radial-gradient(
            ellipse at 48% 90%,
            rgba(0, 0, 0, 0.25),
            transparent 45%
        ),
        linear-gradient(
            110deg,
            #035505,
            #5BBA5E 55%,
            #035505
        ) !important;
}


/* ==========================================================================
   3. JOURNAL TITLE
   ========================================================================== */

.pkp_structure_head .pkp_site_name {
    position: static !important;
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    text-align: left !important;
    white-space: normal !important;
}

.pkp_structure_head .pkp_site_name .is_text {
    color: #FFFFFF !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
}


/* ==========================================================================
   4. NAVIGATION BAR
   ========================================================================== */

.pkp_structure_head .pkp_navigation_primary_row,
.pkp_structure_head .pkp_navigation_primary_wrapper,
.pkp_structure_head .pkp_navigation_search_wrapper,
.pkp_structure_head .pkp_site_nav_menu {
    background: #FFFFFF !important;
}


/* Main Navigation Links */

.pkp_structure_head .pkp_navigation_primary > li > a {
    color: #666666 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    background: transparent !important;
}


/* Navigation Hover */

.pkp_structure_head .pkp_navigation_primary > li > a:hover {
    color: #0E626D !important;
    background: #F3F7F8 !important;
}


/* ==========================================================================
   5. ABOUT / NAVIGATION DROPDOWN
   White Background — Desktop and Mobile
   ========================================================================== */

.pkp_structure_head .pkp_navigation_primary li > ul,
.pkp_structure_head .pkp_navigation_primary .dropdown-menu {
    background: #FFFFFF !important;
    border: 1px solid #E5EAEA !important;
    box-shadow: 0 5px 12px rgba(0, 0, 0, 0.12) !important;
}


/* Dropdown Links */

.pkp_structure_head .pkp_navigation_primary li > ul a,
.pkp_structure_head .pkp_navigation_primary .dropdown-menu a {
    color: #555555 !important;
    background: #FFFFFF !important;
    text-decoration: none !important;
}


/* Dropdown Hover */

.pkp_structure_head .pkp_navigation_primary li > ul a:hover,
.pkp_structure_head .pkp_navigation_primary .dropdown-menu a:hover {
    color: #035505 !important;
    background: #F0F6F7 !important;
}


/* ==========================================================================
   6. SEARCH AND USER NAVIGATION
   ========================================================================== */

.pkp_structure_head .pkp_navigation_search_wrapper a {
    color: #035505 !important;
    font-weight: 600 !important;
}


/* Login / User Links */

.pkp_structure_head .pkp_navigation_user_wrapper > a,
.pkp_structure_head .pkp_navigation_user > li > a {
    color: #035505 !important;
}


/* User Dropdown */

.pkp_structure_head .pkp_navigation_user_wrapper .dropdown-menu,
.pkp_structure_head .pkp_navigation_user .dropdown-menu,
.pkp_structure_head .pkp_navigation_user_wrapper ul,
.pkp_structure_head .pkp_navigation_user ul {
    background: transparent !important;
    border: 1px solid transparent !important;
}


/* User Dropdown Links */

.pkp_structure_head .pkp_navigation_user_wrapper ul a,
.pkp_structure_head .pkp_navigation_user ul a {
    color: #FFFFFF !important;
    background: transparent !important;
}


/* User Dropdown Hover */

.pkp_structure_head .pkp_navigation_user_wrapper ul a:hover,
.pkp_structure_head .pkp_navigation_user ul a:hover {
    color: #035505 !important;
    background: #F0F6F7 !important;
}


/* ==========================================================================
   7. HEADER SHADOW
   ========================================================================== */

.pkp_structure_head {
    position: relative !important;
    z-index: 100 !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.16) !important;
}

.pkp_structure_head .pkp_navigation_primary_row {
    position: relative !important;
    z-index: 2 !important;
}


/* ==========================================================================
   8. MOBILE RESPONSIVE STYLES
   ========================================================================== */

@media (max-width: 991px) {

    /* Mobile Journal Title */

    .pkp_structure_head .pkp_site_name_wrapper {
        min-height: 0 !important;
        padding: 30px 20px !important;
    }

    .pkp_structure_head .pkp_site_name .is_text {
        font-size: 25px !important;
        line-height: 1.3 !important;
    }


    /* Mobile Navigation Background */

    .pkp_structure_head .pkp_navigation_primary_row,
    .pkp_structure_head .pkp_navigation_primary_wrapper,
    .pkp_structure_head .pkp_site_nav_menu {
        background: #FFFFFF !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }


    /* Mobile Navigation Links */

    .pkp_structure_head .pkp_navigation_primary a,
    .pkp_structure_head .pkp_site_nav_menu a {
        color: #555555 !important;
        background: #FFFFFF !important;
    }


    /* Mobile Navigation Hover */

    .pkp_structure_head .pkp_navigation_primary a:hover,
    .pkp_structure_head .pkp_site_nav_menu a:hover {
        color: #0E626D !important;
        background: #F0F6F7 !important;
    }


    /* Mobile About Dropdown and Submenus */

    .pkp_structure_head .pkp_navigation_primary li > ul,
    .pkp_structure_head .pkp_navigation_primary .dropdown-menu,
    .pkp_structure_head .pkp_site_nav_menu ul {
        background: #FFFFFF !important;
        border: 1px solid #E5EAEA !important;
        box-shadow: none !important;
    }


    /* Mobile Dropdown Text */

    .pkp_structure_head .pkp_navigation_primary li > ul a,
    .pkp_structure_head .pkp_navigation_primary .dropdown-menu a,
    .pkp_structure_head .pkp_site_nav_menu ul a {
        color: #555555 !important;
        background: #FFFFFF !important;
    }


    /* Mobile Dropdown Hover */

    .pkp_structure_head .pkp_navigation_primary li > ul a:hover,
    .pkp_structure_head .pkp_navigation_primary .dropdown-menu a:hover,
    .pkp_structure_head .pkp_site_nav_menu ul a:hover {
        color: #035505 !important;
        background: #F0F6F7 !important;
    }
}