/* =================================================================
   OJS SIDEBAR STYLE: FULL FIX (PERFECT MATCH)
   ================================================================= */

/* --- 1. RESET CONTAINER UTAMA (FIX PADDING) --- */
/* Kita memaksa padding menjadi 0 pada level container utama DAN content */
.pkp_structure_sidebar .pkp_block.block_information,
.pkp_structure_sidebar .pkp_block.block_language,
.pkp_structure_sidebar .pkp_block.block_custom, 
.pkp_structure_sidebar .pkp_block.block_custom .content {
    background: #fff;
    padding: 0 !important; /* KUNCI PERBAIKAN: Hapus padding bawaan */
    border: none !important;
    margin-bottom: 20px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    width: 100%; /* Pastikan lebar penuh */
}

/* Khusus block custom, kita pastikan overflow hidden agar sudut rapi */
.pkp_structure_sidebar .pkp_block.block_custom {
    overflow: hidden; 
}

/* --- 2. STYLING JUDUL (HEADER BIRU) --- */
.pkp_structure_sidebar .pkp_block.block_information .title,
.pkp_structure_sidebar .pkp_block.block_language .title,
.custom-menu-wrapper .title { /* Judul Manual */
    background-color: #005596;
    color: #ffffff;
    padding: 15px 20px;
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    position: relative;
    cursor: pointer;
    border-bottom: 1px solid #00447a;
    display: block;
    width: 100%;
    box-sizing: border-box; /* Agar padding tidak merusak lebar */
    transition: background-color 0.3s ease;
}

/* Hover Effect Header */
.pkp_structure_sidebar .pkp_block.block_information .title:hover,
.pkp_structure_sidebar .pkp_block.block_language .title:hover,
.custom-menu-wrapper .title:hover {
    background-color: #00447a;
}

/* --- 3. IKON MINUS/PLUS --- */
.pkp_structure_sidebar .pkp_block.block_information .title::after,
.pkp_structure_sidebar .pkp_block.block_language .title::after,
.custom-menu-wrapper .title::after {
    content: "-";
    font-family: monospace;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
    font-weight: bold;
    color: #fff;
}

/* Class 'closed' ikon jadi Plus (+) */
.pkp_block.closed .title::after,
.custom-menu-wrapper.closed .title::after {
    content: "+";
}

/* --- 4. KONTEN / ISI MENU --- */
.pkp_structure_sidebar .pkp_block.block_information .content,
.pkp_structure_sidebar .pkp_block.block_language .content,
.custom-menu-wrapper .content-list {
    background-color: #ffffff;
    display: block;
    width: 100%; /* Pastikan isi juga full width */
}

/* --- 5. STYLING LIST MENU (ITEM) --- */
.pkp_structure_sidebar .pkp_block.block_information ul,
.pkp_structure_sidebar .pkp_block.block_language ul,
.custom-menu-wrapper ul {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}

.pkp_structure_sidebar .pkp_block.block_information ul li,
.pkp_structure_sidebar .pkp_block.block_language ul li,
.custom-menu-wrapper ul li {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #e0e0e0;
}

.pkp_structure_sidebar .pkp_block.block_information ul li:last-child,
.pkp_structure_sidebar .pkp_block.block_language ul li:last-child,
.custom-menu-wrapper ul li:last-child {
    border-bottom: none;
}

.pkp_structure_sidebar .pkp_block.block_information ul li a,
.pkp_structure_sidebar .pkp_block.block_language ul li a,
.pkp_structure_sidebar .pkp_block.block_language ul li span,
.custom-menu-wrapper ul li a {
    display: block;
    padding: 12px 20px;
    color: #005596;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s ease;
    border-left: 3px solid transparent;
}

.pkp_structure_sidebar .pkp_block.block_information ul li a:hover,
.pkp_structure_sidebar .pkp_block.block_language ul li a:hover,
.custom-menu-wrapper ul li a:hover {
    background-color: #f0f8ff;
    color: #003366;
    padding-left: 25px;
    border-left: 3px solid #005596;
}


/* =================================================================
   ADDITIONAL STYLE: MAKE SUBMISSION BLOCK
   Menyamakan tombol submit dengan tema Header Biru
   ================================================================= */

/* 1. Reset Container Blok Submission (Agar Full Width) */
.pkp_structure_sidebar .pkp_block.block_make_submission {
    background: #fff;
    margin-bottom: 20px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    border: none;
    padding: 0 !important; /* Hapus padding bawaan */
    overflow: hidden;
}

/* 2. Sembunyikan Judul Bawaan (Biasanya teksnya double) */
/* Kita akan menjadikan tombolnya sebagai 'judul' yang bisa diklik */
.pkp_structure_sidebar .pkp_block.block_make_submission .title {
    display: none;
}

/* 3. Styling Tombol Link agar mirip Header Menu */
.pkp_structure_sidebar .pkp_block.block_make_submission .content {
    padding: 0 !important;
}

.pkp_structure_sidebar .pkp_block.block_make_submission a {
    display: block;
    width: 100%;
    background-color: #005596; /* Warna Biru Tema (Sama dengan Header) */
    color: #ffffff;
    padding: 15px 20px;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    box-sizing: border-box;
    border-bottom: 1px solid #00447a;
    position: relative;
    transition: all 0.3s ease;
    text-transform: uppercase; /* Opsional: Agar lebih tegas */
}

/* 4. Efek Hover (Animasi Geser + Warna Gelap) */
/* Disamakan dengan efek hover pada list menu sebelumnya */
.pkp_structure_sidebar .pkp_block.block_make_submission a:hover {
    background-color: #00447a;
    padding-left: 30px; /* Animasi geser teks ke kanan */
}

/* 5. Menambahkan Ikon Panah/Chevron di Kanan */
.pkp_structure_sidebar .pkp_block.block_make_submission a::after {
    content: "»"; /* Ikon panah */
    font-family: monospace;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    transition: right 0.3s ease;
}

/* Animasi Ikon saat Hover */
.pkp_structure_sidebar .pkp_block.block_make_submission a:hover::after {
    right: 15px; /* Ikon ikut bergerak sedikit */
}



/* =========================================================
   HEADER LOGO FULL WIDTH
   ========================================================= */

/* Bungkus logo agar memenuhi seluruh area header */
.pkp_site_name_wrapper,
.pkp_site_name,
.pkp_site_name .is_img {
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  margin: 0 auto !important;
  padding: 0 !important;
  text-align: center;
}

/* Logo image penuh, tidak dipotong */
.pkp_site_name img,
.pkp_site_logo img {
  width: 100% !important; /* isi penuh lebar layar */
  height: auto !important; /* tinggi proporsional */
  max-height: none !important; /* jangan dibatasi tema */
  object-fit: cover; /* isi area dengan rapi */
  border-radius: 0 !important; /* hilangkan sudut membulat */
  display: block;
}

/* Hilangkan padding bawaan header theme */
.pkp_head_wrapper,
#headerNavigationContainer {
  padding: 0 !important;
  margin: 0 !important;
}

/* Opsional: agar menu berada di bawah logo */
.pkp_site_nav_menu {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Responsif: kecilkan tinggi pada layar sempit */
@media (max-width: 768px) {
  .pkp_site_name img,
  .pkp_site_logo img {
    width: 100% !important;
    height: auto !important;
  }
}