/* --- 0. Font dan Base Styling --- */
@import url('https://fonts.googleapis.com/css?family=Sunflower:300');
html, body, * {
    font-family: 'Sunflower', helvetica, calibri, sans-serif; 
}

/* --- 1. Latar Belakang dan Layout Dasar (ORANGE GRADASI) --- */

/* Gradasi Latar Belakang Body (Orange Sangat Cerah ke Orange Sedang) */
body {
    background: linear-gradient(to bottom, #FFF3E0, #FF7F50) fixed !important;
    min-height: 100vh;
}

/* Kontainer utama halaman */
.pkp_structure_page {
    margin: auto; 
    width: 1162px; 
    padding-bottom: 0 !important; 
    border-left: 1px solid #FF8C00; /* Border samping disamakan dengan warna utama */
    border-right: 1px solid #FF8C00; /* Border samping disamakan dengan warna utama */
    background: #fff; 
}
.pkp_structure_content { 
    padding-top: 0; 
}
h1, h2, h3, h4, h5, h6,
.pkp_structure_sidebar .pkp_block .title {
    font-family: 'Sunflower', helvetica, calibri;
}

/* Media Query untuk Mobile/Tablet */
@media (max-width: 1000px) {
    .pkp_structure_page {
        margin: auto; 
        width: 100%; 
    }
}

/* --- 2. Tautan, Tombol, dan Artikel (ORANGE) --- */

/* Gaya Tautan */
a { 
    color: #FF8C00; /* Orange Tua Primary */
}
a:hover { 
    color: #FFA500; /* Orange Cerah untuk hover */
}

/* Gaya Tombol dan Link Galeri (Orange Tua) */
.cmp_button_wire, 
.obj_galley_link { 
    background: #FF8C00; 
    border: 1px solid #FF8C00; 
    color: #fff; 
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* Tambahan Shadow pada tombol */
}

/* KOTAK pada Luaran Artikel (FIX: Gradasi dan Shadow Dikuatkan) */
.obj_article_summary, 
.issue_toc_item { 
    border: 1px solid #FFF3E0; /* Border sangat tipis warna latar */
    padding: 15px; 
    margin-bottom: 20px; 
    border-radius: 5px; 
    /* Memaksa Shadow lebih nampak */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25) !important; 
    /* Memaksa Gradasi Warna (putih ke putih sedikit abu-abu) */
    background: linear-gradient(to right, #ffffff, #fffdfb) !important;
}

/* --- 3. Navigasi (ORANGE GRADASI) --- */

/* Navigasi Atas (User Navigation) */
.pkp_navigation_user_wrapper {top: 0; right: 0; padding: 0;}
.pkp_navigation_user_wrapper .pkp_navigation_user > li.profile { 
    background: #FF8C00; /* Orange Tua */
    color: #fff; 
}
.pkp_navigation_user { border-bottom: 2px solid #fff;} 
.pkp_navigation_user > li > a, 
.pkp_navigation_user > li.in_focus > a, 
.pkp_navigation_user > li > a:focus { color: #fff; }

/* Navigasi Utama (Primary Navigation) */
.pkp_navigation_primary_row {
    background: #FFFAE0 !important; /* Latar Navigasi agak kekuningan */
    /* Tambahan Shadow agar Navigasi tampak 3D/mengapung */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); 
} 
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a:hover {background: rgba(255, 140, 0, 0.3) !important} /* Orange transparan hover */
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li, 
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a {
    color: #373935 !important; 
    font-weight: normal !important
}

/* Gaya Sub-menu */
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul { 
    background: #FFF3E0 !important; /* Orange Sangat Cerah */
    border-radius: 0 !important; 
} 

/* --- 4. Sidebar dan Block Kustom (ORANGE) --- */

/* Sidebar Menu, Tombol Submission, dan Header Sidebar Block */
#customblock-Sidebar_menu.pkp_block ul li,
.pkp_block.block_make_submission .content a,
.sidebar-block {
    background: #FF8C00 !important; /* Orange Tua */
    color: #FFFFFF;
}

/* Penyesuaian Header Block Sidebar agar memiliki Gradasi seperti Header Menu lainnya */
.pkp_structure_sidebar .pkp_block .title {
    /* Gradasi Header: Orange Tua ke Orange Cerah */
    background: linear-gradient(to right, #FF8C00, #FFA500); 
    color: #ffffff;
    padding: 12px 15px;
    font-size: 1.1em;
    font-weight: bold;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    border-radius: 5px 5px 0 0; /* Tambahan Border Radius */
    margin: -15px -10px 15px -10px !important; /* Menutup padding block */
}

#customblock-Sidebar_menu.pkp_block ul li a {
    background: #FF8C00 !important; /* Orange Tua */
    display: block; 
    line-height: 40px; 
    padding: 0 10px 0 20px; 
    color: #FFFFFF;
}
.pkp_block.block_make_submission .content a:hover { 
    background: rgba(255, 165, 0, 0.25) !important; /* Orange Cerah transparan hover */
    color: #333333;
}
.sidebar-block {margin: 10px -10px;} 

/* --- 5. Gaya Konten Menu Kustom (ORANGE) --- */

.pkp_structure_content p, .pkp_block .content p {line-height: 1.6; margin-bottom: 15px;}
.pkp_structure_content h2, .pkp_structure_content h3, .pkp_block .content h2, .pkp_block .content h3 {
    border-bottom: 2px solid #FFA500; /* Orange Cerah */
    color: #FF8C00; /* Orange Tua */
    padding-bottom: 5px;
    margin-top: 30px;
    margin-bottom: 15px;
}
.pkp_structure_content ul, .pkp_block .content ul {list-style: none; padding-left: 0;}
.pkp_structure_content ul li:before, .pkp_block .content ul li:before {
    font-family: 'FontAwesome';
    content: "\f105"; 
    color: #FF8C00; /* Orange Tua */
    margin-right: 10px;
}
.pkp_structure_content table, .pkp_block .content table {width: 100%; border-collapse: collapse; margin-bottom: 20px;}
.pkp_structure_content table th, .pkp_block .content table th {
    background-color: #FF8C00; /* Orange Tua */
    color: #ffffff;
    padding: 10px;
    text-align: left;
    border: 1px solid #FF8C00;
}
.pkp_structure_content table td, .pkp_block .content table td {padding: 10px; border: 1px solid #FFF3E0;} /* Border Orange Sangat Cerah */
.pkp_structure_content table tr:nth-child(even), .pkp_block .content table tr:nth-child(even) {
    background-color: #fffdfb; /* Hampir Putih */
}

/* --- 6. GAYA CUSTOM BLOCK MENU & SUBMISSION LINK (ORANGE GRADASI) --- */

/* Menghilangkan padding pada custom block agar menu full lebar */
#customblock-additionalmenu.pkp_block {
    padding: 0 !important;
}

/* Container utama menu (revisi kode HTML lama) */
#additional-sidebar-menu {
    border: 1px solid #FF8C00; /* Orange Tua */
    border-radius: 5px;
    overflow: hidden; 
    margin-bottom: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Header Menu (Additional Menu) */
#additional-sidebar-menu .menu-header {
    /* Gradasi Header: Orange Tua ke Orange Cerah */
    background: linear-gradient(to right, #FF8C00, #FFA500); 
    color: #ffffff;
    padding: 12px 15px;
    font-size: 1.1em;
    font-weight: bold;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

/* Daftar Link */
#additional-sidebar-menu .menu-list {
    list-style: none; 
    padding: 0;
    margin: 0;
    background-color: #ffffff;
}
#additional-sidebar-menu .menu-list li {
    border-bottom: 1px solid #FFF3E0; /* Orange Sangat Cerah */
    padding: 0;
    margin: 0;
}

/* Link dan Ikon */
#additional-sidebar-menu .menu-list a {
    display: block;
    padding: 10px 15px;
    color: #FF8C00; /* Orange Tua */
    text-decoration: none;
    transition: all 0.3s ease;
}

