/*!
 * Copyright 2023 Fredrik L. Ndjurumana (fredrik.ndjurumana@gmail.com)
 * DILARANG KERAS MENGGUNAKAN STYLESHEET INI PADA JURNAL LAIN SELAIN pada JURNAL KALA NEA 
 */
@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 {
    --white: #F2F1EF;
    --blue-green: #006884;
    --navy-blue: #006884;
    --baby-blue: #BFD7ED;
    --red: #970C10;
    --gold: #F8D210;
    --light-gray: #E3E8E9;
    --cream: #FAFBF4;
    --gray-700: #5E6278;
    --gray-300: #E1E3EA;
    --midnight-blue: #006884;
    
    /* Warna Hijau Daun (Leaf Green) untuk semua efek Hover */
    --green-hover: #2e8b57; 
}

body,html { font-family: "Open Sans", sans-serif !important; margin: 0; padding: 0; }
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; }

/* Transisi Halus & Hover Hijau Daun untuk semua Tautan/Judul */
a { color: var(--navy-blue); transition: all 0.3s ease-in-out; }
a.focus, a:hover { color: var(--green-hover) !important; text-decoration: none; }
p { text-align: justify; }

/* =========================================================
   1. HEADER PENUH (TANPA GARIS & TANPA SELANG 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_site_name_wrapper {
    background: #ffffff !important;
    padding: 0 !important; 
    margin: 0 !important;
}

/* Memaksa Logo Header Full Lebar */
.pkp_site_name, .pkp_site_name .is_img {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
}

.pkp_site_name .is_img img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: cover !important;
}

@media (min-width: 1200px) {
    .has_site_logo .pkp_head_wrapper {
        width: 1160px !important;
        max-width: 1160px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding: 0 !important;
    }
}

/* =========================================================
   2. NAVIGASI & MENU SIDEBAR (HOVER HIJAU DAUN)
   ========================================================= */
.pkp_navigation_primary_wrapper, .pkp_navigation_user {
    background: linear-gradient(90deg, var(--navy-blue) 0%, var(--blue-green) 100%);
}

.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; 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)}
.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; border-bottom:none;}
.pkp_nav_list ul a{color:var(--white);border-left:none;padding-left:1.43rem}

/* Hover Menu Utama -> Hijau Daun */
.pkp_nav_list ul a:focus, .pkp_nav_list ul a:hover {
    background: var(--cream);
    color: var(--green-hover) !important;
}

.pkp_navigation_primary, .pkp_navigation_search_wrapper{line-height:2.125rem}
.pkp_navigation_primary>li, .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 1.413rem;line-height:2.5rem;border-bottom:solid thin var(--white);margin:0;display:block}

/* Hover Menu Top Bar -> Hijau Daun */
.pkp_navigation_primary>li>a:hover, .pkp_navigation_search_wrapper a:hover {
    background: rgba(0,0,0,.1); 
    color: var(--green-hover) !important;
}

/* --- Menu Sidebar Kanan --- */
#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 var(--white)}
#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:200;line-height:40px;padding:0 10px 0 20px;color:#fff; transition: all 0.3s ease;}

/* Hover Menu Sidebar -> Background Hijau Daun */
#customblock-sidebarmenu.pkp_block ul li a:hover {
    background: var(--green-hover) !important;
    color: #ffffff !important;
    padding-left: 25px; /* Efek bergeser sedikit ke kanan saat disorot */
}

/* =========================================================
   3. LATAR BELAKANG MOTIF BATIK (DAYAK NATURE - PURE CSS)
   Latar belakang ini didesain menggunakan kode vektor murni.
   ========================================================= */
body {
    /* Warna Dasar Hijau Gelap Hutan (Nuansa Alam) */
    background-color: #0b2e24; 
    
    /* Vektor SVG Murni: Motif Pakis (Keladan), Geometris Dayak (Tameng), dan Bunga Hutan */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300' viewBox='0 0 300 300'%3E%3Crect width='300' height='300' fill='%230b2e24'/%3E%3Cg opacity='0.15' stroke='%23D4AF37' stroke-width='2' fill='none'%3E%3Cpath d='M0 150 L150 0 L300 150 L150 300 Z M75 150 L150 75 L225 150 L150 225 Z'/%3E%3Cpath d='M150 0 V300 M0 150 H300' stroke-dasharray='10,10'/%3E%3C/g%3E%3Cg opacity='0.8' fill='%23970C10'%3E%3Cpath d='M150 110 C 130 60, 80 40, 150 20 C 220 40, 170 60, 150 110 Z'/%3E%3Cpath d='M150 280 C 130 240, 80 260, 150 190 C 220 260, 170 240, 150 280 Z'/%3E%3C/g%3E%3Cg opacity='0.6' fill='%23E27D60'%3E%3Cpath d='M40 150 C 60 130, 40 80, 20 150 C 40 170, 60 170, 40 150 Z'/%3E%3Cpath d='M260 150 C 240 130, 260 80, 280 150 C 260 170, 240 170, 260 150 Z'/%3E%3C/g%3E%3Cg opacity='0.7' stroke='%232e8b57' stroke-width='4' fill='none'%3E%3Cpath d='M150 150 Q 100 100, 150 50'/%3E%3Cpath d='M150 150 Q 200 200, 150 250'/%3E%3Cpath d='M150 150 Q 100 200, 50 150'/%3E%3Cpath d='M150 150 Q 200 100, 250 150'/%3E%3C/g%3E%3Ccircle cx='150' cy='150' r='15' fill='%23D4AF37' opacity='0.9'/%3E%3Ccircle cx='150' cy='150' r='5' fill='%230b2e24'/%3E%3C/svg%3E");
    
    background-repeat: repeat;
    background-size: 400px; /* Resolusi sangat tinggi dan presisi */
    background-position: center;
    background-attachment: scroll !important; /* Motif PASTI ikut bergulir ke bawah */
}

