/*!
 * Copyright 2023 Fredrik L. Ndjurumana (fredrik.ndjurumana@gmail.com)
 * DILARANG KERAS MENGGUNAKAN STYLESHEET INI PADA JURNAL LAIN SELAIN pada JURNAL KALA NEA (https://jurnal.sttimmanuelsintang.ac.id/index.php/sttis)
 * PENGGUNAAN PADA JURNAL LAIN HARUS DENGAN IJIN TERTULIS PEMBUAT STYLESHEET INI.
 */
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap);
@import url(https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css);

:root{
    /* === PENYESUAIAN WARNA TEMA UTAMA SESUAI LOGO KALA NEA === */
    --main-theme-blue: #19509a; /* Warna Biru Utama Logo */
    
    --white: #F2F1EF;
    --blue-green: var(--main-theme-blue); /* Mengubah warna kotak sidebar */
    --navy-blue: var(--main-theme-blue); /* Mengubah warna menu & header */
    --midnight-blue: var(--main-theme-blue); /* Mengubah warna footer */
    
    --baby-blue: #BFD7ED;
    --red: #970C10;
    --gold: #F8D210;
    --light-gray: #E3E8E9;
    --cream: #FAFBF4;
    --gray-700: #5E6278;
    --gray-300: #E1E3EA;
}

