html, body {
        font-family: "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif; background: #c9e8d3;
    }
    
/* .pkp_navigation_primary_row {
    background: #ffffff;
} */

.pkp_navigation_primary_row a:hover,
.pkp_navigation_primary_row a:focus,
.pkp_navigation_primary_row .pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary_row .pkp_navigation_primary > li > a:focus,
.pkp_navigation_primary_row .dropdown-menu a:hover,
.pkp_navigation_primary_row .dropdown-menu a:focus {
    color: #09692B !important;
}

/* Search button/link color in primary navigation */
.pkp_navigation_primary_row [class*="search"] a,
.pkp_navigation_primary_row [class*="search"] button,
.pkp_navigation_primary_row .pkp_search button,
.pkp_navigation_primary_row .pkp_search a,
.pkp_navigation_primary_row .pkp_search .search_prompt,
.pkp_navigation_primary_row .pkp_search .search_controls a,
.pkp_navigation_primary_row .pkp_search .search_controls button {
    color: #000000 !important;
}

.pkp_navigation_primary_row [class*="search"] a:hover,
.pkp_navigation_primary_row [class*="search"] button:hover,
.pkp_navigation_primary_row [class*="search"] a:focus,
.pkp_navigation_primary_row [class*="search"] button:focus,
.pkp_navigation_primary_row .pkp_search button:hover,
.pkp_navigation_primary_row .pkp_search a:hover,
.pkp_navigation_primary_row .pkp_search .search_prompt:hover,
.pkp_navigation_primary_row .pkp_search .search_controls a:hover,
.pkp_navigation_primary_row .pkp_search .search_controls button:hover {
    color: #09692B !important;
}
    
.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: #09692B;
    transition: color 0.3s ease;  /* ← Pindah ke sini */
}

a:hover {
    color: #09692B;
}

.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 #c1fbc5;
}

.cmp_button_wire, .obj_galley_link {
    display: inline-block;
    padding: 0 1em;
    background: #fff;
    border: 1px solid #82E848;
    border-radius: 3px;
    font-size: .93rem;
    line-height: calc(2.143rem - 2px);
    color: #09692B;
    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: #09692B;
    text-decoration: none;
}

/* Side menu hover effect */
ul.sidemenu {
    transition: transform 0.2s ease, box-shadow 0.25s ease, filter 0.25s ease;
}

ul.sidemenu:hover {
    transform: translateY(-2px);
    filter: brightness(1.06) saturate(1.1);
    box-shadow: 0 10px 22px rgba(85, 131, 61, 0.35), 0 4px 12px rgba(71, 111, 51, 0.28);
}

ul.sidemenu a {
    transition: padding-left 0.2s ease, color 0.2s ease;
}

ul.sidemenu a:hover {
    padding-left: 30px !important;
    color: #2f4f22 !important;
}

hr.menu-divider {
    margin: 10px;
    border: 0;
    border-top: 1px solid #c8f045;
}

/* 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: #09692B;
}

.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;
}


/* Tab Menu CSS */
.tabsMenu {
    font-family: arial;
    background: #f6f6f6;
}

.tabsMenu .tabsHead {
    border-bottom: 1px solid #e6e6e6;
    display: flex;
    align-items: center;
}

.tabsMenu .tabsHead:after {
    content: "Az-Zawiyah: Jurnal Pengabdian Masyarakat";
    margin-left: auto;
    padding: 10px 15px;
    font-family: courier new;
}

.tabsMenu .tabsHead>* {
    padding: 13px 17px;
    margin-bottom: -1px;
    border-bottom: 1px solid #e6e6e6;
}

.tabsMenu .tabsContent {
    padding: 25px 23px;
    line-height: 1.7em;
}

.tabsMenu .tabsContent>* {
    display: none;
}

.tabsMenu input[id*="1"]:checked~.tabsHead label[for*="1"],
.tabsMenu input[id*="2"]:checked~.tabsHead label[for*="2"],
.tabsMenu input[id*="3"]:checked~.tabsHead label[for*="3"] {
    color: #1e1e1e;
    border-bottom: 1px solid #09692B;
}

.tabsMenu input[id*="1"]:checked~.tabsContent .tabsContent1,
.tabsMenu input[id*="2"]:checked~.tabsContent .tabsContent2,
.tabsMenu input[id*="3"]:checked~.tabsContent .tabsContent3{
    display: block;
}