/* =========================================================
   0. GLOBAL RESET & BASE BODY (SINKRON JURNAL UTAMA)
   ========================================================= */
*, *::before, *::after {
    box-sizing: border-box !important;
}

html, body {
    overflow-x: hidden !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background-image: url('https://st2.depositphotos.com/4147207/42894/i/450/depositphotos_428949376-stock-photo-black-white-cad-drawing-islamic.jpg') !important;
    background-repeat: repeat !important;
    background-position: top center !important;
    background-attachment: fixed !important;
    background-size: 400px auto !important;
    background-color: #eef2f5 !important;
}

/* Kotak Pembungkus Utama - SINKRON 100% dengan Jurnal Utama */
.pkp_structure_page {
    max-width: 1140px !important;
    width: 100% !important;
    margin: 40px auto !important; /* Beri jarak atas bawah agar estetik */
    background-color: #ffffff !important;
    box-shadow: 0 0 25px rgba(0,0,0,0.15) !important;
    min-height: 100vh;
    overflow-x: hidden !important;
    overflow-y: visible !important;
    border-radius: 12px; /* Membuat sudut container utama melengkung halus */
}

.pkp_structure_content {
    background-color: #ffffff !important;
    padding: 25px !important; /* Keselarasan ruang dalam */
}

/* =========================================================
   1. FULL BANNER HEADER (MENGIKUTI WADAH 1140PX)
   ========================================================= */
.pkp_structure_head {
    padding: 0 !important;
    border-bottom: none !important;
    overflow: visible !important;
    position: relative !important;
}

.pkp_site_name_wrapper, .pkp_head_wrapper {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

.pkp_site_name, .pkp_site_name .is_img {
    width: 100% !important;
    display: block !important;
}

.pkp_site_name .is_img img {
    width: 100% !important;
    max-height: 200px !important;
    height: auto !important;
    object-fit: cover !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* =========================================================
   2. NAVIGASI DI BAWAH BANNER
   ========================================================= */
.pkp_navigation_primary_wrapper {
    background-color: #1e3042 !important;
    border-bottom: none !important;
    padding-left: 10px;
}

.pkp_navigation_primary > li > a { color: #ffffff !important; font-weight: bold; }
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus { background-color: #3b556b !important; color: #ffffff !important; }
.pkp_navigation_primary ul { background-color: #1e3042 !important; border: 1px solid #3b556b !important; }
.pkp_navigation_primary ul li a { color: #ffffff !important; }
.pkp_navigation_primary ul li a:hover { background-color: #3b556b !important; }

/* =========================================================
   3. RESPONSIVE GRID (SINKRON UKURAN DESKTOP JURNAL UTAMA)
   ========================================================= */
@media (min-width: 1200px) {
    /* Mengunci lebar konten utama senilai 840px seperti Jurnal Utama */
    .pkp_structure_main {
        width: 840px !important; 
        float: left !important;
        padding-right: 30px !important; /* Jarak aman sebelum menyentuh batas sidebar */
        padding-left: 0 !important;
    }
    
    /* Sisa ruang (1140 - 840 = 300px) dialokasikan mutlak untuk Sidebar */
    .pkp_structure_sidebar {
        width: 250px !important; /* Sengaja diset 250px agar ada gap kosong di antara kolom */
        float: right !important; 
        padding: 0 !important;
    }
    
    .pkp_structure_content::after {
        content: "";
        display: table;
        clear: both;
    }
}

@media (max-width: 1199px) {
    .pkp_structure_main, .pkp_structure_sidebar {
        width: 100% !important;
        float: none !important;
        padding: 0 !important;
    }
    .pkp_structure_sidebar {
        margin-top: 30px !important;
    }
}

/* =========================================================
   4. SIDEBAR STYLING & PENYELARASAN INTERNAL TOMBOL (ANTI-MEMPET)
   ========================================================= */
.pkp_structure_sidebar .pkp_block {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08) !important;
    margin-bottom: 25px;
    overflow: hidden !important; /* Memotong paksa konten jika ada yang nekat meluber */
}

.pkp_structure_sidebar .pkp_block .title {
    background-color: #1e3042 !important;
    color: #ffffff !important;
    padding: 12px 15px !important;
    margin: 0 !important;
    font-weight: bold;
    font-size: 15px;
    border-bottom: none !important;
    text-align: center;
}

/* Area dalam wadah sidebar */
.pkp_structure_sidebar .pkp_block .content {
    padding: 15px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* RESET STRUKTURAL CONTAINER: Menghilangkan margin negatif HTML kustom/Bootstrap 
   tanpa merusak padding teks internal tombol */
.pkp_structure_sidebar .pkp_block .content .row,
.pkp_structure_sidebar .pkp_block .content [class*="col-"],
.pkp_structure_sidebar .pkp_block .content div {
    margin-left: 0 !important;   /* Kunci mati koordinat luar agar anti-lewat garis kiri */
    margin-right: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* Khusus tata letak list menu link */
.pkp_structure_sidebar .pkp_block .content ul {
    list-style: none !important;
    padding-left: 0 !important;
    margin: 0 !important;
}

.pkp_structure_sidebar .pkp_block .content ul li {
    margin: 0 0 10px 0 !important; /* Beri jarak vertikal antar tombol */
    padding: 0 !important;
    width: 100% !important;
}

/* PERBAIKAN UTAMA: Memberikan padding dalam (ruang napas) agar teks tidak mempet ke kiri/garis */
.pkp_structure_sidebar .pkp_block .content ul li a,
.pkp_structure_sidebar .pkp_block .content a {
    display: block !important;
    width: 100% !important;
    color: #b69460;
    font-weight: 500;
    padding: 10px 15px !important; /* 10px atas-bawah, 15px KIRI-KANAN agar teks longgar dan estetik */
    box-sizing: border-box !important;
    text-decoration: none !important;
}

.pkp_structure_sidebar .pkp_block a:hover {
    color: #3b556b;
    text-decoration: none !important;
}

/* =========================================================
   5. BASE ELEMENT & FOOTER OVERRIDES
   ========================================================= */
.pkp_block {
    font-size: 1rem;
    line-height: 1.43rem;
}

@media (min-width: 992px) {
  .pkp_block {
    padding: 0px;
  }
}

.pkp_structure_footer {
    background-color: rgb(218 230 241) !important;
}