/* --- KODE REVISI HEADER FULL WIDTH --- */

/* 1. Menghapus warna background dan semua jarak di header utama */
header.pkp_structure_head {
    background-color: transparent !important; 
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}

/* 2. Memaksa pembungkus header menjadi 100% dan menghilangkan jarak bawaan */
.pkp_structure_head .pkp_head_wrapper {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 3. Mengatur area logo */
.pkp_site_name_wrapper {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 4. Menghilangkan spasi kosong (jarak tak kasat mata) di bawah gambar */
.pkp_site_name, 
.pkp_site_name .is_img {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important; 
}

/* 5. MEMAKSA GAMBAR 100% FULL LAYAR */
.pkp_site_name .is_img img {
    width: 100vw !important; /* Menggunakan ukuran Viewport Screen agar mentok ke ujung layar */
    max-width: 100% !important;
    max-height: none !important; 
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: cover; 
}

/* 6. Mengamankan Menu Navigasi (Home, Current, About) agar tetap di tengah dan rapi */
.pkp_navigation_primary_wrapper {
    background-color: #ffffff !important;
    border-bottom: 1px solid #e0e0e0;
}

.pkp_navigation_primary {
    max-width: 1200px !important; 
    margin: 0 auto !important;
    padding: 15px 20px !important;
}

/* 7. Memperbaiki posisi menu Admin (Kanan Atas) agar bisa dibaca */
.pkp_navigation_user_wrapper {
    position: absolute;
    top: 15px;
    right: 25px;
    background-color: rgba(255, 255, 255, 0.8); /* Memberi background putih transparan agar teks terlihat */
    padding: 5px 15px;
    border-radius: 5px;
    z-index: 1000;
}

.pkp_navigation_user_wrapper a {
    color: #1a252f !important;
    font-weight: bold;
}
/* 1. Reset Spasi Sidebar agar Rapat */
.pkp_structure_sidebar .pkp_block {
    margin-bottom: 5px !important;
}
.pkp_structure_sidebar .pkp_block .title {
    margin-bottom: 5px !important;
    font-size: 14px !important;
}

/* 2. Style Tombol Seragam (Berlaku untuk semua tombol di sidebar) */
.pkp_structure_sidebar a.pkp_button,
.block_language ul li a,
ul.syahida-nav li a {
    display: block !important;
    width: 100% !important;
    padding: 10px 12px !important;
    background-color: #1e3a5f !important;
    color: #ffffff !important;
    text-align: center !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    border-radius: 4px !important;
    border: 1px solid #1a252f !important;
    box-shadow: none !important;
    text-transform: capitalize !important;
    transition: all 0.3s ease !important;
    margin-bottom: 4px !important;
    box-sizing: border-box !important;
}

/* 3. Efek Hover untuk semua tombol */
.pkp_structure_sidebar a.pkp_button:hover,
.block_language ul li a:hover,
ul.syahida-nav li a:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
}

/* 4. Membersihkan list default agar tidak ada bullet points */
ul.syahida-nav, .block_language ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
/* --- MERAPATKAN JARAK ANTAR BLOK SIDEBAR --- */

/* 1. Mengurangi margin bawah dari setiap blok sidebar */
.pkp_structure_sidebar .pkp_block {
    margin-bottom: 2px !important; /* Anda bisa ubah ke 0px jika ingin lebih rapat lagi */
}

/* 2. Menghilangkan margin judul blok (Language, Navigation, dll) */
.pkp_structure_sidebar .pkp_block .title {
    margin-bottom: 2px !important;
    padding-bottom: 0px !important;
}

/* 3. Menghapus padding tambahan di dalam kontainer sidebar */
.pkp_structure_sidebar {
    padding-top: 0px !important;
}

/* 4. Khusus untuk blok Make a Submission agar menempel rapat ke bawah */
.pkp_structure_sidebar .block_make_submission {
    margin-bottom: 2px !important;
}

/* 5. Khusus untuk blok Language */
.pkp_structure_sidebar .block_language {
    margin-bottom: 2px !important;
}

/* 6. Memastikan tidak ada ruang kosong (padding) di dalam tiap blok */
.pkp_block_content {
    padding-bottom: 0px !important;
}
/* Membuat teks di area utama menjadi Justify (Rata Kanan-Kiri) */
.pkp_structure_main {
    text-align: justify !important;
}

/* Memastikan paragraf di bagian About juga rapi */
.about_the_journal p, 
.about_the_journal {
    text-align: justify !important;
    line-height: 1.6 !important; /* Menambah jarak antar baris agar lebih enak dibaca */
}
/* Styling kontainer Artikel Template agar rapi */
.block_custom {
    text-align: center;
    padding: 10px;
}

/* Mempercantik Ikon Template */
.block_custom img {
    max-width: 120px !important; /* Ukuran ikon diatur agar pas */
    transition: transform 0.3s ease, opacity 0.3s ease;
    cursor: pointer;
}

/* Efek saat ikon disentuh (hover) */
.block_custom img:hover {
    transform: scale(1.1); /* Ikon sedikit membesar */
    opacity: 0.9;
}

/* Menambahkan tombol unduh di bawah ikon */
.template-download-btn {
    display: block;
    margin-top: 10px;
    background-color: #2b3e50;
    color: #ffffff !important;
    padding: 8px 12px;
    text-decoration: none !important;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 600;
}

.template-download-btn:hover {
    background-color: #000000;
}
/* --- CSS UNTUK KESERAGAMAN SIDEBAR --- */

/* Memastikan semua blok memiliki lebar yang sama */
.pkp_structure_sidebar .pkp_block {
    width: 100% !important;
    margin-bottom: 2px !important;
}

/* Menyeragamkan semua tombol (Make a Submission, Navigasi, Language) */
.pkp_structure_sidebar a.pkp_button, 
.pkp_block.block_language ul li a, 
.nav-btn,
ul.syahida-nav li a {
    display: block !important;
    width: 100% !important; /* Memaksa lebar penuh */
    padding: 10px 0 !important; /* Padding simetris */
    background-color: #1e3a5f !important;
    color: #ffffff !important;
    text-align: center !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    border-radius: 4px !important;
    border: none !important;
    box-sizing: border-box !important;
    transition: all 0.3s ease !important;
    margin-bottom: 3px !important;
}

/* Efek Hover Seragam */
.pkp_structure_sidebar a.pkp_button:hover,
.pkp_block.block_language ul li a:hover,
ul.syahida-nav li a:hover {
    background-color: #000000 !important;
}

/* Memastikan Judul Blok (Language, Navigation) rata tengah dan rapi */
.pkp_structure_sidebar .pkp_block .title {
    text-align: center !important;
    border-bottom: 2px solid #e0e0e0;
    padding-bottom: 5px !important;
    margin-bottom: 8px !important;
    font-size: 14px !important;
    color: #333;
}

/* Memastikan list/bullet point hilang */
.pkp_block.block_language ul, ul.syahida-nav {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
/* 1. MENGATUR LEBAR SIDEBAR AGAR SEMUA SAMA */
.pkp_structure_sidebar {
    width: 300px !important; /* Anda bisa menyesuaikan angka ini */
}

/* 2. KESERAGAMAN TOMBOL - MENGATUR SEMUA ELEMEN TOMBOL */
.block_make_submission a,
.block_language ul li a,
.side-nav a.nav-btn,
ul.syahida-nav li a {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    padding: 10px 0 !important;
    margin-bottom: 3px !important;
    background-color: #1e3a5f !important;
    color: #ffffff !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    border-radius: 4px !important;
    box-sizing: border-box !important;
    border: none !important;
}

/* 3. EFEK HOVER */
.block_make_submission a:hover,
.block_language ul li a:hover,
.side-nav a.nav-btn:hover,
ul.syahida-nav li a:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
}

/* 4. MENGHILANGKAN JARAK JUDUL BLOK AGAR RAPAT */
.pkp_structure_sidebar .pkp_block .title {
    margin-bottom: 2px !important;
    text-align: center !important;
    border-bottom: 1px solid #ddd;
    padding-bottom: 2px !important;
}

/* 5. MEMASTIKAN LIST/UL TIDAK MEMILIKI MARGIN/PADDING */
.pkp_structure_sidebar ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
/* --- KESERAGAMAN MUTLAK SIDEBAR --- */

/* 1. Memaksa semua kontainer blok sidebar memiliki lebar yang seragam */
.pkp_structure_sidebar .pkp_block {
    width: 100% !important;
    margin-bottom: 5px !important;
}

/* 2. Menyeragamkan semua tombol */
.pkp_structure_sidebar .block_make_submission a.pkp_button,
.pkp_block.block_language ul li a,
.pkp_block.block_custom ul li a, /* Target untuk custom block Anda */
ul.syahida-nav li a {
    display: block !important;
    width: 100% !important; /* Memaksa lebar 100% */
    padding: 10px 0 !important; /* Padding vertikal 10px, horizontal 0 */
    background-color: #1e3a5f !important;
    color: #ffffff !important;
    text-align: center !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    border-radius: 4px !important;
    box-sizing: border-box !important; /* Kunci agar lebar tidak melebihi container */
    transition: 0.3s !important;
    margin-bottom: 3px !important;
}

/* 3. Efek Hover */
.pkp_structure_sidebar .block_make_submission a.pkp_button:hover,
.pkp_block.block_language ul li a:hover,
.pkp_block.block_custom ul li a:hover,
ul.syahida-nav li a:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
}

/* 4. Menghilangkan padding bawaan OJS yang sering merusak lebar */
.pkp_structure_sidebar .pkp_block_content {
    padding: 0 !important;
}

/* 5. Mengatur judul agar rata tengah dan rapi */
.pkp_structure_sidebar .pkp_block .title {
    text-align: center !important;
    font-size: 14px !important;
    margin-bottom: 5px !important;
    border-bottom: 2px solid #ccc;
    padding-bottom: 5px !important;
}