/* AFRIJOCH Theme v8 - Layout Fixes */

/* ====== DASHBOARD BUTTON FIXES ====== */
.pkpButton,
button.pkpButton,
.pkpButton.bg-secondary {
    background-color: #006798 !important;
    color: #FFFFFF !important;
}

.pkpButton:hover {
    background-color: #0082bf !important;
}

.pkpDropdown__content,
div[class*="pkpDropdown"] {
    background-color: #FFFFFF !important;
    color: #222222 !important;
}

.pkpDropdown__content a,
.pkpDropdown__content button {
    color: #222222 !important;
}

th, .listPanel th {
    color: #222222 !important;
}

/* ====== COLOR VARIABLES ====== */
:root {
    --main-dark: #1A2F49;
    --main-mid: #244C74;
    --main-accent: #1E6BA8;
    --text-white: #FFFFFF;
    --footer-gray: #dddddd;
}

/* ====== HIDE OJS BRANDING ====== */
.pkp_brand_footer {
    display: none !important;
}

/* ====== HEADER - UNIFIED COLOR ====== */
.pkp_structure_head,
.pkp_head_wrapper,
header.pkp_structure_head {
    background: var(--main-dark) !important;
}

/* Fix the extra blue bar below navigation */
.pkp_structure_head::after,
.pkp_head_wrapper::after,
.pkp_navigation_primary_row::after {
    display: none !important;
}

/* Journal Name - Better positioning */
.pkp_site_name {
    padding: 15px 0 10px 0 !important;
    margin: 0 !important;
}

.pkp_site_name a,
.pkp_site_name a.is_text {
    font-size: 32px !important;
    font-weight: 900 !important;
    color: var(--text-white) !important;
    letter-spacing: 2px !important;
    line-height: 1.2 !important;
}

/* ====== USER NAVIGATION - Top right when logged in ====== */
.pkp_navigation_user_wrapper,
.pkp_navigation_user {
    background: transparent !important;
    padding: 5px 0 !important;
}

/* ====== PRIMARY NAVIGATION BAR ====== */
.pkp_navigation_primary_wrapper,
.pkp_navigation_primary_row,
.pkp_navigation_primary {
    background: var(--main-mid) !important;
}

/* Remove any extra backgrounds/borders */
.pkp_navigation_primary_wrapper::before,
.pkp_navigation_primary_wrapper::after,
.pkp_navigation_primary_row::before {
    display: none !important;
    background: none !important;
}

.pkp_navigation_primary > li > a {
    color: var(--text-white) !important;
    padding: 12px 20px !important;
}

.pkp_navigation_primary > li > a:hover {
    background: var(--main-accent) !important;
}

/* Dropdown Menus */
.pkp_navigation_primary .has_submenu ul {
    background: var(--main-mid) !important;
}

.pkp_navigation_primary .has_submenu ul a {
    color: var(--text-white) !important;
}

.pkp_navigation_primary .has_submenu ul a:hover {
    background: var(--main-accent) !important;
}

/* ====== USER DROPDOWN ====== */
.pkp_navigation_user a {
    color: var(--text-white) !important;
}

.pkp_navigation_user ul {
    background: var(--main-dark) !important;
}

.pkp_navigation_user ul a {
    color: #FFFFFF !important;
    padding: 10px 15px !important;
}

.pkp_navigation_user ul a:hover {
    background: var(--main-accent) !important;
}

/* Search button */
.pkp_search a {
    color: var(--text-white) !important;
}

/* ====== FIX BLUE BAR BELOW NAV ====== */
/* This targets any element creating the extra bar */
.pkp_site_nav_menu,
nav.pkp_site_nav_menu {
    background: transparent !important;
    border: none !important;
}

.pkp_navigation_search_wrapper {
    background: var(--main-mid) !important;
}

/* ====== FOOTER ====== */
.pkp_structure_footer_wrapper,
.pkp_structure_footer {
    background: var(--footer-gray) !important;
    color: var(--main-dark) !important;
    text-align: center !important;
}

.pkp_structure_footer::after {
    content: "© 2025 AFRIJOCH – African Journal of Child Health. All Rights Reserved.";
    display: block;
    margin-top: 10px;
    font-size: 15px;
}

/* ====== SIDEBAR ====== */
.pkp_block .title {
    color: var(--main-dark);
    border-bottom: 3px solid var(--main-mid);
}

.pkp_structure_sidebar a {
    color: var(--main-mid);
}

/* ====== PUBLIC BUTTONS ====== */
.pkp_structure_main .pkp_button,
.pkp_structure_content .pkp_button,
.pkp_structure_main .cmp_button {
    background: var(--main-mid) !important;
    color: var(--text-white) !important;
    border: none !important;
    border-radius: 5px;
    padding: 12px 25px !important;
}

/* Mobile toggle */
.pkp_site_nav_toggle {
    color: var(--text-white) !important;
}