.pkp_site_name .is_img img {
display: inline-block;
max-height: 200px;
max-width: 100%;
width: auto;
height: auto}


/* === MENGATUR BODY (LATAR BELAKANG) === */
body {
    background-color: #fcfffe !important; 
    background-image: url("https://www.transparenttextures.com/patterns/back-pattern.png") !important;
    background-repeat: repeat !important;
    background-attachment: fixed !important;
    background-size: auto !important;
    font-family: 'Segoe UI', sans-serif;
    color: #000000;
/* PENAMBAHAN INI: Memaksa semua konten horizontal disembunyikan jika melebihi batas */
    overflow-x: hidden !important;
}
p { }
h1, h2, h3, h4, h5, h6 { }
.pkp_structure_main { }

/* 2. MEMPERBAIKI BANNER, GAMBAR KONTEN, & GAMBAR DI FOOTER */
.pkp_structure_main img,
.pkp_structure_content img,
.pkp_structure_main .homepage_image, /* Menargetkan banner Call for Papers */
.pkp_footer img, 
.pkp_footer_content img /* Menargetkan semua logo Indexing/Widget */
{
    max-width: 100% !important; /* Paksa lebar maksimum 100% */
    height: auto !important;     /* Tinggi menyesuaikan proporsional */
    display: inline-block !important; /* Agar logo Indexing tetap berdampingan */
}

/* ======================================= */
/* === PENGATURAN HEADER & NAVIGASI BARU === */
/* ======================================= */

/* Latar belakang Header Utama */
.pkp_structure_head {
    background-color: #000000; /* HITAM */
    border-bottom: none; /* Hilangkan garis pemisah bawaan jika ada */
}
.pkp_head_wrapper {
    background-color: #000000; /* Pastikan wrapper juga HITAM */
}

/* Wadah Nama Situs/Logo */
.pkp_site_name_wrapper {
    background-color: #000000; /* HITAM */
    padding: 10px 0; /* Tambahkan sedikit padding atas/bawah */
}

/* Baris Navigasi Utama */
.pkp_navigation_primary_row {
    background-color: #000000; /* HITAM */
    border-top: none; /* Hilangkan garis bawaan */
}

/* (1) Wadah utama navigasi */
.pkp_site_nav_menu {
    font-family: 'Karla', sans-serif;
    text-transform: capitalize;
    padding-left: 0;
    padding-top: 0 !important;
    width: 100%;
}

/* (3) Agar item menu sejajar horizontal (ini bawaan OJS klasik) */
.pkp_navigation_primary li {
    display: inline-block;
    margin-right: 2px;
}

/* (4) Mengatur tampilan kotak menu secara umum */
/* (2) Warna teks menu jadi putih */
.pkp_navigation_primary li a {
    text-decoration: none;
    background-color: #000000; /* HITAM */
    color: #FFFFFF !important; /* TEKS PUTIH */
    border-radius: 4px;
    padding: 8px 16px;
    transition: all 0.3s ease;
}

/* Mengatur tampilan kotak menu aktif (jika ada) */
.pkp_navigation_primary li.active a {
    background-color: #b9de2d; /* ITEM AKTIF: NEON HIJAU */
    color: #000000 !important;
    border-radius: 4px;
}

/* (5) Efek hover menu */
.pkp_navigation_primary li a:hover {
    background-color: #b9de2d !important; /* Latar Neon Hijau */
    color: #FFFFFF !important; /* Teks jadi PUTIH */
    box-shadow: 0 0 8px #fff;
    text-shadow: 0 0 3px #fff;
}

/* --- Dropdown Menu (Untuk Author, About, dll.) --- */

/* Latar belakang dropdown (kotak yang turun) */
.pkp_navigation_primary .dropdown-menu {
    background-color: #000000; /* HITAM */
    border: 1px solid #b9de2d; /* Border Neon Hijau */
}

/* Teks di dalam dropdown */
.pkp_navigation_primary .dropdown-menu li a {
    background-color: transparent !important; /* Agar tidak ada kotak latar belakang */
    color: #FFFFFF !important;
    padding: 8px 15px;
}

/* Hover di dalam dropdown */
.pkp_navigation_primary .dropdown-menu li a:hover {
    background-color: #b9de2d !important; /* Hover Neon Hijau */
    color: #FFFFFF !important;
    text-shadow: none; /* Hilangkan text-shadow agar lebih rapi di dropdown */
}

