/**
 * ThemeNine OJS 3.5 — Custom colour scheme
 * Primary dark:  #002c40
 * Primary blue:  #006798  (rgb(0, 103, 152))
 * These match the OJS admin backend colour scheme
 */

/* ── Global ─────────────────────────────────────── */
body { background: #fff; color: #333; font-family: 'Source Sans Pro', Arial, sans-serif; }
a { color: #006798; }
a:hover, a:focus { color: #002c40; text-decoration: underline; }

/* ── Top bar ────────────────────────────────────── */
.topHeader,
#topHeader,
.top-bar,
.pkp_navigation_user {
    background: #002c40 !important;
    color: #fff !important;
}
.topHeader a, .top-bar a { color: #fff !important; font-size: 12px; }
.topHeader a:hover { color: #a8d4ea !important; }

/* ── Header / logo bar ──────────────────────────── */
.mainNavigation,
#headerNavigationContainer .innerHeaderWrp,
.navbar-default,
header.navbar { background: #002c40 !important; border: none !important; box-shadow: none !important; }
.navbar-default .navbar-brand,
.navbar-default .navbar-brand:hover { color: #fff !important; }

/* ── Primary nav bar ────────────────────────────── */
#primaryMenuWrp,
#main-navigation,
.navbar-nav { background: #006798 !important; }

#main-navigation > li > a,
#primaryMenuWrp .nav > li > a,
.navbar-default .navbar-nav > li > a {
    color: #fff !important;
    font-weight: 600;
    font-size: 13px;
    padding: 13px 14px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}
#main-navigation > li > a:hover,
#primaryMenuWrp .nav > li > a:hover,
#main-navigation > li.active > a,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > .active > a {
    background: #002c40 !important;
    color: #fff !important;
}

/* Dropdown menus */
#main-navigation .dropdown-menu,
.navbar-default .navbar-nav .dropdown-menu {
    background: #006798 !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.25) !important;
}
#main-navigation .dropdown-menu > li > a,
.navbar-default .navbar-nav .dropdown-menu > li > a {
    color: #fff !important;
    font-size: 13px !important;
    padding: 8px 16px !important;
}
#main-navigation .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .dropdown-menu > li > a:hover {
    background: #002c40 !important;
    color: #fff !important;
}

/* ── Sidebar blocks ─────────────────────────────── */
.pkp_block .title,
.block_title,
.sidebarBlockTitle {
    background: #006798 !important;
    color: #fff !important;
    padding: 7px 12px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    display: block !important;
}
.pkp_block ul,
.sidebarBlock ul {
    border: 1px solid #dde !important;
    border-top: none !important;
    padding: 8px 12px !important;
    margin: 0 !important;
    list-style: none !important;
    background: #fff !important;
}
.pkp_block ul li a { color: #006798 !important; font-size: 13px; }
.pkp_block ul li a:hover { color: #002c40 !important; }

/* Make a submission button */
.block_make_submission a,
.pkp_block.block_make_submission a {
    background: #006798 !important;
    color: #fff !important;
    display: block !important;
    padding: 10px 14px !important;
    text-align: center !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    text-decoration: none !important;
    border-radius: 3px !important;
    margin: 8px !important;
    transition: background 0.2s !important;
}
.block_make_submission a:hover { background: #002c40 !important; color: #fff !important; }

/* ── Buttons ────────────────────────────────────── */
.btn-primary,
.btn-default.read-more,
input[type="submit"],
button[type="submit"] {
    background: #006798 !important;
    border-color: #006798 !important;
    color: #fff !important;
    font-weight: 600 !important;
}
.btn-primary:hover,
.btn-default.read-more:hover,
input[type="submit"]:hover {
    background: #002c40 !important;
    border-color: #002c40 !important;
    color: #fff !important;
}

/* ── Article/issue headings ─────────────────────── */
.article-summary h3.media-heading a,
.obj_article_summary .title a {
    color: #006798 !important;
    font-weight: 700;
    text-decoration: none;
}
.article-summary h3.media-heading a:hover,
.obj_article_summary .title a:hover { color: #002c40 !important; text-decoration: underline; }

.section-title, .sectionTitle, h2.section { color: #002c40 !important; }

/* Page headings */
h1, h2.page-header { color: #002c40; }
.page-header { border-bottom-color: #006798; }

/* ── Journal info card ──────────────────────────── */
.journalInfoWrp,
.aboutJournalHome { border-color: #dde; }

/* ── Issue TOC ──────────────────────────────────── */
.issueTocPublishArticles .articles-header,
.issue-toc h2.pkp_helpers_text_center { color: #002c40; border-bottom-color: #006798; }

/* ── Footer ─────────────────────────────────────── */
footer,
.pkp_structure_footer,
.footer,
#footerWrp,
.ftLinksWrp,
.footerMain {
    background: #002c40 !important;
    color: #fff !important;
}
footer a, .pkp_structure_footer a, .footer a, #footerWrp a {
    color: #a8d4ea !important;
    text-decoration: none;
}
footer a:hover, .pkp_structure_footer a:hover { color: #fff !important; text-decoration: underline; }
.footerCopyRight, .footer-copyright { color: #7aacca !important; font-size: 12px; }

/* Footer headings */
footer h4, footer h3, .footer h4, .footer h3,
.ftLinksWrp h4, #footerWrp h4 {
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    border-bottom: 1px solid rgba(255,255,255,0.15) !important;
    padding-bottom: 6px !important;
    margin-bottom: 10px !important;
}

/* ── Galley link buttons ─────────────────────────── */
.obj_galley_link,
.galleys_links .obj_galley_link a {
    background: #006798 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 3px !important;
    padding: 4px 12px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    display: inline-block !important;
}
.obj_galley_link:hover,
.galleys_links .obj_galley_link a:hover { background: #002c40 !important; }

/* ── Breadcrumbs ────────────────────────────────── */
.pkp_breadcrumbs a, .breadcrumb a { color: #006798 !important; }
.pkp_breadcrumbs a:hover { color: #002c40 !important; }

/* ── Search form ────────────────────────────────── */
.pkp_search .search-input:focus,
input[type="text"]:focus, input[type="search"]:focus, textarea:focus {
    border-color: #006798 !important;
    box-shadow: 0 0 0 2px rgba(0,103,152,0.2) !important;
    outline: none !important;
}

/* ── Label for hamburger ───────────────────────── */
label[for="menuOnTop"] { color: #fff !important; }

/* ── Additional links (Submission/Contact) ─────── */
.additionalLinks a {
    background: #002c40 !important;
    color: #fff !important;
    font-weight: 700 !important;
    padding: 13px 16px !important;
    text-transform: uppercase !important;
    font-size: 13px !important;
    border-left: 1px solid rgba(255,255,255,0.15) !important;
}
.additionalLinks a:hover { background: #006798 !important; }

/* ── Responsive ─────────────────────────────────── */
@media (max-width: 960px) {
    #main-navigation,
    #primaryMenuWrp #main-navigation li a { color: #fff !important; background: #006798 !important; }
    #primaryMenuWrp #main-navigation li { border-bottom: 1px solid rgba(255,255,255,0.15) !important; }
}