/* ==========================================
   0. ATURAN GLOBAL (UNIFORM FONT & DEFAULT COLOR)
   ========================================== */

/* Mengubah seluruh font menjadi Helvetica */
*,
body,
p,
a,
h1, h2, h3, h4, h5, h6,
span,
li,
ul,
div,
input,
button {
    font-family: 'Helvetica', Arial, sans-serif !important;
}


/* ==========================================
   1. STYLING NAVIGATION HEADER & NAVBAR
   ========================================== */

/* Latar belakang baris navigasi */
.pkp_navigation_primary_row {
    background: #5e1010 !important;
}

/* Warna teks link pada item menu utama */
.pkp_navigation_primary_row .pkp_navigation_primary > li > a {
    color: #5e1010 !important;
}

/* Container Submenu Dropdown Navigasi Utama */
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul {
    background: #5e1010 !important;
}

/* Teks link di dalam submenu dropdown navigasi utama */
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul a {
    color: #ffffff !important;
}

.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul a:hover {
    background-color: #5e1010 !important;
    color: #ffffff !important;
}

/* Dynamic & Bootstrap Dropdown Menu Toggle / Dropdown Link Bar */
.pkp_navigation_primary_row #dropdownMenuLink,
.pkp_navigation_primary_row .dropdown-toggle,
.pkp_navigation_primary_row .dropdown-menu {
    background-color: #5e1010 !important;
    color: #ffffff !important;
}

/* Warna teks link & icon di dalam dropdown bar */
.pkp_navigation_primary_row #dropdownMenuLink,
.pkp_navigation_primary_row #dropdownMenuLink a,
.pkp_navigation_primary_row .dropdown-toggle,
.pkp_navigation_primary_row .dropdown-menu a,
.pkp_navigation_primary_row .dropdown-menu .dropdown-item {
    color: #ffffff !important;
}

/* Efek Hover untuk Dropdown Link & Dropdown Items */
.pkp_navigation_primary_row #dropdownMenuLink:hover,
.pkp_navigation_primary_row .dropdown-toggle:hover,
.pkp_navigation_primary_row .dropdown-menu a:hover,
.pkp_navigation_primary_row .dropdown-menu .dropdown-item:hover {
    background-color: #5e1010 !important;
    color: #ffffff !important;
}

/* Aturan khusus untuk tombol/link Search */
.pkp_navigation_primary_row .pkp_search,
.pkp_navigation_primary_row a.pkp_search {
    color: #5e1010 !important;
}

/* Efek hover tombol Search */
.pkp_navigation_primary_row a.pkp_search:hover {
    color: #f0c0c0 !important;
}

/* Hilangkan garis abu-abu di bawah menu utama */
.pkp_structure_head,
.pkp_structure_head .pkp_head_wrapper,
.pkp_structure_head .pkp_site_nav_menu,
.pkp_structure_head .pkp_navigation_primary_row,
.pkp_structure_head .pkp_navigation_primary_wrapper,
.pkp_structure_head #navigationPrimary {
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

/* Hilangkan garis dari pseudo-element header */
.pkp_structure_head::before,
.pkp_structure_head::after,
.pkp_head_wrapper::before,
.pkp_head_wrapper::after,
.pkp_site_nav_menu::before,
.pkp_site_nav_menu::after,
.pkp_navigation_primary_row::before,
.pkp_navigation_primary_row::after,
.pkp_navigation_primary_wrapper::before,
.pkp_navigation_primary_wrapper::after {
    display: none !important;
    content: none !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
}


/* ==========================================
   2. TATA LETAK HOMEPAGE & CURRENT ARTICLES
   ========================================== */

/* Mengubah urutan: Additional Content ke atas, Announcements ke bawah */
.page_index_journal {
    display: flex;
    flex-direction: column;
}

.page_index_journal .additional_content {
    order: 1 !important;
    margin-bottom: 20px;
    border-top: none !important;
}

.page_index_journal .cmp_announcements,
.page_index_journal .homepage_announcements {
    order: 2 !important;
    margin-bottom: 20px;
}

.page_index_journal .current_issue {
    order: 3 !important;
}

/* Pewarnaan judul seluruh artikel pada daftar Current Issue */
.cmp_article_list.articles .obj_article_summary .title a,
.cmp_article_list.articles h4.title a {
    color: #5e1010 !important;
}

.cmp_article_list.articles .obj_article_summary .title a:hover,
.cmp_article_list.articles h4.title a:hover {
    color: #801818 !important;
}
.pkp_structure_main a {
    color: inherit;
}

/* ==========================================
   3. BLOCK MOST VIEWED (SIDEBAR / CONTENT)
   ========================================== */

/* Header / Judul Block Most Viewed */
.block_most_viewed .title {
    color: #5e1010 !important;
    border-bottom-color: #5e1010 !important;
}

/* Teks link judul artikel di Most Viewed */
.block_most_viewed .content ul li a {
    color: #2c3e50 !important;
    padding-bottom: 4px !important;
}

.block_most_viewed .content ul li a:hover {
    color: #5e1010 !important;
}

/* Teks views count */
.block_most_viewed .content ul li span {
    color: #2c3e50 !important;
}

/* Garis pemisah/border pembatas antar item di Most Viewed */
.block_most_viewed .content ul li {
    border-bottom: 1px solid #5e1010 !important;
    padding-bottom: 10px !important;
    margin-bottom: 10px !important;
}


/* ==========================================
   4. PEMBERSIHAN GARIS BATAS (BORDERS & HR)
   ========================================== */

/* Menghilangkan garis vertikal pembatas sidebar */
.pkp_structure_content {
    border-right: none !important;
    border-top: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

/* Hilangkan garis vertikal bawaan OJS */
.pkp_structure_main::before,
.pkp_structure_main::after {
    display: none !important;
    content: none !important;
    background: transparent !important;
}

/* Hilangkan garis abu-abu di bawah header halaman */
.pkp_structure_main .page-header,
.pkp_structure_content .page-header,
.pkp_page_index .page-header,
.pkp_page_issue .page-header {
    border-bottom: 0 !important;
    box-shadow: none !important;
}

/* Container cadangan */
.pkp_structure_page,
.pkp_structure_main {
    border-top: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

/* Hilangkan elemen HR horizontal bawaan */
.pkp_structure_page hr,
.pkp_structure_main hr,
.page_index_journal hr {
    display: none !important;
}


/* ==========================================
   5. STYLING SIDEBAR (LEBIH RAPAT)
   ========================================== */

.pkp_structure_sidebar .pkp_block {
    padding: 10px 14px !important;
    margin-bottom: 14px !important;
}

.pkp_structure_sidebar .pkp_block .content {
    margin-top: 4px !important;
    padding-top: 0 !important;
}

.pkp_structure_sidebar .pkp_block p {
    margin: 2px 0 !important;
    padding: 0 !important;
    line-height: 1.1 !important;
}

.pkp_structure_sidebar .pkp_block img {
    margin: 4px auto !important;
}


/* ==========================================
   6. STYLING FOOTER
   ========================================== */

/* Wrapper pembungkus luar footer */
.pkp_structure_footer_wrapper {
    background: #ffffff !important;
    border-bottom: 20px solid #ffffff !important;
    border-top: 1px solid #ffffff !important;
}

/* Ubah background container dalam footer menjadi transparan & buat lebarnya 100% */
.pkp_structure_footer {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* Membuat isi kontainer footer menjadi lebar 100% secara utuh */
.pkp_footer_content,
.pkp_footer_content > div {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* Hilangkan logo brand OJS/PKP di footer */
.pkp_brand_footer {
    display: none !important;
}