/* Tombol Search (OJS Klasik) */
.pkp_navigation_search_wrapper a.pkp_search {
    background-color: #000000; /* HITAM */
    color: #FFFFFF; /* TEKS PUTIH */
    border-radius: 4px;
    padding: 8px 15px;
    transition: background-color 0.3s ease;
}
.pkp_navigation_search_wrapper a.pkp_search:hover {
    background-color: #b9de2d;
}
.pkp_navigation_search_wrapper .fa-search {
    color: #000000;
}

/* PENGATURAN USER (Login/Register) */
.pkp_navigation_user_wrapper {
    background-color: #000000;
}
.pkp_navigation_user li a {
    color: #FFFFFF !important; /* Teks Login/Register/Admin: Putih */
    background-color: transparent !important;
    font-weight: bold;
}
.pkp_navigation_user li a:hover {
    color: #b9de2d !important; /* Hover: Neon Hijau */
}

/* Dropdown User (kotak Dashboard, Logout) */
.pkp_navigation_user .dropdown-menu {
    background-color: #000000 !important; /* HITAM */
    border: 1px solid #b9de2d; /* Border Neon Hijau */
}
.pkp_navigation_user .dropdown-menu li a {
    color: #FFFFFF !important; /* Teks menu dropdown Putih */
}
.pkp_navigation_user .dropdown-menu li a:hover {
    background-color: #b9de2d !important; /* Hover di dropdown Neon Hijau */
    color: #808080 !important; /* Teks di hover dropdown Abu-abu Gelap */
}


/* === PENGATURAN KONTEN === */
.pkp_structure_content {
    border: 0 solid yellow !important;
}
.pkp_structure_main {
    background-color: #FFFFFF !important; 
}
.pkp_structure_main p {
    background-color: #FFFFFF !important; 
}
.pkp_structure_content a {
    color: #000000; /* WARNA LINK KONTEN: HITAM */
    text-decoration: underline;
}
.pkp_structure_content h1, .pkp_structure_content h2, .pkp_structure_content h3 { }

/* === MENGATUR SIDEBAR BAWAAN OJS === */
.pkp_structure_sidebar a {
    color: unset;
    text-decoration: unset;
    font-weight: unset;
}
.pkp_structure_sidebar a:hover {
    color: black;
}

/* Judul Blok Sidebar Bawaan (Current Issue, Information, dll.) */
.pkp_block .title {
    font-weight: normal;
    font-family: 'Segoe UI', sans-serif;
    background-color: #000000; /* LATAR JUDUL SIDEBAR: HITAM */
    padding-bottom: 8px;
    padding-top: 8px;
    color: #FFFFFF; /* KOREKSI: TEKS JUDUL SIDEBAR menjadi PUTIH */
    text-align: center;
    margin: 1px solid #000000;
}
.pkp_structure_sidebar .pkp_block {
    background-color: #FFFFFF; /* LATAR BLOK SIDEBAR: PUTIH BERSIH */
    margin-bottom: 0px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e0e0e0;
}
.pkp_structure_sidebar img {
    width: 250px;
    max-width: 100%;
    height: auto;
    display: block;
    margin: 10px auto;
    border: 1px solid #ccc;
    border-radius: 6px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    padding: 4px;
}

/* Gaya Khusus untuk Tabel di Sidebar (Jika Ada) */
.pkp_structure_sidebar table {
    margin-bottom: -5px;
    display: block;
    padding: 3px 0;
    padding-left: 6px;
    text-decoration: none;
    color: white; 
    background-color: #000000; /* LATAR MEJA SIDEBAR: HITAM */
    border-left: 10px solid #b9de2d; /* BORDER KIRI: NEON HIJAU */
}
.pkp_structure_sidebar table tr {
    border-bottom: 2px solid #b9de2d; /* GARIS TABEL: NEON HIJAU */
}
.pkp_structure_sidebar table td, .pkp_structure_sidebar table th {
    padding: 1px 1px;
    border: 1px solid #b9de2d; /* BORDER SEL: NEON HIJAU */
}

/* === BARU: STYLING UNTUK LINK SIDEBAR KUSTOM (Additional Menu) === */

/* Harus menggunakan HTML yang disederhanakan dengan class="custom-sidebar-link" */

