/* =====================================================================
   JOURNAL OF PHARMACOLOGICAL HORIZONS
   Published by Lakshmi Biosciences
   Premium OJS 3.4 Theme — Final Stylesheet
   Upload this file at: Website Settings > Appearance > Setup >
   Journal Style Sheet
   ===================================================================== */

:root{
    --primary:#173f6d;      /* dark navy - header background */
    --secondary:#1d66b3;    /* medium blue - nav bar / footer strip */
    --accent:#d79c09;       /* gold - subtitle & border line */
    --text:#222222;
    --light:#f7f9fc;
    --border:#e5e5e5;
}

/* =====================================================
   BASE
===================================================== */

body{
    font-family: Georgia, 'Times New Roman', serif;
    background:#ffffff;
    color:var(--text);
}

/* =====================================================
   TOP HEADER STRUCTURE
===================================================== */

.pkp_structure_head{
    background:var(--primary);
    padding:0;
    position:static !important;
}

.pkp_head_wrapper{
    max-width:1720px;
    margin:0 auto;
    padding:0;
    background:var(--primary);
    position:static !important;
}

/* JOURNAL TITLE BLOCK */
.pkp_site_name_wrapper,
.pkp_site_name{
    background:var(--primary);
    padding:45px 45px 35px;
    border-bottom:6px solid var(--accent);
    text-align:left;
    position:relative;
}

/* Logo (if used) */
.pkp_site_name img,
.pkp_site_name_wrapper img{
    display:block;
    width:90px;
    height:auto;
    margin-bottom:20px;
    object-fit:contain;
}

/* JOURNAL NAME */
.pkp_site_name a,
.pkp_site_name .is_text{
    display:block;
    font-size:64px;
    font-weight:700;
    color:#ffffff !important;
    line-height:1.15;
    text-decoration:none;
    font-family:Georgia, 'Times New Roman', serif;
    letter-spacing:0.5px;
}

.pkp_site_name a:hover{
    color:#ffffff !important;
    text-decoration:none;
}

/* Divider line under title */
.pkp_site_name a::after,
.pkp_site_name .is_text::after{
    content:"";
    display:block;
    border-bottom:1px solid rgba(255,255,255,0.35);
    margin-top:22px;
    width:100%;
}

/* SUBTITLE - gold, letter spaced */
.pkp_site_name::after{
    content:"INTERNATIONAL PEER-REVIEWED OPEN ACCESS JOURNAL";
    display:block;
    color:var(--accent);
    letter-spacing:3px;
    font-size:16px;
    font-weight:700;
    font-family:Arial, Helvetica, sans-serif;
    margin-top:18px;
}

/* Hide default OJS description text under title */
.pkp_site_name_wrapper .pkp_site_description,
.pkp_site_name + .pkp_site_description{
    display:none;
}

/* =====================================================
   PRIMARY NAVIGATION
===================================================== */

.pkp_navigation_primary_wrapper{
    background:var(--secondary);
    border:none;
}

.pkp_navigation_primary{
    max-width:1700px;
    margin:0 auto;
}

.pkp_navigation_primary > li > a{
    color:#ffffff;
    font-size:17px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:500;
    padding:18px 22px;
    transition:0.25s;
}

.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus{
    background:var(--primary);
    color:#ffffff;
}

/* Search icon in nav */
.pkp_navigation_search_wrapper a{
    color:#ffffff !important;
    font-size:17px;
    font-family:Arial, Helvetica, sans-serif;
}

/* Account / admin dropdown strip above header */
.pkp_navigation_user_wrapper{
    background:var(--primary);
    color:#ffffff;
}

.pkp_navigation_user_wrapper a{
    color:#ffffff;
}

/* =====================================================
   PAGE CONTAINER
===================================================== */

.page{
    max-width:1500px;
    margin:0 auto;
}

.page_title,
.page_issue h1{
    color:var(--primary);
    font-size:clamp(22px, 3vw, 32px);
    font-weight:700;
    border-bottom:2px solid var(--border);
    padding-bottom:10px;
    margin-bottom:16px;
    white-space:normal;
    line-height:1.25;
}

/* =====================================================
   ISSUE / ARCHIVE CARDS
===================================================== */

.obj_issue_summary,
.current_issue{
    background:#ffffff;
    border:1px solid var(--border);
    border-radius:8px;
    padding:20px;
    margin-bottom:28px;
    box-shadow:0 3px 10px rgba(0,0,0,0.05);
}

.obj_issue_summary .title{
    color:var(--primary);
    font-weight:700;
    font-size:22px;
}

.issue_description{
    font-size:16px;
    line-height:1.8;
    color:#444444;
    text-align:justify;
    margin-top:18px;
}

/* Hide the raw "Published: YYYY-MM-DD" line */
.published,
.current_issue .published{
    display:none;
}

