/* ======================================
   OJS 3.5 MODERN ACADEMIC THEME
   INSPIRED BY TAYLOR & FRANCIS STYLE
====================================== */

:root{
    --primary:#1a5fb4;
    --text:#1a1a1a;
    --muted:#6b7280;
    --bg:#f7f8fa;
    --card:#ffffff;
    --border:#e6e8ec;
}

/* =========================
   BASE
========================= */
body{
    font-family: "Georgia","Times New Roman",serif;
    background:var(--bg);
    color:var(--text);
    font-size:16px;
    line-height:1.7;
}

/* =========================
   HEADER
========================= */
.pkp_structure_head{
    background:#fff;
    border-bottom:1px solid var(--border);
}

.pkp_site_name{
    font-size:26px;
    font-weight:600;
    letter-spacing:.2px;
}

/* NAVIGATION */
.pkp_navigation_primary{
    margin-top:10px;
    border-top:1px solid var(--border);
}

.pkp_navigation_primary li a{
    color:#333;
    font-weight:500;
    padding:10px 14px;
    font-size:14px;
}

.pkp_navigation_primary li a:hover{
    color:var(--primary);
}

/* =========================
   MAIN LAYOUT FIX (IMPORTANT)
========================= */
.pkp_structure_page{
    overflow-x:hidden;
}

.pkp_structure_main{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:flex-start !important;
    gap:30px !important;
    max-width:1200px !important;
    margin:0 auto !important;
}

/* CONTENT */
.pkp_structure_content{
    flex:1 1 auto !important;
    min-width:0 !important;
}

/* SIDEBAR */
.pkp_structure_sidebar{
    width:280px !important;
    flex:0 0 280px !important;
    position:sticky;
    top:20px;
}

/* remove old float conflict */
.pkp_structure_content,
.pkp_structure_sidebar{
    float:none !important;
}

/* =========================
   ARTICLE LIST (CARD STYLE)
========================= */
.obj_article_summary{
    background:#fff;
    border:1px solid var(--border);
    border-radius:4px;
    padding:20px;
    margin-bottom:18px;
    transition:.2s ease;
}

.obj_article_summary:hover{
    border-color:#cfd6de;
    box-shadow:0 2px 10px rgba(0,0,0,.06);
}

.obj_article_summary .title{
    font-size:18px;
    font-weight:600;
}

.obj_article_summary .meta{
    font-size:13px;
    color:var(--muted);
    margin-top:6px;
}

/* =========================
   ISSUE BOX
========================= */
.obj_issue_summary{
    background:#fff;
    border:1px solid var(--border);
    border-radius:4px;
    padding:22px;
}

/* =========================
   SIDEBAR BLOCK
========================= */
.pkp_structure_sidebar{
    background:#fff;
    border:1px solid var(--border);
    border-radius:4px;
    padding:18px;
}

.pkp_block h2{
    font-size:14px;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:.5px;
    border-bottom:1px solid var(--border);
    padding-bottom:6px;
}

/* =========================
   BUTTON
========================= */
.cmp_button,
.obj_galley_link,
.btn{
    background:var(--primary);
    color:#fff !important;
    border-radius:3px;
    padding:8px 14px;
    font-size:13px;
    font-weight:500;
}

.cmp_button:hover,
.obj_galley_link:hover,
.btn:hover{
    background:#144a8c;
}

/* =========================
   ARTICLE PAGE
========================= */
.article-details h1{
    font-size:32px;
    font-weight:600;
    line-height:1.3;
}

.item.abstract{
    background:#fff;
    border:1px solid var(--border);
    border-left:3px solid var(--primary);
    padding:20px;
}

.item.references{
    background:#fff;
    border:1px solid var(--border);
    padding:20px;
}

/* =========================
   COVER IMAGE
========================= */
.cover img{
    border-radius:3px;
    border:1px solid var(--border);
}

/* =========================
   FOOTER
========================= */
.pkp_structure_footer_wrapper{
    background:#2b2b2b;
    color:#ddd;
    padding:30px 0;
}

.pkp_structure_footer_wrapper a{
    color:#fff;
}

/* FULL WIDTH FOOTER FIX */
.footer-top,
.footer-bottom{
    width:100vw !important;
    margin-left:calc(-50vw + 50%) !important;
}

.footer-top{
    background:#f4f4f4 !important;
    color:#333;
    padding:30px 20px;
}

.footer-bottom{
    background:#2b2b2b !important;
    color:#ccc;
    padding:30px 20px;
}

/* GRID FOOTER */
.footer-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
}

/* =========================
   MOBILE RESPONSIVE
========================= */
@media (max-width:900px){
    .pkp_structure_main{
        flex-direction:column !important;
    }

    .pkp_structure_sidebar{
        width:100% !important;
        position:static !important;
    }
}