.custom-sidebar-link a {
    /* Memaksa Tampilan Tautan menjadi kotak */
    display: block !important;
    width: 95% !important; 
    margin: 5px auto !important; 
    padding: 8px !important;

    /* Pewarnaan Default: Kotak Abu-abu Gelap */
    background-color: #FFFFFF !important; /* Latar PUTIH */
    border: 2px solid #000000 !important; /* Border HITAM */
    color: #000000 !important; /* Teks HITAM */
    
    text-align: left !important; /* Posisikan teks di kiri */
    text-decoration: none !important;
    font-weight: bold !important;
    border-radius: 4px !important;
    transition: all 0.3s ease;
}

/* Pewarnaan Saat Di-Hover (Aksen Neon Hijau) */
.custom-sidebar-link a:hover {
    background-color: #b9de2d !important; /* Hover Latar NEON HIJAU */
    border-color: #b9de2d !important;
    color: #000000 !important; /* Hover Teks HITAM */
}

/* Mengatur Ikon di dalam Tautan */
.custom-sidebar-link a em {
    color: #000000 !important; /* Warna Ikon (default) */
    margin-right: 5px;
}
.custom-sidebar-link a:hover em {
    color: #000000 !important; /* Warna Ikon (saat hover) */
}
/* === PENGATURAN FOOTER === */
.pkp_brand_footer {
    display: none !important; /* Menghilangkan Logo PKP */
}
/* ... (properti footer lainnya jika ada) ... */

/* === MENYAMAKAN UKURAN SEMUA GAMBAR DI FOOTER === */
.pkp_footer_content img {
    /* Set ukuran maksimum agar tidak terlalu besar */
    max-width: 150px !important; /* Contoh: Lebar maksimum 120px */
    height: auto !important; /* Tinggi akan menyesuaikan secara proporsional */
    display: inline-block !important; /* Agar gambar bisa berdampingan */
    vertical-align: middle; /* Agar sejajar di tengah */
    margin: 5px 8px !important; /* Jarak antar gambar */

    /* Hilangkan semua padding/border/shadow yang mungkin ada dari OJS */
    padding: 0 !important;
    border: none !important;
    background: none !important;
    box-shadow: none !important;
}

/* Jika ada gambar yang lebarnya ditetapkan di HTML (width="200"),
   CSS ini akan menimpa itu asalkan !important digunakan. */

/* === MENGATUR LATAR BELAKANG FOOTER AGAR SESUAI TEMA === */

/* Target elemen wrapper yang membungkus seluruh footer */
.pkp_structure_footer_wrapper, 
.pkp_structure_footer {
    /* Ganti background-color menjadi HIJAU MUDA PASTEL */
    background-color: #C4C0C0 !important; 
}

/* Area footer utama (tempat logo, alamat, lisensi) */
.pkp_footer {
    background-color: #C4C0C0 !important; /* HIJAU MUDA PASTEL */
    border-top: 1px solid #c8d9e2;
    padding-top: 25px;
    padding-bottom: 25px;
}

.pkp_footer_content {
    background-color: #C4C0C0 !important; /* Memastikan konten footer juga HIJAU MUDA */
    color: #000000; 
    padding-left: 20px;
    padding-right: 20px;
}

/* === KOREKSI KHUSUS PERANGKAT MOBILE (GANTI SELURUH BLOK INI) === */
@media (max-width: 768px) {
    
    /* 1. KOREKSI HEADER MOBILE: Menargetkan Container Logo dan Teks Judul */
    .pkp_site_name {
        width: 100% !important; /* Paksa container header 100% */
        max-height: 150px !important; /* Batasi tinggi maksimum (coba dinaikkan jika masih kepotong) */
        overflow: hidden !important; /* Sembunyikan jika masih ada overflow */
	text-align: center;
    }
    .pkp_site_name img,
    .pkp_site_name.is_img img {
        max-width: 100% !important;
        height: auto !important;
        display: block; 
    }

    /* 2. KOREKSI FOOTER: Membuat kotak Mail/Contact Info menyesuaikan di HP */
    .pkp_structure_footer table,
    .pkp_structure_footer tbody,
    .pkp_structure_footer tr,
    .pkp_structure_footer td {
        display: block; /* Memaksa tabel menjadi blok, bukan kolom */
        width: 100% !important; /* Memaksa lebar 100% */
    }
    
    /* 3. MENGATUR ULANG WADAH HEADER */
    .pkp_head_wrapper {
        padding: 5px 10px !important;
    }
}