/* ==============================================
   MUST EDITORIAL TEAM
   ============================================== */

.wasswa-tabs input,
.kimera-tabs input,
.arthur-tabs input,
.simon-tabs input,
.specioza-tabs input,
.cleophas-tabs input,
.ashaba-tabs input,
.raphael-tabs input,
.buwule-tabs input,
.martin-tabs input {
    display: none;
}


/* ==============================================
   TAB BUTTONS
   ============================================== */

.wasswa-tab-label,
.kimera-tab-label,
.arthur-tab-label,
.simon-tab-label,
.specioza-tab-label,
.cleophas-tab-label,
.ashaba-tab-label,
.raphael-tab-label,
.buwule-tab-label,
.martin-tab-label {
    display: inline-block;
    padding: 16px 20px;
    cursor: pointer;
    font-weight: bold;
    color: #21165f;
    background: #ffffff;
    border-bottom: 1px solid #d4d8df;
}


/* ==============================================
   TAB CONTENT
   ============================================== */

.wasswa-tab-content,
.kimera-tab-content,
.arthur-tab-content,
.simon-tab-content,
.specioza-tab-content,
.cleophas-tab-content,
.ashaba-tab-content,
.raphael-tab-content,
.buwule-tab-content,
.martin-tab-content {
    display: none;
    border: 1px solid #d4d8df;
    padding: 25px;
    min-height: 180px;
    text-align: left;
    color: #666666;
    line-height: 1.7;
    box-sizing: border-box;
}


/* ==============================================
   WILLIAM WASSWA
   ============================================== */

#wasswa-about:checked ~ .wasswa-content .content-about,
#wasswa-qualifications:checked ~ .wasswa-content .content-qualifications,
#wasswa-publications:checked ~ .wasswa-content .content-publications,
#wasswa-projects:checked ~ .wasswa-content .content-projects,
#wasswa-supervision:checked ~ .wasswa-content .content-supervision,
#wasswa-more:checked ~ .wasswa-content .content-more {
    display: block;
}

#wasswa-about:checked ~ .wasswa-labels label[for="wasswa-about"],
#wasswa-qualifications:checked ~ .wasswa-labels label[for="wasswa-qualifications"],
#wasswa-publications:checked ~ .wasswa-labels label[for="wasswa-publications"],
#wasswa-projects:checked ~ .wasswa-labels label[for="wasswa-projects"],
#wasswa-supervision:checked ~ .wasswa-labels label[for="wasswa-supervision"],
#wasswa-more:checked ~ .wasswa-labels label[for="wasswa-more"] {
    color: #65b32e;
    border: 1px solid #d4d8df;
    border-bottom: 1px solid #ffffff;
}


/* ==============================================
   RICHARD KIMERA
   ============================================== */

#kimera-about:checked ~ .kimera-content .content-about,
#kimera-qualifications:checked ~ .kimera-content .content-qualifications,
#kimera-publications:checked ~ .kimera-content .content-publications,
#kimera-projects:checked ~ .kimera-content .content-projects,
#kimera-supervision:checked ~ .kimera-content .content-supervision,
#kimera-more:checked ~ .kimera-content .content-more {
    display: block;
}

#kimera-about:checked ~ .kimera-labels label[for="kimera-about"],
#kimera-qualifications:checked ~ .kimera-labels label[for="kimera-qualifications"],
#kimera-publications:checked ~ .kimera-labels label[for="kimera-publications"],
#kimera-projects:checked ~ .kimera-labels label[for="kimera-projects"],
#kimera-supervision:checked ~ .kimera-labels label[for="kimera-supervision"],
#kimera-more:checked ~ .kimera-labels label[for="kimera-more"] {
    color: #65b32e;
    border: 1px solid #d4d8df;
    border-bottom: 1px solid #ffffff;
}


/* ==============================================
   ARTHUR NUWAGABA
   ============================================== */

#arthur-about:checked ~ .arthur-content .content-about,
#arthur-qualifications:checked ~ .arthur-content .content-qualifications,
#arthur-publications:checked ~ .arthur-content .content-publications,
#arthur-projects:checked ~ .arthur-content .content-projects,
#arthur-supervision:checked ~ .arthur-content .content-supervision,
#arthur-more:checked ~ .arthur-content .content-more {
    display: block;
}

