/* =========================================================
   JARI — OFFICIAL PUBLIC-SITE STYLESHEET
   Journal of Advanced Ayurveda Research & Innovation
   ========================================================= */


/* =========================================================
   1. OFFICIAL JARI BLUE HEADER / NAVIGATION
   ========================================================= */

.pkp_structure_head,
.pkp_site_name_wrapper,
.pkp_navigation_primary_row {
    background: #0B4A9E !important;
    background-color: #0B4A9E !important;
}

.pkp_site_name a,
.pkp_site_name .is_text,
.pkp_navigation_primary > li > a,
.pkp_navigation_user > li > a,
.pkp_navigation_primary_wrapper,
.pkp_navigation_user_wrapper {
    color: #ffffff !important;
}

.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus,
.pkp_navigation_user > li > a:hover,
.pkp_navigation_user > li > a:focus {
    color: #D9B55A !important;
}

.pkp_navigation_primary > li > ul {
    border-top-color: #C89B2B !important;
}

.pkp_navigation_primary > li > ul a:hover,
.pkp_navigation_primary > li > ul a:focus {
    color: #0B4A9E !important;
}


/* =========================================================
   2. GENERAL READING QUALITY
   ========================================================= */

.pkp_structure_main {
    line-height: 1.6;
}

.pkp_structure_main p {
    line-height: 1.65;
}


/* =========================================================
   3. MAIN HEADINGS
   ========================================================= */

.pkp_structure_main h1,
.pkp_structure_main h2,
.pkp_structure_main h3 {
    color: #17365D;
    line-height: 1.3;
}

.pkp_structure_main h1 {
    font-weight: 700;
}

.pkp_structure_main h2 {
    margin-top: 1.4em;
}

.pkp_structure_main h3 {
    margin-top: 1.2em;
}


/* =========================================================
   4. ARTICLE TITLES — HOMEPAGE / ISSUE TOC
   ========================================================= */

.obj_article_summary .title a,
.obj_issue_toc .title a {
    color: #17365D;
    font-weight: 600;
    line-height: 1.4;
    text-decoration: none;
}

.obj_article_summary .title a:hover,
.obj_issue_toc .title a:hover {
    color: #0B4A9E;
    text-decoration: underline;
}


/* =========================================================
   5. AUTHORS / CONTRIBUTORS
   ========================================================= */

.obj_article_summary .authors,
.obj_issue_toc .authors,
.obj_article_details .authors {
    color: #555555;
    line-height: 1.5;
}

/* Hide OJS contributor-role labels on article detail pages */
.obj_article_details .contributor_roles {
    display: none !important;
}


/* =========================================================
   6. ARTICLE ABSTRACT
   ========================================================= */

.obj_article_details .abstract,
.obj_article_details .abstract p {
    text-align: justify;
    line-height: 1.7;
}


/* =========================================================
   7. DOI / KEYWORDS / ARTICLE METADATA
   ========================================================= */

.obj_article_details .item.doi a,
.obj_article_details .doi a {
    color: #0B4A9E;
    font-weight: 600;
    overflow-wrap: anywhere;
}

.obj_article_details .item.keywords,
.obj_article_details .keywords {
    line-height: 1.6;
}


/* =========================================================
   8. GALLEY / PDF BUTTONS
   ========================================================= */

.obj_galley_link,
.galleys_links a {
    border-radius: 4px;
    font-weight: 600;
    transition: opacity 0.2s ease;
}

.obj_galley_link:hover,
.galleys_links a:hover {
    opacity: 0.88;
}


/* =========================================================
   9. PUBLIC LINKS / ACCESSIBILITY
   ========================================================= */

.pkp_structure_main a {
    text-underline-offset: 2px;
}

.pkp_structure_main a:focus {
    outline: 2px solid #C89B2B;
    outline-offset: 2px;
}


/* =========================================================
   10. JARI — TIGHTER ISSUE TABLE OF CONTENTS
   ========================================================= */

.obj_issue_toc .sections:not(:first-child) {
    margin-top: 6px !important;
}

.obj_issue_toc .section {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

.obj_issue_toc .section::before {
    top: 25px !important;
}

.obj_issue_toc .section .articles {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.obj_issue_toc .section .articles > li {
    margin-bottom: 12px !important;
}

.obj_issue_toc .section .articles > li:last-child {
    margin-bottom: 0 !important;
}


/* =========================================================
   11. ISSUE SECTION HEADINGS
   ========================================================= */

.obj_issue_toc .section > h2,
.obj_issue_toc .section > h3 {
    color: #17365D;
    font-weight: 700;
}


/* =========================================================
   12. ISSUE COVER
   ========================================================= */

.obj_issue_toc .cover img,
.obj_issue_summary .cover img {
    max-width: 100%;
    height: auto;
}


/* =========================================================
   13. SIDEBAR POLISH
   ========================================================= */

.pkp_structure_sidebar .pkp_block {
    margin-bottom: 22px;
}

.pkp_structure_sidebar img {
    max-width: 100%;
    height: auto;
    display: block;
}

.pkp_structure_sidebar .pkp_block img {
    border-radius: 6px;
}


/* =========================================================
   14. TABLES
   ========================================================= */

.pkp_structure_main table {
    width: 100%;
    border-collapse: collapse;
}

.pkp_structure_main table th,
.pkp_structure_main table td {
    padding: 8px 10px;
    vertical-align: top;
}


/* =========================================================
   15. MOBILE OPTIMISATION
   ========================================================= */

@media (max-width: 768px) {

    .pkp_structure_main h1 {
        font-size: 1.7rem;
        line-height: 1.3;
    }

    .pkp_structure_main h2 {
        font-size: 1.35rem;
    }

    .obj_article_summary .title,
    .obj_issue_toc .title {
        line-height: 1.4;
    }

    /* Better readability on narrow screens */
    .obj_article_details .abstract,
    .obj_article_details .abstract p {
        text-align: left;
        line-height: 1.65;
    }

    .pkp_structure_sidebar .pkp_block {
        margin-bottom: 18px;
    }
}