/* Cover image on the issue page - no float, no overlap with text */
.page_issue img,
.obj_issue_summary img,
.issue_cover img{
    display:block;
    float:none !important;
    position:static !important;
    max-width:260px;
    width:100%;
    height:auto;
    border:1px solid var(--border);
    border-radius:6px;
    box-shadow:0 6px 18px rgba(0,0,0,0.12);
    margin:0 0 20px 0;
}

/* FORCE the whole issue-page layout into a clean top-to-bottom stack.
   The overlap was coming from the column WRAPPER divs around the image
   and text (not the <img> itself), so every possible wrapper class is
   reset here - this guarantees no overlap no matter what markup OJS
   renders. */
.page_issue .row,
.page_issue [class*="col-"],
.obj_issue_summary [class*="col-"],
.page_issue .image,
.page_issue .cover,
.page_issue .description,
.obj_issue_summary .image,
.obj_issue_summary .cover,
.obj_issue_summary .description{
    float:none !important;
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    position:static !important;
    margin-left:0 !important;
    clear:both !important;
}

.page_issue .row,
.obj_issue_summary .row{
    display:flex !important;
    flex-direction:column !important;
}

/* =====================================================
   ARTICLE LISTINGS
===================================================== */

.obj_article_summary{
    border-bottom:1px solid #eeeeee;
    padding:22px 0;
}

.obj_article_summary .title a{
    color:var(--primary);
    font-size:24px;
    font-weight:700;
    text-decoration:none;
    font-family:Georgia, serif;
}

.obj_article_summary .title a:hover{
    color:var(--secondary);
}

.obj_article_summary .authors{
    color:#666666;
    font-size:15px;
    font-family:Arial, Helvetica, sans-serif;
}

/* =====================================================
   BUTTONS
===================================================== */

.cmp_button,
button,
.btn{
    background:var(--primary);
    color:#ffffff;
    border:none;
    border-radius:4px;
    font-family:Arial, Helvetica, sans-serif;
}

.cmp_button:hover,
button:hover,
.btn:hover{
    background:var(--secondary);
    color:#ffffff;
}

/* =====================================================
   SIDEBAR BLOCKS
===================================================== */

.pkp_block{
    border:1px solid var(--border);
    margin-bottom:25px;
    border-radius:4px;
    overflow:hidden;
}

.pkp_block .title{
    background:var(--primary);
    color:#ffffff;
    padding:12px 15px;
    font-weight:700;
    font-size:16px;
    font-family:Arial, Helvetica, sans-serif;
}

/* =====================================================
   FOOTER
===================================================== */

/* Remove default "Platform & workflow by OJS/PKP" branding box */
.pkp_brand_footer,
.pkp_structure_footer .pkp_brand_footer,
a[href*="pkp.sfu.ca"],
a[href*="pkp.sfu.ca"] img,
.pkp_powered_by,
#pkpFooterBranding{
    display:none !important;
    visibility:hidden !important;
    height:0 !important;
    width:0 !important;
    overflow:hidden !important;
}

.pkp_structure_footer_wrapper{
    background:var(--secondary);
    color:#ffffff;
    text-align:center;
    padding:26px 15px 22px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:15px;
    display:flex;
    flex-direction:column;
    align-items:center;
}

/* Journal name line */
.pkp_structure_footer_wrapper::before{
    content:"Journal of Pharmacological Horizons";
    display:block;
    font-family:Georgia, 'Times New Roman', serif;
    font-size:22px;
    font-weight:700;
    color:#ffffff;
    margin-bottom:4px;
}

/* Published by line */
.pkp_structure_footer_wrapper::after{
    content:"Published by Lakshmi Biosciences";
    display:block;
    font-size:14px;
    font-weight:600;
    color:var(--accent);
    letter-spacing:1px;
    margin-top:2px;
    margin-bottom:6px;
}

.pkp_structure_footer_wrapper a{
    color:#ffffff;
    text-decoration:none;
}

.pkp_structure_footer_wrapper a:hover{
    text-decoration:underline;
}

/* =====================================================
   RESPONSIVE
===================================================== */

@media (max-width: 992px){

    .pkp_site_name,
    .pkp_site_name_wrapper{
        padding:28px 22px;
    }

    .pkp_site_name img,
    .pkp_site_name_wrapper img{
        width:65px;
    }

    .pkp_site_name a,
    .pkp_site_name .is_text{
        font-size:36px;
    }

    .pkp_site_name::after{
        font-size:12px;
        letter-spacing:2px;
    }

    .page_title,
    .page_issue h1{
        font-size:28px;
    }

    .obj_article_summary .title a{
        font-size:19px;
    }

    .pkp_navigation_primary > li > a{
        font-size:15px;
        padding:14px 14px;
    }
}

@media (max-width: 576px){

    .pkp_site_name a,
    .pkp_site_name .is_text{
        font-size:28px;
    }

    .pkp_site_name::after{
        font-size:11px;
        letter-spacing:1.5px;
    }
}