/* Membatasi area konten utama agar teks tetap terbaca, dengan bayangan elegan */
.pkp_structure_page {
    background-color: #ffffff;
    max-width: 1160px;
    margin: 0 auto;
    box-shadow: 0 0 50px rgba(0,0,0,0.5); 
    min-height: 100vh;
}

/* =========================================================
   4. PERBAIKAN IKON STATISTIK & PDF (DESAIN MENARIK + HOVER HIJAU DAUN)
   ========================================================= */

/* Menyembunyikan elemen ikon lama yang rusak dari plugin OJS */
.obj_article_summary img[src*="ejurnal.staiha.ac.id"],
.obj_issue_toc img[src*="ejurnal.staiha.ac.id"],
.usageStats img {
    display: none !important;
}

/* Mempercantik baris teks statistik (Abstract & Download) */
.usageStats, .obj_article_summary .galleys_links {
    font-size: 14px;
    color: #555;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px dashed var(--light-gray);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

/* IKON MATA (ABSTRAK) KEKINIAN */
/* Kita menyisipkan ikon mata modern tepat sebelum angka view abstrak */
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='none' stroke='%23006884' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7S2 12 2 12Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") !important;
    width: 22px !important;
    height: 22px !important;
    display: inline-block !important;
    vertical-align: middle !important;
    margin-right: 6px !important;
    margin-bottom: 2px !important;
    border: none !important;
}

/* IKON DOWNLOAD (AWAN PANAH) KEKINIAN */
/* Menandakan jumlah unduhan PDF */
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='none' stroke='%232e8b57' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='7 10 12 15 17 10'/%3E%3Cline x1='12' y1='15' x2='12' y2='3'/%3E%3C/svg%3E") !important;
    width: 22px !important;
    height: 22px !important;
    display: inline-block !important;
    vertical-align: middle !important;
    margin-left: 10px !important;
    margin-right: 6px !important;
    margin-bottom: 2px !important;
    border: none !important;
}

/* TOMBOL LINK PDF (Dasar Biru, Hover Hijau Daun) */
.obj_galley_link,
.obj_article_summary .galleys_links a.galley_link {
    display: inline-flex !important;
    align-items: center !important;
    background: linear-gradient(135deg, #006884 0%, #004d63 100%) !important; 
    color: #ffffff !important;
    border: none !important;
    padding: 8px 18px !important;
    border-radius: 25px !important; /* Bentuk membulat (Pill shape) yang kekinian */
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    text-decoration: none !important;
    box-shadow: 0 4px 10px rgba(0, 104, 132, 0.3) !important; 
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

/* Efek Hover Hijau Daun pada Tombol PDF */
.obj_galley_link:hover,
.obj_article_summary .galleys_links a.galley_link:hover {
    background: linear-gradient(135deg, var(--green-hover) 0%, #1c5e3a 100%) !important; 
    box-shadow: 0 8px 15px rgba(46, 139, 87, 0.4) !important; 
    transform: translateY(-3px) !important; /* Efek melayang */
    color: #ffffff !important;
}

/* Ikon PDF di dalam tombol itu sendiri */
.obj_galley_link::before,
.obj_article_summary .galleys_links a.galley_link::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' width='16' height='16'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3C/svg%3E") !important;
    margin-right: 8px !important;
    display: inline-block !important;
    vertical-align: middle !important;
}

/* =========================================================
   5. PENGATURAN UMUM LAINNYA
   ========================================================= */
.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}
.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_make_submission .content a.block_make_submission_link{background:var(--light-gray);color:var(--blue-green);font-size:1rem;font-weight:700;border-radius:25px;box-shadow:none;display:block;line-height:3.25rem;overflow:hidden;width:100%;text-align:center; transition: all 0.3s ease;}

/* Hover Tombol Make Submission -> Hijau Daun */
.pkp_block.block_make_submission .content a.block_make_submission_link:hover{
    background: var(--green-hover);
    color: var(--white);
    transform: translateY(-2px);
    box-shadow: 0 5px 10px rgba(46, 139, 87, 0.3);
}

.pkp_structure_sidebar{border-right:solid thin var(--light-gray)}
.pkp_structure_footer_wrapper .pkp_structure_footer .pkp_brand_footer a img{max-height:50px!important;width:auto}
.obj_issue_toc .articles>li{margin-bottom:0;padding:15px;border-bottom:dashed thin var(--light-gray); border-radius: 8px;}
.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)}