html, body {
        font-family: "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif; background: #ffffff;
    }
    
.pkp_navigation_primary_row {
    background: #388f65;
}
    
.pkp_site_name .is_img {
    margin-top: 0rem;
    margin-bottom: 0rem;
    width: fit-content;
    }
    
.pkp_site_name .is_img img {
        max-height: fit-content;
    }

.pkp_site_name {
        padding-top: 0rem;
        padding-bottom: 0rem;
    }

.has_site_logo .pkp_site_name {
    text-align: center;
}

.pkp_site_name_wrapper {
    padding-left: 0rem;
    padding-right: 0rem;
    }

.pkp_structure_head {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .25em;
    }

a {
    color: #1b4531;
    transition: color 0.3s ease;  /* ← Pindah ke sini */
}

a:hover {
    color: #11a90c;
}

.cmp_article_list>li {
    padding: 20px;
    background-color: rgb(250, 250, 250);
}

.cmp_article_list>li:hover{
    transform: translateY(-2px); /* Efek sedikit terangkat saat dihover */
    box-shadow: 0 6px 20px #c1fbc9;
}

.cmp_button_wire, .obj_galley_link {
    display: inline-block;
    padding: 0 1em;
    background: #fff;
    border: 1px solid #1b4531;
    border-radius: 3px;
    font-size: .93rem;
    line-height: calc(2.143rem - 2px);
    color: #1b4531;
    text-decoration: none;
}

.obj_announcement_summary .read_more {
    display: inline-block;
    position: relative;
    padding-right: 2.143rem;
    font-size: .93rem;
    font-weight: 700;
    line-height: 2.143rem;
    color: #1b4531;
    text-decoration: none;
}

/* Side menu hover effect */
ul.sidemenu {
    transition: background-color 0.3s ease;
}

ul.sidemenu:hover {
    background-color: #ebe8e8 !important;
    color: #1b4531 !important;
}

ul.sidemenu:hover a {
    color: #1b4531 !important;
    transition: color 0.3s ease;
}



/* Hide PKP/OJS logo in footer */
.pkp_brand_footer,
.pkp_footer_content a[href*="pkp.sfu.ca"],
a[href*="pkp.sfu.ca"] img,
.pkp_structure_footer a[href*="pkp"] {
    display: none !important;
}



/* ==== AFFILIATION TOGGLE (Pure CSS) ==== */
.affiliation-checkbox {
    display: none;
}

.affiliation-toggle {
    cursor: pointer;
    font-weight: bold;
    margin-bottom: 10px;
    user-select: none;
    color: #333;
    padding: 8px 0;
    display: block;
}

.affiliation-toggle:hover {
    color: #11a90c;
}

.toggle-icon {
    display: inline-block;
    transition: transform 0.3s ease;
}

/* When checkbox is checked, rotate icon */
.affiliation-checkbox:checked + .affiliation-toggle .toggle-icon {
    transform: rotate(90deg);
}

/* When checkbox is checked, show authors list */
.affiliation-checkbox:checked ~ .authors-list {
    display: block !important;
}

.authors-list {
    padding-left: 20px;
    margin-top: 10px;
}

.author-item {
    margin-bottom: 8px;
    line-height: 1.6;
}