/* ============================================
   Academicia Review – SAFE OJS 3.5 Styling
   Layout preserved, colors refined
============================================ */

/* ---------- BASIC COLORS ---------- */
:root {
    --primary: #5b7dbb;
    --secondary: #8fbcd4;
    --accent: #eef5fb;
    --text-main: #2f3b4a;
}

/* ---------- GLOBAL ---------- */
body {
    font-family: "Segoe UI", Arial, sans-serif;
    color: var(--text-main);
    background-color: #f8fafc;
    line-height: 1.7;
}

a {
    color: var(--primary);
}

/* ---------- HEADER ---------- */
.pkp_site_name a {
    color: var(--primary);
    font-family: Georgia, "Times New Roman", serif;
    font-weight: 700;
}

/* ---------- NAVIGATION (NO STRUCTURAL CHANGE) ---------- */
.pkp_navigation_primary_wrapper {
    background-color: #ffffff;
    border-bottom: 1px solid #e3e8ef;
}

.pkp_navigation_primary li a {
    color: var(--primary);
    font-weight: 500;
}

.pkp_navigation_primary li a:hover {
    background-color: var(--accent);
}

/* ---------- CONTENT AREA ---------- */
.pkp_structure_content {
    background-color: #ffffff;
    padding: 24px;
    border-radius: 6px;
}

/* ---------- SIDEBAR ---------- */
.pkp_structure_sidebar {
    background-color: #ffffff;
    padding: 20px;
    border-radius: 6px;
}

.pkp_structure_sidebar h3 {
    border-bottom: 2px solid var(--secondary);
    padding-bottom: 6px;
}

/* ---------- HOMEPAGE ABOUT ---------- */
.pkp_page_index .about_section {
    background-color: var(--accent);
    padding: 24px;
    border-radius: 6px;
}

/* ---------- ARTICLE LIST ---------- */
.obj_article_summary {
    border-bottom: 1px solid #e5e7eb;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.obj_article_summary .title {
    font-size: 19px;
    font-weight: 600;
}

/* ---------- ABSTRACT ---------- */
.item.abstract {
    background-color: var(--accent);
    padding: 20px;
    border-radius: 6px;
}

/* ---------- BUTTONS ---------- */
.pkp_button,
button,
input[type="submit"] {
    background-color: var(--primary);
    color: #ffffff;
    border-radius: 4px;
}

/* ---------- FOOTER ---------- */
.pkp_structure_footer {
    background-color: #f1f5f9;
    color: #374151;
}
