/*
 * JRAM StyleSheet - Hasil Seperti Gambar 1 (Banner Full Width)
 */

body {
    background: url(https://png.pngtree.com/thumb_back/fh260/background/20190626/pngtree-abstract-ethnic-floral-seamless-pattern-image_259159.jpg);
}

/* 1. MEMBUAT BANNER LOGO JURNAL PENUH (FULL WIDTH) SEPERTI GAMBAR 1 */
.pkp_site_name {
    width: 100% !important;
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
}

.pkp_site_name .is_img {
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
}

.pkp_site_name .is_img img {
    display: block !important;
    width: 100% !important; /* Memaksa logo melebar penuh dari kiri ke kanan */
    height: auto !important; /* Menjaga proporsi gambar agar tidak gepeng */
    max-height: none !important; /* Menghapus batasan tinggi 80px */
    max-width: 100% !important;
}

/* 2. MEMBERSIHKAN LATAR BELAKANG HEADER */
.pkp_head_wrapper {
    background: transparent !important; /* Menghilangkan warna biru solid di belakang logo */
    padding: 0 !important;
}

.has_site_logo .pkp_head_wrapper {
    padding-top: 0px !important;
}

/* 3. MENGATUR NAVIGASI MENU KUNING DI BAWAH BANNER */
.pkp_navigation_primary_row {
    background: #FFC72C !important; /* DIUBAH: Dari hijau ke Kuning Emas agar teks putih tetap kontras */
    padding-left: 20px !important;
    clear: both !important;
}

.pkp_navigation_primary > li > a {
    color: white !important;
}

/* 4. STRUKTUR HALAMAN UTAMA */
.pkp_structure_page {
    margin: 0 auto;
    max-width: 1160px;
    background: transparent;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

.pkp_structure_content {
    background-color: #fff;
}

/* 5. SIDEBAR & BLOK SISI KANAN */
.pkp_block .title {
    color: #ffff;
    background-color: #D4AF37; /* DIUBAH: Menggunakan kuning emas yang sedikit lebih gelap untuk header sidebar */
    padding: 10px;
    text-align: center;
}

#customblock-menu_alt .content ul li {
    line-height: 20px;
    padding: 10px 30px;
    background-color: #7d8487;
    margin-bottom: 5px;
}

#customblock-menu_alt a {
    color: #fff;
}

#customblock-menu_alt a:hover {
    color: #007ab2;
}

/* 6. FOOTER */
.pkp_structure_footer_wrapper {
    background-color: #f2f2f2;
    border-top: 1px solid #ddd;
    border-bottom: 20px solid #FFC72C; /* DIUBAH: Garis bawah footer diubah ke Kuning */
}

.pkp_footer_content ul {
    padding: 0;
    margin: 0;
}

.pkp_footer_content .column {
    padding: 20px;
    margin: 20px;
}

.pkp_footer_content li {
    list-style: none;
}

.pkp_footer_content .title {
    display: block;
    margin-bottom: 10px;
    margin-top: 0;
    font-family: "Noto Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    color: rgba(0,0,0,0.54);
}

.pkp_footer_content {
    padding: 30px;
}

.pkp_brand_footer {
    display: none;
}

/* 7. RESPONSIVE DESIGN UNTUK LAYAR BESAR */
@media (min-width: 992px) {
    .has_site_logo .pkp_navigation_primary_wrapper {
        width: 100% !important;
        padding: 0 !important;
    }

    .pkp_navigation_user > li {
        margin-top: 10px;
        background-color: #888;
    }

    .pkp_navigation_user li:last-child {
        padding-right: 10px;
    }

    .pkp_footer_content .row {
        display: flex;
    }

    .pkp_footer_content .column {
        flex: 50%;
    }
}

@media (min-width: 1200px) {
    .pkp_structure_page {
        padding-top: 2.143rem;
        padding-bottom: 2.143rem;
    }
}