#arthur-about:checked ~ .arthur-labels label[for="arthur-about"],
#arthur-qualifications:checked ~ .arthur-labels label[for="arthur-qualifications"],
#arthur-publications:checked ~ .arthur-labels label[for="arthur-publications"],
#arthur-projects:checked ~ .arthur-labels label[for="arthur-projects"],
#arthur-supervision:checked ~ .arthur-labels label[for="arthur-supervision"],
#arthur-more:checked ~ .arthur-labels label[for="arthur-more"] {
    color: #65b32e;
    border: 1px solid #d4d8df;
    border-bottom: 1px solid #ffffff;
}


/* ==============================================
   SIMON KAWUMA
   ============================================== */

#simon-about:checked ~ .simon-content .content-about,
#simon-qualifications:checked ~ .simon-content .content-qualifications,
#simon-publications:checked ~ .simon-content .content-publications,
#simon-projects:checked ~ .simon-content .content-projects,
#simon-supervision:checked ~ .simon-content .content-supervision,
#simon-more:checked ~ .simon-content .content-more {
    display: block;
}

#simon-about:checked ~ .simon-labels label[for="simon-about"],
#simon-qualifications:checked ~ .simon-labels label[for="simon-qualifications"],
#simon-publications:checked ~ .simon-labels label[for="simon-publications"],
#simon-projects:checked ~ .simon-labels label[for="simon-projects"],
#simon-supervision:checked ~ .simon-labels label[for="simon-supervision"],
#simon-more:checked ~ .simon-labels label[for="simon-more"] {
    color: #65b32e;
    border: 1px solid #d4d8df;
    border-bottom: 1px solid #ffffff;
}


/* ==============================================
   SPECIOZA TWINAMASIKO
   ============================================== */

#specioza-about:checked ~ .specioza-content .content-about,
#specioza-qualifications:checked ~ .specioza-content .content-qualifications,
#specioza-publications:checked ~ .specioza-content .content-publications,
#specioza-projects:checked ~ .specioza-content .content-projects,
#specioza-supervision:checked ~ .specioza-content .content-supervision,
#specioza-more:checked ~ .specioza-content .content-more {
    display: block;
}

#specioza-about:checked ~ .specioza-labels label[for="specioza-about"],
#specioza-qualifications:checked ~ .specioza-labels label[for="specioza-qualifications"],
#specioza-publications:checked ~ .specioza-labels label[for="specioza-publications"],
#specioza-projects:checked ~ .specioza-labels label[for="specioza-projects"],
#specioza-supervision:checked ~ .specioza-labels label[for="specioza-supervision"],
#specioza-more:checked ~ .specioza-labels label[for="specioza-more"] {
    color: #65b32e;
    border: 1px solid #d4d8df;
    border-bottom: 1px solid #ffffff;
}


/* ==============================================
   CLEOPHAS KAROOMA
   ============================================== */

#cleophas-about:checked ~ .cleophas-content .content-about,
#cleophas-qualifications:checked ~ .cleophas-content .content-qualifications,
#cleophas-publications:checked ~ .cleophas-content .content-publications,
#cleophas-projects:checked ~ .cleophas-content .content-projects,
#cleophas-supervision:checked ~ .cleophas-content .content-supervision,
#cleophas-more:checked ~ .cleophas-content .content-more {
    display: block;
}

#cleophas-about:checked ~ .cleophas-labels label[for="cleophas-about"],
#cleophas-qualifications:checked ~ .cleophas-labels label[for="cleophas-qualifications"],
#cleophas-publications:checked ~ .cleophas-labels label[for="cleophas-publications"],
#cleophas-projects:checked ~ .cleophas-labels label[for="cleophas-projects"],
#cleophas-supervision:checked ~ .cleophas-labels label[for="cleophas-supervision"],
#cleophas-more:checked ~ .cleophas-labels label[for="cleophas-more"] {
    color: #65b32e;
    border: 1px solid #d4d8df;
    border-bottom: 1px solid #ffffff;
}


/* ==============================================
   ASHABA SCHOLASTIC
   ============================================== */

#ashaba-about:checked ~ .ashaba-content .content-about,
#ashaba-qualifications:checked ~ .ashaba-content .content-qualifications,
#ashaba-publications:checked ~ .ashaba-content .content-publications,
#ashaba-projects:checked ~ .ashaba-content .content-projects,
#ashaba-supervision:checked ~ .ashaba-content .content-supervision,
#ashaba-more:checked ~ .ashaba-content .content-more {
    display: block;
}

