/* ============================================================
   1. HEADER 100% & BANNER (CLEAN & ANTI-TUMPUK)
   ============================================================ */
header.pkp_structure_head {
    width: 100% !important;
    max-width: 100% !important;
    position: relative !important;
    z-index: 1000 !important;
    background: #ffffff !important;
}

.pkp_structure_head .pkp_head_wrapper {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
}

/* Hapus logo pengganggu yang menutupi tulisan coklat */
.pkp_site_name_wrapper img, 
.pkp_site_name_wrapper .is_img {
    display: none !important;
}

.pkp_site_name_wrapper {
    display: block !important;
    width: 100% !important;
    height: 180px !important;
    background-image: url("https://jurnal.fkip.unmul.ac.id/public/journals/47/pageHeaderLogoImage_en_US.png") !important;
    background-size: 100% 100% !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

/* ============================================================
   2. LAYOUT UTAMA (JARAK RAPAT KE HEADER)
   ============================================================ */
.pkp_structure_content {
    display: flex !important;
    flex-direction: row !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 5px !important; /* Jarak rapat ke header */
    padding: 0 10px !important;
    gap: 0 !important;
    box-sizing: border-box !important;
}

/* ============================================================
   3. MAIN CONTENT (75%) & GARIS VERTIKAL PEMBATAS
   ============================================================ */
.pkp_structure_main {
    width: 75% !important;
    flex: 0 0 75% !important;
    background: #ffffff !important;
    border: 1px solid #ddd !important;
    /* Garis vertikal hanya sebagai pembatas kanan area ini */
    border-right: 2px solid #ddd !important; 
    border-radius: 8px 0 0 8px !important;
    padding: 25px !important;
    box-sizing: border-box !important;
}

/* Matikan semua garis hantu sistem yang melampaui area konten */
.pkp_structure_page::before, 
.pkp_structure_content::before,
.has_sidebar .pkp_structure_main::before {
    display: none !important;
    content: none !important;
    border: none !important;
}

/* ============================================================
   4. SIDEBAR (25%) & PENYEJAJARAN SEMUA KOTAK
   ============================================================ */
.pkp_structure_sidebar.left {
    width: 25% !important;
    flex: 0 0 25% !important;
    padding: 0 !important;
}

/* Meluruskan semua blok (Menu, Template, Visitor, Tools) */
.pkp_structure_sidebar .pkp_block {
    width: 100% !important;
    background: #ffffff !important;
    border: 1px solid #ddd !important;
    border-left: none !important;
    border-radius: 0 8px 8px 0 !important;
    margin-bottom: 10px !important;
    padding: 0 !important; /* Reset agar header blok bisa full */
    box-sizing: border-box !important;
    overflow: hidden !important;
}

/* Menyamakan Judul Blok (Template, Visitor, dll) agar lurus dengan Sidebar Menu */
.pkp_block .title {
    background-color: #1a3a32 !important;
    color: white !important;
    padding: 10px 12px !important;
    font-size: 11px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    border-left: 5px solid #27ae60 !important;
    margin: 0 !important;
    display: block !important;
    width: 100% !important;
}

/* Isi Konten Blok (Gambar & Tools) */
.pkp_block .content {
    padding: 15px !important;
    text-align: center !important;
}

.pkp_block .content img {
    max-width: 100% !important;
    height: auto !important;
}

/* Khusus untuk Sidebar Menu Link */
.vertical-menu a {
    background-color: #1a3a32;
    color: white !important;
    display: block;
    padding: 10px 12px !important;
    margin-bottom: 2px !important;
    border-left: 5px solid #27ae60;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11px;
    width: 100% !important;
    box-sizing: border-box !important;
    text-decoration: none !important;
}

/* ============================================================
   5. FOOTER & HAPUS LOGO PKP
   ============================================================ */
.pkp_structure_footer {
    width: 100% !important;
    border: 1px solid #ddd !important;
    margin-top: 15px !important;
    padding: 20px !important;
}

.pkp_brand_footer {
    display: none !important;
}

/* ============================================================
   FIX: MENYATUKAN BAGIAN BAWAH SIDEBAR & MAIN CONTENT
   ============================================================ */

/* 1. Pastikan kontainer utama menarik tinggi yang sama untuk kedua kolom */
.pkp_structure_content {
    display: flex !important;
    align-items: stretch !important; /* Memaksa sidebar & main setinggi mungkin */
    width: 100% !important;
    background: #ffffff !important; /* Latar belakang dasar putih */
    border-bottom: 1px solid #ddd !important; /* Garis penutup bawah yang menyatu */
    border-radius: 0 0 8px 8px !important; /* Lengkungan di pojok bawah */
    overflow: hidden !important;
}

/* 2. Sesuaikan Main Content agar tidak memiliki border bawah sendiri */
.pkp_structure_main {
    flex: 0 0 75% !important;
    border-bottom: none !important; /* Border bawah diambil alih kontainer induk */
    border-right: 2px solid #ddd !important; /* Garis vertikal tetap ada */
    box-sizing: border-box !important;
}

/* 3. Sesuaikan Sidebar agar memanjang penuh ke bawah */
.pkp_structure_sidebar.left {
    flex: 0 0 25% !important;
    display: flex !important;
    flex-direction: column !important;
    border-bottom: none !important;
    background: #ffffff !important;
}

/* 4. Blok terakhir di sidebar ditiadakan margin bawahnya agar menempel ke dasar */
.pkp_structure_sidebar .pkp_block:last-child {
    margin-bottom: 0 !important;
}

/* --- EFEK HOVER KHUSUS SIDEBAR MENU --- */
.vertical-menu a {
    transition: all 0.3s ease !important; /* Membuat perubahan warna terasa halus */
}

.vertical-menu a:hover {
    background-color: #27ae60 !important; /* Berubah jadi hijau terang saat disentuh */
    border-left: 5px solid #1a3a32 !important; /* Garis samping berubah jadi hijau gelap */
    padding-left: 20px !important; /* Efek sedikit bergeser ke kanan agar dinamis */
    color: #ffffff !important;
}

/* --- FIX TEKS MENEMPEL DI PEMBATAS KANAN --- */
.page_content_text, 
div[style*="text-align: justify"] {
    padding-right: 30px !important; /* Memberikan ruang ekstra di sisi kanan */
    padding-left: 20px !important;  /* Menyeimbangkan sisi kiri */
    margin-right: 15px !important;  /* Memberikan jarak antar container dengan garis luar */
    display: block;
    overflow-wrap: break-word;      /* Memastikan kata panjang tidak menabrak pembatas */
}

/* Khusus untuk teks yang menggunakan style inline di OJS */
p {
    margin-right: 20px !important;
    margin-bottom: 15px;
}