/* FIX AGRESIF untuk Custom Block: Menghilangkan panah kecil (dropdown indicator) */
#additional-sidebar-menu .menu-list li a:after,
#additional-sidebar-menu .menu-list li:after,
#additional-sidebar-menu .menu-list li a:before,
#additional-sidebar-menu .menu-list li:before {
    content: none !important;
    visibility: hidden !important; 
}

/* FIX: Menambahkan gradasi warna agak gelap saat HOVER */
#additional-sidebar-menu .menu-list a:hover {
    /* Gradasi Orange muda ke Orange muda yang lebih gelap saat hover */
    background: linear-gradient(to right, #FFF3E0, #FFE0B2); 
    color: #FF8C00; 
}

/* FIX: Menyinkronkan jarak dan alignment ikon */
#additional-sidebar-menu .menu-list .fa {
    margin-right: 10px;
    font-size: 1.1em;
    width: 20px; 
    text-align: center;
    color: #FFA500; /* Orange Cerah */
    vertical-align: middle; 
    line-height: 1; 
}

#additional-sidebar-menu .logo-footer {text-align: center; padding: 10px 0; background-color: #fffdfb; margin: 0;}
#additional-sidebar-menu .logo-footer img {max-width: 90%; height: auto;}
.custom-submission-link {text-align: center; padding: 10px 0;}