#ashaba-about:checked ~ .ashaba-labels label[for="ashaba-about"],
#ashaba-qualifications:checked ~ .ashaba-labels label[for="ashaba-qualifications"],
#ashaba-publications:checked ~ .ashaba-labels label[for="ashaba-publications"],
#ashaba-projects:checked ~ .ashaba-labels label[for="ashaba-projects"],
#ashaba-supervision:checked ~ .ashaba-labels label[for="ashaba-supervision"],
#ashaba-more:checked ~ .ashaba-labels label[for="ashaba-more"] {
    color: #65b32e;
    border: 1px solid #d4d8df;
    border-bottom: 1px solid #ffffff;
}


/* ==============================================
   RAPHAEL WANGALWA
   ============================================== */

#raphael-about:checked ~ .raphael-content .content-about,
#raphael-qualifications:checked ~ .raphael-content .content-qualifications,
#raphael-publications:checked ~ .raphael-content .content-publications,
#raphael-projects:checked ~ .raphael-content .content-projects,
#raphael-supervision:checked ~ .raphael-content .content-supervision,
#raphael-more:checked ~ .raphael-content .content-more {
    display: block;
}

#raphael-about:checked ~ .raphael-labels label[for="raphael-about"],
#raphael-qualifications:checked ~ .raphael-labels label[for="raphael-qualifications"],
#raphael-publications:checked ~ .raphael-labels label[for="raphael-publications"],
#raphael-projects:checked ~ .raphael-labels label[for="raphael-projects"],
#raphael-supervision:checked ~ .raphael-labels label[for="raphael-supervision"],
#raphael-more:checked ~ .raphael-labels label[for="raphael-more"] {
    color: #65b32e;
    border: 1px solid #d4d8df;
    border-bottom: 1px solid #ffffff;
}


/* ==============================================
   ROBERT BUWULE
   ============================================== */

#buwule-about:checked ~ .buwule-content .content-about,
#buwule-qualifications:checked ~ .buwule-content .content-qualifications,
#buwule-publications:checked ~ .buwule-content .content-publications,
#buwule-projects:checked ~ .buwule-content .content-projects,
#buwule-supervision:checked ~ .buwule-content .content-supervision,
#buwule-more:checked ~ .buwule-content .content-more {
    display: block;
}

#buwule-about:checked ~ .buwule-labels label[for="buwule-about"],
#buwule-qualifications:checked ~ .buwule-labels label[for="buwule-qualifications"],
#buwule-publications:checked ~ .buwule-labels label[for="buwule-publications"],
#buwule-projects:checked ~ .buwule-labels label[for="buwule-projects"],
#buwule-supervision:checked ~ .buwule-labels label[for="buwule-supervision"],
#buwule-more:checked ~ .buwule-labels label[for="buwule-more"] {
    color: #65b32e;
    border: 1px solid #d4d8df;
    border-bottom: 1px solid #ffffff;
}


/* ==============================================
   MARTIN KIJUMI
   ============================================== */

#martin-about:checked ~ .martin-content .content-about,
#martin-qualifications:checked ~ .martin-content .content-qualifications,
#martin-publications:checked ~ .martin-content .content-publications,
#martin-projects:checked ~ .martin-content .content-projects,
#martin-supervision:checked ~ .martin-content .content-supervision,
#martin-more:checked ~ .martin-content .content-more {
    display: block;
}

#martin-about:checked ~ .martin-labels label[for="martin-about"],
#martin-qualifications:checked ~ .martin-labels label[for="martin-qualifications"],
#martin-publications:checked ~ .martin-labels label[for="martin-publications"],
#martin-projects:checked ~ .martin-labels label[for="martin-projects"],
#martin-supervision:checked ~ .martin-labels label[for="martin-supervision"],
#martin-more:checked ~ .martin-labels label[for="martin-more"] {
    color: #65b32e;
    border: 1px solid #d4d8df;
    border-bottom: 1px solid #ffffff;
}


/* ==============================================
   MOBILE
   ============================================== */

