/* =====================================
   TAROMBO JCTM FINAL THEME
   Navy + Gold Modern Journal
   ===================================== */

/* ===== ROOT COLOR ===== */
:root {
    --navy: #0b2c4d;
    --navy-dark: #081f36;
    --gold: #d4af37;
    --gold-light: #f1d58a;
    --bg: #f8f9fb;
    --text: #1c2b36;
    --white: #ffffff;
}

/* ===== BODY ===== */
body {
    font-family: "Georgia", serif;
    background: var(--bg);
    color: var(--text);
}

/* ===== HEADER ===== */
.pkp_structure_head,
.pkp_navigation_primary,
.pkp_navigation_user,
.pkp_navigation_primary_row {
    background: linear-gradient(90deg, var(--navy-dark), var(--navy)) !important;
    border: none !important;
}

/* ===== LOGO TITLE ===== */
.pkp_site_name {
    text-align: center;
    padding: 15px 0;
}

.pkp_site_name a {
    font-size: 28px;
    font-weight: bold;
    color: var(--white) !important;
    letter-spacing: 1.5px;
}

/* ===== NAVBAR ===== */
.pkp_navigation_primary {
    display: flex;
    justify-content: center;
}

.pkp_navigation_primary a {
    color: var(--white) !important;
    padding: 10px 15px;
    transition: all 0.3s ease;
}

/* HOVER */
.pkp_navigation_primary a:hover {
    background: rgba(212, 175, 55, 0.2) !important;
    border-radius: 5px;
}

/* ACTIVE */
.pkp_navigation_primary .active a {
    border-bottom: 2px solid var(--gold);
}

/* SEARCH ICON */
.pkp_navigation_search_wrapper a {
    color: var(--white) !important;
}

/* ===== LINK ===== */
a {
    color: var(--navy);
}

a:hover {
    color: var(--gold);
}

/* ===== SIDEBAR ===== */
.pkp_block {
    border: 1px solid #e6e6e6 !important;
    background: var(--white) !important;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}

/* TITLE SIDEBAR */
.pkp_block .title {
    background: linear-gradient(90deg, var(--navy), #1f4e79) !important;
    color: var(--white) !important;
    padding: 10px;
}

/* SIDEBAR LINK */
.pkp_block a {
    color: var(--navy) !important;
}

.pkp_block a:hover {
    color: var(--gold) !important;
}

/* ===== ARTICLE BOX ===== */
.obj_article_summary {
    border: 1px solid #e6e6e6;
    background: var(--white);
    border-radius: 10px;
    padding: 15px;
    transition: all 0.3s ease;
}

.obj_article_summary:hover {
    box-shadow: 0 6px 18px rgba(0,0,0,0.08);
    transform: translateY(-2px);
}

/* TITLE */
.obj_article_summary .title {
    background: linear-gradient(90deg, var(--navy), #1f4e79) !important;
    padding: 12px;
    border-radius: 6px;
}

.obj_article_summary .title a {
    color: var(--white) !important;
    font-weight: bold;
}

.obj_article_summary .title a:hover {
    color: var(--gold-light) !important;
}

/* AUTHOR */
.obj_article_summary .meta {
    color: #444 !important;
}

/* ===== BUTTON ===== */
button, .pkp_button {
    background: linear-gradient(90deg, var(--navy), var(--gold)) !important;
    color: var(--white) !important;
    border-radius: 6px;
    border: none;
    padding: 8px 14px;
}

button:hover, .pkp_button:hover {
    opacity: 0.9;
}

/* ===== DROPDOWN ===== */
.pkp_navigation_primary .dropdown-menu {
    background: var(--white) !important;
    border-radius: 10px !important;
    box-shadow: 0 8px 20px rgba(0,0,0,0.15) !important;
}

.pkp_navigation_primary .dropdown-menu a {
    color: var(--navy) !important;
    padding: 10px 15px;
}

.pkp_navigation_primary .dropdown-menu a:hover {
    background: var(--gold) !important;
    color: var(--navy-dark) !important;
}

/* ===== FOOTER ===== */
.pkp_structure_footer_wrapper {
    background: var(--navy-dark);
    color: var(--white);
    border-top: 3px solid var(--gold);
    padding: 25px;
}

/* ===== SCROLLBAR ===== */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-thumb {
    background: var(--gold);
    border-radius: 5px;
}

/* ===== REMOVE OJS BLUE ===== */
[class*="pkp_"] {
    border-color: #e6e6e6 !important;
}

/* ===== NOTIFICATION ===== */
.pkp_navigation_user .badge {
    background: var(--gold) !important;
    color: var(--navy-dark) !important;
}

/* ===== SUBMIT BUTTON ===== */
.pkp_block .block_make_submission a {
    background: linear-gradient(90deg, var(--navy), var(--gold)) !important;
    color: #fff !important;
    border-radius: 6px;
    padding: 6px 10px;
}

.pkp_page_index .homepage_image img {
    width: 100%;
    border-radius: 10px;
}