/* --- PERBAIKAN SPESIFIK UNTUK KOTAK SUBMISSION LINK (FINAL FIX PANAH DAN SHADOW) --- */

/* Menambahkan box-shadow pada link (anchor tag) untuk efek kotak berbayangan */
.custom-submission-link a {
    display: inline-block; 
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3) !important; /* Dikuatkan dengan !important */
    border-radius: 5px; 
    overflow: hidden; 
    line-height: 0; 
}

/* Panah kecil (::after/::before) yang muncul di link submission (FINAL FIX) */
.custom-submission-link a:after,
.custom-submission-link a:before {
    content: none !important;
    visibility: hidden !important;
    display: none !important; /* Tambahan untuk memastikan hilang total */
}

/* --- 7. PERBAIKAN UMUM TERAKHIR: Menghilangkan Panah Kecil di Semua Tempat --- */

/* Menargetkan semua elemen pseudo ::after dan ::before pada link di navigasi, artikel, dan daftar */
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a:after,
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a:before,
.obj_article_summary .links a:after,
.obj_article_summary .links a:before,
.issue_toc_item .links a:after,
.issue_toc_item .links a:before,
.pkp_navigation_user a:after,
.pkp_navigation_user a:before,
.obj_article_details .item.doi a:after, 
.obj_article_details .item.doi a:before, 
.obj_article_details .item.galleys .galleys_links a:after,
.obj_article_details .item.galleys .galleys_links a:before,
.issue_toc_item .title a:after, 
.issue_toc_item .title a:before, 
.obj_article_summary .title a:after,
.obj_article_summary .title a:before 
{
    content: none !important;
    visibility: hidden !important; 
    display: none !important;
}


/* --- 8. Detail Lain-lain (Kode Lama yang Disesuaikan) --- */
.journals ul .body .description a {display: inline;}
.pkp_site_name, .pkp_site_name_wrapper {padding: 0;}
.pkp_site_name .is_img img {display: block; max-height: 100%; max-width: 100%; width: auto; height: auto; margin-bottom: -6px;}
.pkp_navigation_user_wrapper .pkp_navigation_user > li.profile > ul.dropdown-menu { border-radius: 0 !important;}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li {padding: 0 !important;margin: 0 !important;}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a {margin: 0 !important; padding: 0 10px !important; line-height: 40px !important; }
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul, .pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul li a:hover {border-radius: 0 !important; -webkit-border-radius: 0 !important; -o-border-radius: 0 !important;}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul li:last-child { border-bottom: none !important;}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper .pkp_search.is_open input[type=text] {font-family: Sunflower, helvetica, calibri;}
.pkp_block {padding: 15px 10px; margin: 0 !important}
.pkp_block.block_make_submission .content {margin: 0 !important; padding: 0 !important; text-align: center !important}

/* Penyesuaian Footer: Gradasi + Shadow 3D */
.pkp_structure_footer_wrapper{border-bottom: none !important;}
.pkp_structure_footer .pkp_footer_content {
    /* Gradasi Footer: Orange Tua ke Orange Cerah */
    background: linear-gradient(to right, #FF8C00, #FFA500); 
    padding: 15px !important; 
    color: white; /* Teks putih di footer */
    box-shadow: 0 -4px 6px rgba(0, 0, 0, 0.2); /* Shadow ke atas untuk efek 3D */
} 
.pkp_structure_footer .pkp_footer_content p {margin: 0; color: white;} /* Teks putih di footer */

.pkp_structure_footer .pkp_brand_footer img {width: 48px !important; height: auto;}
.pkp_structure_footer .pkp_footer_content img {width: 88px; height:31px;}
.pkp_structure_footer .pkp_footer_content div.logo img{width: 65px; height:65px;}
.pkp_structure_footer .pkp_footer_content div.logo2 img{width: 88px; height:31px;}
/* Menyesuaikan warna tautan di footer agar kontras di latar oranye */
.pkp_structure_footer a {
    color: #FFF3E0; 
    text-decoration: underline;
}

.obj_article_summary .item.stats .abstract, .obj_article_summary .item.stats .galley {position:relative;}  
.obj_article_summary .item.stats .abstract {margin-left: 20px; margin-right: 10px;}  
.obj_article_summary .item.stats .galley {margin-left: 25px;}  
.obj_article_summary .item.stats .abstract:before { content: "\f080"; font-family: FontAwesome; left:-15px; position:absolute; top:0; color: #FF8C00;} /* Ikon Orange */
.obj_article_summary .item.stats .galley:before { content: "\f1c1"; font-family: FontAwesome; left:-15px; position:absolute; top:0; color: #FF8C00;} /* Ikon Orange */