@media screen and (max-width: 768px) {

    .wasswa-tabs,
    .kimera-tabs,
    .arthur-tabs,
    .simon-tabs,
    .specioza-tabs,
    .cleophas-tabs,
    .ashaba-tabs,
    .raphael-tabs,
    .buwule-tabs,
    .martin-tabs {
        width: 100%;
    }

    .wasswa-tab-label,
    .kimera-tab-label,
    .arthur-tab-label,
    .simon-tab-label,
    .specioza-tab-label,
    .cleophas-tab-label,
    .ashaba-tab-label,
    .raphael-tab-label,
    .buwule-tab-label,
    .martin-tab-label {
        padding: 10px;
        font-size: 13px;
    }
}

/* =========================================================
   MUST JOURNAL HEADER
   Logo on the left and journal title beside it
   ========================================================= */

.pkp_structure_head,
.pkp_site_header,
.pkp_site_name_wrapper {
    background: #ffffff !important;
}

.pkp_site_name_wrapper {
    height: auto !important;
    min-height: 0 !important;
    padding: 22px 20px !important;
    overflow: visible !important;
}

.pkp_site_name {
    position: static !important;
    width: 100% !important;
    max-width: 1160px !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

/* Header link containing logo and title */
.pkp_site_name > a {
    position: static !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 25px !important;

    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

    color: #21165f !important;
    text-decoration: none !important;
    transform: none !important;
}

/* Do not use the before pseudo-element */
.pkp_site_name > a::before {
    content: none !important;
    display: none !important;
}

/* Add the journal title beside the logo */
.pkp_site_name > a::after {
    content: "Journal of Science, Management and Community Transformation" !important;
    display: block !important;
    flex: 1 1 auto !important;

    width: auto !important;
    max-width: 800px !important;
    margin: 0 !important;
    padding: 0 !important;

    color: #21165f !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 27px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    text-align: left !important;
    white-space: normal !important;
}

/* Logo on the left */
.pkp_site_name img {
    position: static !important;
    display: block !important;
    flex: 0 0 auto !important;

    width: 140px !important;
    min-width: 140px !important;
    max-width: 140px !important;
    height: auto !important;
    max-height: 140px !important;

    margin: 0 !important;
    object-fit: contain !important;
    transform: none !important;
}

/* Navigation area */
.pkp_navigation_primary_wrapper {
    background: #ffffff !important;
    border-top: 1px solid #e1e1e1 !important;
    border-bottom: 3px solid #FDBB11 !important;
}

/* Navigation links */
.pkp_navigation_primary > li > a {
    color: #21165f !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-transform: none !important;
}

/* User links and search */
.pkp_navigation_user > li > a,
.pkp_search .search_prompt,
.pkp_search a,
.pkp_search .fa {
    color: #21165f !important;
}

/* Hover */
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus,
.pkp_navigation_user > li > a:hover,
.pkp_navigation_user > li > a:focus {
    color: #65b32e !important;
}

/* Dropdown menu */
.pkp_navigation_primary ul {
    background: #ffffff !important;
    border: 1px solid #dddddd !important;
}

.pkp_navigation_primary ul a {
    color: #21165f !important;
}

.pkp_navigation_primary ul a:hover,
.pkp_navigation_primary ul a:focus {
    background: #f5f5f5 !important;
    color: #65b32e !important;
}

/* Tablet */
@media screen and (max-width: 992px) {

    .pkp_site_name > a {
        gap: 18px !important;
    }

    .pkp_site_name img {
        width: 110px !important;
        min-width: 110px !important;
        max-width: 110px !important;
        max-height: 110px !important;
    }

    .pkp_site_name > a::after {
        font-size: 23px !important;
        max-width: 650px !important;
    }
}

/* Mobile */
@media screen and (max-width: 768px) {

    .pkp_site_name_wrapper {
        padding: 14px 15px !important;
    }

    .pkp_site_name > a {
        gap: 12px !important;
        align-items: center !important;
    }

    .pkp_site_name img {
        width: 75px !important;
        min-width: 75px !important;
        max-width: 75px !important;
        max-height: 75px !important;
    }

    .pkp_site_name > a::after {
        font-size: 17px !important;
        line-height: 1.2 !important;
        max-width: none !important;
        text-align: left !important;
        overflow-wrap: anywhere !important;
    }
}

/* =====================================================
   MUST BLUE FOOTER
   ===================================================== */

.pkp_structure_footer_wrapper {
    background: #2B3990 !important;
    color: #ffffff !important;
    padding: 2px 0 !important;   /* Reduced from 40px */
    border-top: 4px solid #FDBB11 !important;
}

/* Footer content */
.pkp_structure_footer {
    background: transparent !important;
    color: #ffffff !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
}

/* All footer text */
.pkp_structure_footer,
.pkp_structure_footer p,
.pkp_structure_footer div,
.pkp_structure_footer span,
.pkp_structure_footer li {
    color: #ffffff !important;
    font-size: 15px;
    line-height: 1.7;
}

/* Footer headings */
.pkp_structure_footer h1,
.pkp_structure_footer h2,
.pkp_structure_footer h3,
.pkp_structure_footer h4,
.pkp_structure_footer h5 {
    color: #ffffff !important;
    font-weight: 700;
}

/* Footer links */
.pkp_structure_footer a {
    color: #ffffff !important;
    text-decoration: none;
    transition: color .3s ease;
}

.pkp_structure_footer a:hover,
.pkp_structure_footer a:focus {
    color: #FDBB11 !important;
    text-decoration: underline;
}

/* Footer images */
.pkp_structure_footer img {
    max-width: 100%;
    height: auto;
}

/* Mobile */
@media (max-width: 768px) {

    .pkp_structure_footer_wrapper {
        padding: 12px 20px !important;   /* Reduced from 30px */
    }

    .pkp_structure_footer {
        text-align: center;
    }
}

/* =========================================================
   MOBILE MENU — VISIBLE BUTTON
   ========================================================= */

@media screen and (max-width: 768px) {

    /* Keep the normal header order */
    .pkp_structure_head {
        display: flex !important;
        flex-direction: column !important;
        background: #ffffff !important;
    }

    /* Logo and title first */
    .pkp_site_name_wrapper {
        order: 1 !important;
    }

    /* Navigation below the logo */
    .pkp_navigation_primary_row {
        order: 2 !important;
        display: block !important;
        width: 100% !important;
        min-height: 50px !important;
        margin: 0 !important;
        padding: 0 !important;
        background: #2B3990 !important;
        border-bottom: 3px solid #FDBB11 !important;
    }

    /* Mobile toggle button */
    .pkp_site_nav_toggle {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;

        position: relative !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        width: 100% !important;
        height: 50px !important;
        margin: 0 !important;
        padding: 0 18px !important;

        background: #2B3990 !important;
        border: none !important;
        color: transparent !important;

        text-align: left !important;
        cursor: pointer !important;
        overflow: visible !important;
        z-index: 1000 !important;
    }

    /* Create a clearly visible menu label */
    .pkp_site_nav_toggle::after {
        content: "☰  MENU" !important;
        display: block !important;
        visibility: visible !important;

        color: #ffffff !important;
        font-family: Arial, Helvetica, sans-serif !important;
        font-size: 17px !important;
        font-weight: 700 !important;
        line-height: 50px !important;
        letter-spacing: 0.5px !important;
        text-align: left !important;
    }

    /* Hide the old invisible toggle contents */
    .pkp_site_nav_toggle > span {
        display: none !important;
    }

    /* Open navigation panel */
    .pkp_site_nav_menu {
        order: 3 !important;
        width: 100% !important;
        background: #2B3990 !important;
        color: #ffffff !important;
        z-index: 999 !important;
    }

    /* Menu links */
    .pkp_navigation_primary,
    .pkp_navigation_user {
        background: #2B3990 !important;
    }

    .pkp_navigation_primary > li,
    .pkp_navigation_user > li {
        display: block !important;
        width: 100% !important;
        border-top: 1px solid rgba(255,255,255,0.2) !important;
    }

    .pkp_navigation_primary > li > a,
    .pkp_navigation_user > li > a,
    .pkp_search .search_prompt {
        display: block !important;
        padding: 13px 18px !important;
        color: #ffffff !important;
        font-size: 16px !important;
    }

    .pkp_site_nav_menu a:hover,
    .pkp_site_nav_menu a:focus {
        color: #FDBB11 !important;
    }

    /* Dropdown menu */
    .pkp_navigation_primary ul {
        background: #ffffff !important;
    }

    .pkp_navigation_primary ul a {
        color: #21165f !important;
    }
}

/* ==========================================
   REDUCE FOOTER HEIGHT ONLY
   ========================================== */

.pkp_structure_footer {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.pkp_footer_content {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.pkp_structure_footer p,
.pkp_structure_footer div {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.pkp_brand_footer {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.pkp_brand_footer {
    display: none !important;
}