body,html{font-family:"Open Sans",sans-serif!important}
* h1,* h2,* h3,* h4,* h5,* h6,h1,h2,h3,h4,h5,h6{font-family:"Open Sans",sans-serif!important}
hr{border-top-width:thin;border-top-style:dashed}
a{color:var(--navy-blue)}
a.focus,a:hover{color:#0d2e5a} /* Biru lebih gelap saat disentuh */
p{text-align:justify}

/* =========================================================
   1. PEMBARUAN HEADER & LOGO (FULL KANAN SESUAI AREA PUTIH)
   ========================================================= */
.pkp_structure_head {
    background-color: #ffffff !important;
    border-bottom: none !important; 
    box-shadow: 0 4px 15px rgba(0,0,0,0.12); 
    position: relative;
    z-index: 99; 
    padding: 0 !important; 
    margin: 0 !important;
}

.pkp_head_wrapper {
    padding: 0 !important; 
    margin: 0 auto !important;
    width: 100% !important;
}

.pkp_site_name_wrapper {
    background: #ffffff !important;
    padding: 0 !important; 
    margin: 0 !important;
    width: 100% !important;
}

/* Navigasi Utama */
.pkp_navigation_primary_wrapper, .pkp_navigation_user {
    background: var(--main-theme-blue) !important;
}

.pkp_site_nav_menu{display:none;padding:0}
.pkp_site_nav_menu.pkp_site_nav_menu--isOpen{display:block}
.pkp_nav_list ul li{border-bottom:solid thin var(--light-gray)}
.img-fluid{max-width:100%;height:auto}

.pkp_navigation_user{line-height:3rem}
.pkp_navigation_user.pkp_navigation_user{margin-top:0;padding-top:0}
.pkp_navigation_user>li:last-child>a{margin-right:0}
.pkp_navigation_user>li>a{padding-top:0;padding-bottom:0;padding-left:1.413rem;padding-right:1.413rem;line-height:1.5rem}
.pkp_navigation_user>li .dropdown-menu{padding-top:0;padding-bottom:0;padding-left:1.413rem;padding-right:1.413rem;line-height:1.5rem}
.pkp_navigation_user .task_count{top:unset;background:var(--gold);color:#000}
.pkp_nav_list ul{border-radius:0}
.pkp_nav_list ul li{padding-left:0}
.pkp_nav_list ul li:first-child a{border-top-left-radius:0;border-top-right-radius:0}
.pkp_nav_list ul li:last-child a{border-bottom-left-radius:0;border-bottom-right-radius:0}
.pkp_nav_list ul li:last-child{border-bottom:none}
.pkp_nav_list ul a{color:var(--white);border-left:none;padding-left:1.43rem}
.pkp_nav_list ul a:focus,.pkp_nav_list ul a:hover{background:var(--cream);color:var(--navy-blue);border-left:none}
.pkp_navigation_primary,.pkp_navigation_search_wrapper{line-height:2.125rem}
.pkp_navigation_primary>li{margin-left:0}
.pkp_navigation_primary>li:first-child{margin-left:0}
.pkp_navigation_primary>li:last-child a{margin-right:0}
.pkp_navigation_primary>li:first-child a{margin-left:0}
.pkp_navigation_primary>li>a,.pkp_navigation_search_wrapper a{padding:0 .5em;padding-left:1.413rem;padding-right:1.413rem;line-height:2.5rem;border-bottom:solid thin var(--white);margin:0;display:block}
.pkp_navigation_primary>li>a:hover,.pkp_navigation_search_wrapper a:hover{background:rgba(0,0,0,.15); border:none;}
.pkp_navigation_primary>li>a:focus{background:#0d2e5a;color:var(--white)}

/* =========================================================
   2. STYLING KOTAK MENU SIDEBAR (Sesuai Biru Logo)
   ========================================================= */
#customblock-sidebarmenu.pkp_block.block_custom>.content{padding:0!important}
#customblock-sidebarmenu.pkp_block.block_custom{margin:0;padding:0}
#customblock-sidebarmenu.pkp_block ul,#customblock-sidebarmenu.pkp_block ul li{margin:0!important;padding:0!important}
#customblock-sidebarmenu.pkp_block ul li{background:var(--blue-green)!important;border-bottom:solid 1px rgba(255,255,255,0.2)}
#customblock-sidebarmenu.pkp_block ul li:last-child{border-bottom:none}
#customblock-sidebarmenu.pkp_block ul li a{background:var(--blue-green)!important;display:block;font-weight:400;line-height:40px;padding:0 10px 0 20px;color:#fff}
#customblock-sidebarmenu.pkp_block ul li a:hover{background:rgba(0,0,0,.2)!important;color:#fff}
.pkp_block.block_custom:not(#customblock_sidebarmenu)>.content>.content li{list-style:none;border-bottom:solid thin var(--light-gray);text-align:center}
.pkp_block.block_custom:not(#customblock_sidebarmenu)>.content>.content li:last-child{border-bottom:none}
.pkp_block.block_custom:not(#customblock_sidebarmenu)>.content>.content li a img{max-width:100%;height:auto}

/* =========================================================
   FOOTER (Sesuai Biru Logo)
   ========================================================= */
.pkp_structure_footer_wrapper{background:0 0}
.pkp_structure_footer_wrapper .pkp_structure_footer{background:var(--midnight-blue)}
.pkp_structure_footer_wrapper .pkp_structure_footer .pkp_brand_footer{background:var(--midnight-blue)}
.pkp_structure_footer_wrapper .pkp_structure_footer .pkp_brand_footer a img{max-height:50px!important;width:auto}

/* =========================================================
   RESPONSIVE LAYOUT & LOGO SIZING
   ========================================================= */
@media (min-width:768px){
    .pkp_structure_sidebar::after{content:'';position:absolute;top:0;left:0;bottom:0;width:1px;background:#ddd}
}

@media (min-width:992px){
    /* Kunci area header presisi */
    .pkp_head_wrapper, .has_site_logo .pkp_head_wrapper { padding: 0 !important; width: 100% !important; max-width: 952px !important; margin: 0 auto !important; }
    
    .pkp_site_nav_menu{display:block;background:0 0}
    .pkp_navigation_user.pkp_navigation_user{margin:0;padding:0;border:none}
    .pkp_navigation_user{line-height:3rem}
    .pkp_navigation_user>li:last-child>a{margin-right:0}
    .pkp_navigation_user>li>a{padding-top:0;padding-bottom:0;line-height:3rem}
    .pkp_navigation_user>li .dropdown-menu{padding-top:0;padding-bottom:0;line-height:3rem;padding-left:0;padding-right:0}
    .pkp_nav_list ul li{padding-left:unset}
    .pkp_nav_list ul a{color:var(--white);border-left:none;padding-left:1.43rem}
    .pkp_navigation_primary>li{margin-left:-.2em}
    .pkp_navigation_primary>li:first-child{margin-left:0}
    .pkp_navigation_primary>li:first-child a{margin-left:0}
    .pkp_navigation_primary>li>a,.pkp_navigation_search_wrapper a{padding:0 .5em;padding-left:.5em;padding-right:.5em;border-bottom:none;margin:0;line-height:3.125em;display:block}
    
    .pkp_site_name_wrapper{margin: 0 !important; padding: 0 !important;}
    .pkp_site_name .is_img{margin-top:0;margin-bottom:0}
    
    .pkp_structure_content{padding-top:0}
    .pkp_structure_main{padding-top:2.143rem}
    
    /* Judul Kotak Sidebar */
    .pkp_structure_sidebar .pkp_block .title{font-family:Poppins,sans-serif!important}
    .pkp_block.block_custom>.content>.title,.pkp_block>.title{padding:0 5px 0 10px;line-height:40px;background:var(--blue-green);color:var(--white);font-size:.95em;font-weight:600}
    
    .pkp_block.block_custom{padding:0!important;margin:0!important}
    .pkp_block.block_custom>.content{padding:0 10px!important}
    .pkp_block:not(.block_custom) .content{padding:10px}
    .pkp_block{margin:10px 0!important;padding:10px!important}
    .pkp_block.block_custom>.content>.content img{max-width:80%}
    .pkp_block.block_make_submission .content a.block_make_submission_link{background:var(--light-gray);color:var(--main-theme-blue);font-size:1rem;font-weight:600;border-radius:0;box-shadow:none;display:block;line-height:3.25rem;overflow:hidden;width:100%;text-align:center}
    .pkp_block.block_make_submission .content a.block_make_submission_link:hover{background:var(--main-theme-blue);color:var(--white)}
    .block_make_submission a{border:none;border-top-color:unset}
    #customblock-template.pkp_block.block_custom>.content>.content li a img,#customblock-tools.pkp_block.block_custom>.content>.content li a img{max-width:80%;height:auto}
    .pkp_structure_sidebar{border-right:solid thin var(--light-gray)}
}

@media (min-width:1200px){
    /* Kunci area header presisi maksimal */
    .pkp_head_wrapper, .has_site_logo .pkp_head_wrapper { padding: 0 !important; width: 100% !important; max-width: 1160px !important; margin: 0 auto !important; }
}

/* ==========================================
   PENGATURAN LOGO AGAR PENUH KE KANAN
   ========================================== */
.pkp_site_name {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
}

.pkp_site_name .is_img, .pkp_site_name .is_img a {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Memaksa gambar membentang ke seluruh lebar area head (maks 1160px) */
.pkp_site_name .is_img img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: cover !important; 
}

.cmp_announcements .obj_announcement_summary.full_width{width:100%!important}
.cmp_announcements .obj_announcement_summary .summary p{line-height:1.3em;margin-top:0!important;margin-bottom:1em!important}
.obj_issue_toc .articles>li{margin-bottom:0;padding:10px;border-bottom:dashed thin var(--light-gray)}
.obj_issue_toc .articles>li:last-child{border-bottom:none}
.obj_issue_toc .articles>li:nth-of-type(odd){background:var(--white)}
.obj_issue_toc .articles>li:nth-of-type(even){background:var(--cream)}
.pkp_page_index .journal_description{margin-bottom:30px}

/* =========================================================
   3. LATAR BELAKANG MOTIF BATIK KALIMANTAN (KIRI & KANAN)
   ========================================================= */
body {
    background-color: #e3e8e9; 
    
    /* Motif Dayak Kiri Kanan */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg stroke='%2319509a' stroke-width='2.5' fill='none' opacity='0.22'%3E%3Cpath d='M60 5 C80 5 95 20 95 50 C95 80 75 105 60 115 C45 105 25 80 25 50 C25 20 40 5 60 5 Z' fill='%2319509a' fill-opacity='0.05'/%3E%3Cpath d='M60 25 C75 25 80 40 70 45 C60 50 50 40 60 30' stroke='%23970C10' stroke-width='2'/%3E%3Cpath d='M60 95 C45 95 40 80 50 75 C60 70 70 80 60 90' stroke='%23970C10' stroke-width='2'/%3E%3Cpath d='M25 50 C15 40 5 50 15 60 C20 65 30 55 25 50' stroke='%23F8D210' stroke-width='2'/%3E%3Cpath d='M95 50 C105 40 115 50 105 60 C100 65 90 55 95 50' stroke='%23F8D210' stroke-width='2'/%3E%3Cline x1='60' y1='5' x2='60' y2='115' stroke-dasharray='6 6'/%3E%3C/g%3E%3C/svg%3E");
    
    background-repeat: repeat;
    background-attachment: scroll !important; 
}

/* Kertas Putih Utama */
.pkp_structure_page {
    background-color: #ffffff;
    max-width: 1200px;
    margin: 0 auto;
    box-shadow: 0 0 40px rgba(0,0,0,0.15); 
    min-height: 100vh;
}

/* =========================================================
   4. PERBAIKAN IKON STATISTIK & TOMBOL PDF (BIRU LOGO)
   ========================================================= */
.obj_article_summary img[src*="ejurnal.staiha.ac.id"],
.obj_issue_toc img[src*="ejurnal.staiha.ac.id"] {
    display: none !important;
}

/* Ikon Statistik Abstrak (Grafik Batang) -> Warna Biru Tema */
img[src*="grafik.png"],
img[src*="/grafik.png"] {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2319509a'%3E%3Cpath d='M3 3v18h18V3H3zm6 14H7v-5h2v5zm4 0h-2v-9h2v9zm4 0h-2v-7h2v7z'/%3E%3C/svg%3E") !important;
    width: 20px !important;
    height: 20px !important;
    display: inline-block !important;
    vertical-align: text-bottom !important;
    margin-right: 5px !important;
    border: none !important;
}

/* Ikon Download PDF (Panah Unduh) -> Warna Biru Tema */
img[src*="pdfdownload.png"],
img[src*="/pdfdownload.png"] {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2319509a'%3E%3Cpath d='M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z'/%3E%3C/svg%3E") !important;
    width: 20px !important;
    height: 20px !important;
    display: inline-block !important;
    vertical-align: text-bottom !important;
    margin-left: 12px !important;
    margin-right: 5px !important;
    border: none !important;
}

/* Tombol PDF & Link Galley (Tulisan & Border Biru Tema) */
.obj_galley_link,
.obj_article_summary .galleys_links a {
    display: inline-block !important;
    background: #ffffff !important;
    border: 1.5px solid var(--main-theme-blue) !important;
    color: var(--main-theme-blue) !important;
    padding: 6px 14px !important;
    border-radius: 4px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}

/* Tombol PDF Saat Disentuh Kursor (Latar Biru, Tulisan Putih) */
.obj_galley_link:hover,
.obj_article_summary .galleys_links a:hover {
    background: var(--main-theme-blue) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 10px rgba(25, 80, 154, 0.3) !important;
}