/* --- 1. Mengatur Logo Jurnal (File Gambar) Rata Tengah --- */

/* Membuat pembungkus luar header menggunakan flex vertikal */
.pkp_structure_head .pkp_head_wrapper {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important; /* Diubah ke stretch agar elemen anak bisa mengatur posisinya sendiri */
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* Memaksa spesifik wadah logo agar isinya rata tengah */
.pkp_site_name_wrapper {
    display: flex !important;
    justify-content: center !important; /* Pusat horizontal */
    align-items: center !important;     /* Pusat vertikal */
    width: 100% !important;
    clear: both !important;
    float: none !important;
    padding: 25px 0 15px 0 !important;
}

.pkp_site_name {
    display: block !important;
    text-align: center !important;
    margin: 0 auto !important;
    float: none !important;
}

.pkp_site_name a.is_img {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
}

.pkp_site_name img {
    display: inline-block !important;
    margin: 0 auto !important;
    width: 320px !important;
    max-width: 100% !important;
    height: 240px !important;
}

/* Banner Header Radial Gradient Halus */
.pkp_structure_head {
    background: radial-gradient(circle at center, #a1e52c 0%, #9ec550 100%) !important;
    box-shadow: 0 3px 6px rgba(0,0,0,0.08) !important;
    padding-bottom: 0 !important;
}


/* --- 2. Perbaikan Navigasi Menu (MUTLAK RATA KIRI & SEARCH PALING KANAN) --- */

/* Bar putih penuh */
.pkp_navigation_primary_wrapper {
    width: 100% !important;
    background-color: #ffffff !important;
    float: none !important;
    clear: both !important;
    border-top: 1px solid rgba(0,0,0,0.05) !important;
    border-bottom: 1px solid #e0e0e0 !important;
    display: block !important; /* Mengembalikan ke blok luar biasa */
}

/* Memaksa kontainer menu di dalam bar putih agar rata kiri mutlak */
.pkp_navigation_primary_wrapper .pkp_head_wrapper {
    display: flex !important;
    flex-direction: row !important;      /* Berjajar horizontal */
    flex-wrap: nowrap !important;        /* Anti tumpang tindih / terlipat */
    justify-content: flex-start !important; /* PAKSA RATA KIRI MUTLAK */
    align-items: center !important;
    width: 100% !important;
    max-width: 1170px !important;        /* Menjaga batas lebar standard agar tidak terlalu mentok layar */
    margin: 0 auto !important;           /* Mengetengahkan kontainer penampungnya saja, bukan isi menunya */
    padding: 0 20px !important;
}

/* Barisan Menu Utama */
.pkp_navigation_primary {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important; /* Paksa item menu mulai dari kiri */
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    float: left !important; /* Fallback untuk browser tua */
}

.pkp_navigation_primary > li {
    float: none !important;
    display: inline-block !important;
    white-space: nowrap !important;
}

/* Font Menu Utama (Hitam) */
.pkp_navigation_primary > li > a {
    color: #000000 !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    padding: 15px 18px !important;
    display: block !important;
    transition: background-color 0.2s, color 0.2s;
}

.pkp_navigation_primary > li > a:hover {
    background-color: #f5f5f5 !important;
    color: #000000 !important;
}

/* Memaksa tombol Search terdorong otomatis ke ujung kanan bar navigasi */
.pkp_navigation_search_wrapper {
    margin-left: auto !important; /* Trik flexbox murni untuk mendorong elemen ke kanan */
    float: right !important;
    display: block !important;
}


/* --- 3. Pengaturan Dropdown Menu (Hover Greenlime, Tulisan Hitam) --- */

.pkp_navigation_primary li ul {
    background-color: #ffffff !important;
    border: 1px solid #e0e0e0 !important;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1) !important;
    min-width: 180px !important;
}

.pkp_navigation_primary li ul li a {
    color: #333333 !important;
    padding: 10px 15px !important;
    font-size: 13px !important;
    display: block !important;
    background-color: #ffffff !important;
    transition: background-color 0.2s, color 0.2s;
}

/* Hover dropdown Greenlime */
.pkp_navigation_primary li ul li a:hover {
    background-color: #a1e52c !important; 
    color: #000000 !important;            
    font-weight: bold !important;
}


/* --- 4. Seragamisasi Font & Kerapian Sidebar --- */
.pkp_structure_sidebar {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.pkp_structure_sidebar .block {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    padding: 15px;
    margin-bottom: 20px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}

.pkp_structure_sidebar .block .title {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: #333333;
    border-bottom: 2px solid #9ec550;
    padding-bottom: 5px;
    margin-bottom: 12px;
    letter-spacing: 0.5px;
}

.pkp_structure_sidebar .content a {
    font-size: 13px;
    color: #4a4a4a;
    text-decoration: none;
    transition: color 0.2s ease;
}

.pkp_structure_sidebar .content a:hover {
    color: #a1e52c;
}


/* --- 5. Tombol "Make Submission" (Merah Menyala & Hover Merah Darah) --- */
a.make_submission, 
.block_make_submission a,
.pkp_structure_sidebar .block_make_submission .content a {
    display: block;
    background-color: #ff0000 !important; /* Merah Menyala */
    color: #ffffff !important;            
    text-align: center;
    padding: 12px 15px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 4px;
    border: none;
    transition: background-color 0.2s ease, transform 0.1s ease;
    box-shadow: 0 2px 5px rgba(255, 0, 0, 0.3); 
    text-decoration: none !important;
}

a.make_submission:hover, 
.block_make_submission a:hover {
    background-color: #800000 !important; /* Merah Darah */
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
}