/* JURNAL CERDAS HUKUM — TEMA PUBLIK OJS 3.2
   Biru–hijau dengan motif geometris islami, November 2026.
   Mengubah presentasi saja, tidak membuat/mengubah menu, link atau data.
*/
:root{--jch-navy:#073a70;--jch-blue:#0869aa;--jch-teal:#078f94;--jch-green:#087a61;--jch-gold:#e4be68;--jch-ink:#18314a;--jch-line:#dce9ef;--jch-shadow:0 9px 26px rgba(11,61,90,.11)}
/* Motif asli berulang yang ringan; halaman konten tetap transparan agar motif terlihat. */
body{color:var(--jch-ink);background-color:#eff9fc!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='168' height='168' viewBox='0 0 168 168'%3E%3Crect width='168' height='168' fill='%23eff9fc'/%3E%3Cg fill='none' stroke='%23c7e9ed' stroke-width='4' opacity='.8'%3E%3Cpath d='M84 12 102 48 138 66 120 102 84 138 48 102 30 66 66 48Z'/%3E%3Cpath d='M84 36 100 68 132 84 100 100 84 132 68 100 36 84 68 68Z'/%3E%3Cpath d='M0 84h36M132 84h36M84 0v36M84 132v36'/%3E%3C/g%3E%3C/svg%3E");background-repeat:repeat;background-size:240px 240px;font-family:'Noto Sans',Arial,sans-serif}
.pkp_structure_content{background:rgba(255,255,255,.64)}
.pkp_structure_main{color:var(--jch-ink)}
.pkp_structure_head{background:linear-gradient(105deg,var(--jch-navy),var(--jch-blue) 48%,var(--jch-green))!important;border-bottom:3px solid var(--jch-gold)}
/* Jangan memangkas banner OJS yang diunggah lewat Appearance > Setup. */
.pkp_site_name .is_img img,.pkp_site_name img{display:block;max-width:100%;height:auto!important;max-height:none!important;object-fit:contain}
.pkp_site_name_wrapper{min-height:0}
.pkp_navigation_primary_row{background:linear-gradient(90deg,#07467c,#087da6,#078d78)!important;box-shadow:0 5px 16px rgba(4,50,74,.17)}
.pkp_navigation_primary>li>a,.pkp_navigation_user>li>a,.pkp_site_nav_menu .search_prompt{color:#fff!important;font-weight:700}
.pkp_navigation_primary>li>a:hover,.pkp_navigation_primary>li>a:focus,.pkp_site_nav_menu .search_prompt:hover{color:#fff!important;background:rgba(255,255,255,.16)}
.pkp_navigation_primary ul{border-radius:10px;box-shadow:var(--jch-shadow)}
.pkp_navigation_primary ul a{color:var(--jch-navy)!important}
/* Halaman depan dan profil jurnal */
.pkp_structure_main h1,.pkp_structure_main h2,.pkp_structure_main h3{color:var(--jch-navy);line-height:1.35}
.pkp_page_index .homepage_about,.page_index_journal .homepage_about{background:rgba(255,255,255,.94);padding:26px 28px;margin:16px 0 26px;border:1px solid var(--jch-line);border-top:4px solid var(--jch-teal);border-radius:16px;box-shadow:var(--jch-shadow)}
.homepage_about p{font-size:15px;line-height:1.9;text-align:justify}
.pkp_structure_main h2{font-weight:750}
.pkp_page_index .homepage_about h2,.current_issue h2{border-bottom:3px solid var(--jch-gold);padding-bottom:12px;margin-top:0}
/* Edisi kini dan daftar artikel OJS */
.current_issue,.page_index_journal .current_issue{background:rgba(255,255,255,.95);padding:22px 24px 26px;border:1px solid var(--jch-line);border-radius:16px;box-shadow:var(--jch-shadow);margin-bottom:26px}
.current_issue .cover img,.obj_issue_summary .cover img,.obj_issue_toc .cover img{max-width:100%;height:auto;border-radius:9px;box-shadow:0 8px 22px rgba(7,58,112,.14)}
.obj_article_summary,.obj_issue_toc .sections .articles>li,.cmp_article_list>li{background:#fff;border:1px solid var(--jch-line);border-left:4px solid var(--jch-teal);border-radius:12px;padding:18px;margin:0 0 14px;box-shadow:0 4px 15px rgba(7,58,112,.06)}
.obj_article_summary:hover,.obj_issue_toc .sections .articles>li:hover{box-shadow:var(--jch-shadow)}
.obj_article_summary .title a,.obj_article_summary h3 a,.obj_issue_toc .title a{color:var(--jch-navy)!important;font-weight:750;text-decoration:none}
.obj_article_summary .title a:hover,.obj_issue_toc .title a:hover{color:var(--jch-teal)!important}
.obj_article_summary .authors,.obj_article_summary .pages,.obj_article_summary .meta{color:#526579}
.obj_galley_link,.obj_article_summary .galley_link,.cmp_button,.pkp_button,.block_make_submission a,.block_make_submission_link{display:inline-block;padding:8px 15px!important;border-radius:8px!important;background:linear-gradient(100deg,var(--jch-blue),var(--jch-teal))!important;border:1px solid transparent!important;color:#fff!important;text-decoration:none!important;font-weight:700;box-shadow:0 4px 12px rgba(8,105,170,.15)}
.obj_galley_link:hover,.obj_article_summary .galley_link:hover,.cmp_button:hover,.pkp_button:hover,.block_make_submission a:hover{background:var(--jch-navy)!important;color:#fff!important}
/* Sidebar kanan. Judul blok menonjol; tautan di dalam blok tetap memakai URL asli. */
.pkp_structure_sidebar .pkp_block{background:#fff;border:1px solid var(--jch-line);border-radius:13px;box-shadow:var(--jch-shadow);overflow:hidden;margin:0 0 20px;padding:0}
.pkp_structure_sidebar .pkp_block>.title,.pkp_structure_sidebar .pkp_block .title{background:linear-gradient(100deg,var(--jch-navy),var(--jch-blue) 50%,var(--jch-teal));color:#fff!important;font-size:14px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:13px 16px;margin:0;border-bottom:3px solid var(--jch-gold)}
.pkp_structure_sidebar .pkp_block .content{padding:13px 14px;background:#fff}
.pkp_structure_sidebar .pkp_block img{max-width:100%!important;height:auto!important;object-fit:contain;display:block;margin:6px auto;border-radius:6px}
.pkp_structure_sidebar .pkp_block ul{list-style:none;padding:0;margin:0}
.pkp_structure_sidebar .pkp_block ul li{margin:0 0 8px;padding:0}
.pkp_structure_sidebar .pkp_block ul li>a{display:block;padding:10px 12px;background:linear-gradient(105deg,#0a568d,#087da0 60%,#089483);border-radius:8px;color:#fff!important;text-decoration:none;font-weight:700;font-size:13px;line-height:1.5;transition:background .2s ease,transform .2s ease}
.pkp_structure_sidebar .pkp_block ul li>a:hover,.pkp_structure_sidebar .pkp_block ul li>a:focus{background:linear-gradient(100deg,#073a70,#067766);transform:translateX(2px);color:#fff!important}
/* Tautan custom-block yang tidak berada dalam ul: tetap tertata tanpa memaksa gambar menjadi tombol. */
.pkp_structure_sidebar .pkp_block .content p{margin:0 0 10px;line-height:1.7}
.pkp_structure_sidebar .pkp_block .content p>a:has(>img){display:block;background:none;padding:0;border:none}
.pkp_structure_sidebar .pkp_block .content a img{max-width:100%;height:auto}
/* Footer asli OJS dibiarkan; gambar footer hanya sebagai elemen opsional lewat konten/footer settings. */
.pkp_structure_footer_wrapper{background:linear-gradient(105deg,#083b70,#066881 60%,#087c68)!important;border-top:4px solid var(--jch-gold);color:#fff}
.pkp_structure_footer_wrapper a,.pkp_structure_footer_wrapper p,.pkp_structure_footer_wrapper .pkp_footer_content{color:#fff!important}
.pkp_structure_footer_wrapper a{text-decoration:underline;text-underline-offset:3px}
.pkp_brand_footer img{max-width:130px;height:auto}
/* Breadcrumb dan akses keyboard */
.cmp_breadcrumbs{border-radius:8px;padding:8px 11px;background:rgba(255,255,255,.86)}
a:focus-visible,button:focus-visible{outline:3px solid var(--jch-gold);outline-offset:3px}
@media(max-width:991px){.pkp_page_index .homepage_about,.page_index_journal .homepage_about,.current_issue{padding:19px}.pkp_structure_sidebar .pkp_block{margin-bottom:13px}}
@media(max-width:767px){body{background-size:185px 185px}.pkp_structure_sidebar .pkp_block .title{font-size:13px}.homepage_about p{font-size:14px;line-height:1.8}.obj_article_summary{padding:13px}.pkp_site_name .is_img img{max-height:none!important}}
@media(prefers-reduced-motion:reduce){.pkp_structure_sidebar .pkp_block ul li>a{transition:none}.pkp_structure_sidebar .pkp_block ul li>a:hover{transform:none}}

/* ============================================================
   V2: TOMBOL MENU KANAN + TEMPLATE UNDUH
   Hanya halaman publik OJS. Tidak membuat/mengubah target URL.
   ============================================================ */
/* Menetralisir warna judul blok lama yang oranye pada elemen dalam custom block */
.pkp_structure_sidebar .pkp_block .content h2,
.pkp_structure_sidebar .pkp_block .content h3,
.pkp_structure_sidebar .pkp_block .content h4,
.pkp_structure_sidebar .pkp_block .content strong:only-child {
  color:var(--jch-navy);
}
/* Jadikan tautan teks di paragraf custom block sebagai tombol. 
   :not(:has(img)) mencegah logo indeks dan gambar lain jadi tombol. */
.pkp_structure_sidebar .pkp_block .content p > a[href]:not(:has(img)),
.pkp_structure_sidebar .pkp_block .content div > a[href]:not(:has(img)),
.pkp_structure_sidebar .pkp_block .content ul li > a[href]:not(:has(img)) {
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  width:100%;
  padding:12px 13px!important;
  margin:4px 0 8px;
  background:linear-gradient(110deg,#07518d 0%,#097da3 58%,#079a84 100%)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.22)!important;
  border-left:3px solid #e4be68!important;
  border-radius:10px!important;
  box-shadow:0 5px 13px rgba(7,70,113,.14);
  font-size:13px;
  font-weight:700;
  line-height:1.5;
  text-decoration:none!important;
  text-align:left;
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}
/* Panah kecil tanpa menambah elemen link baru */
.pkp_structure_sidebar .pkp_block .content p > a[href]:not(:has(img))::after,
.pkp_structure_sidebar .pkp_block .content div > a[href]:not(:has(img))::after,
.pkp_structure_sidebar .pkp_block .content ul li > a[href]:not(:has(img))::after {
  content:'›';
  display:inline-flex;
  flex:none;
  align-items:center;
  justify-content:center;
  width:23px;height:23px;
  border-radius:50%;
  background:rgba(255,255,255,.17);
  font-size:21px;
  line-height:1;
}
.pkp_structure_sidebar .pkp_block .content p > a[href]:not(:has(img)):hover,
.pkp_structure_sidebar .pkp_block .content div > a[href]:not(:has(img)):hover,
.pkp_structure_sidebar .pkp_block .content ul li > a[href]:not(:has(img)):hover {
  transform:translateY(-2px);
  box-shadow:0 10px 21px rgba(7,70,113,.23);
  filter:brightness(1.08);
}
/* Link unduh template: tambahkan class="jch-download-template" pada anchor di Custom Block Manager. */
.pkp_structure_sidebar .pkp_block .content a.jch-download-template[href],
.pkp_structure_sidebar .pkp_block .content p > a.jch-download-template[href] {
  display:flex!important;
  align-items:center;
  justify-content:center;
  gap:10px;
  background:linear-gradient(110deg,#064a89,#066b9f 48%,#058f83)!important;
  border:2px solid #e4be68!important;
  border-radius:12px!important;
  padding:15px 12px!important;
  text-align:center;
  color:#fff!important;
  font-weight:800;
  font-size:14px;
  text-decoration:none!important;
  box-shadow:0 9px 22px rgba(5,69,109,.18);
}
.pkp_structure_sidebar .pkp_block .content a.jch-download-template[href]::before {
  content:'⬇';
  flex:none;
  width:31px;height:31px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:9px;
  background:#fff;
  color:#07518d;
  font-size:20px;
}
.pkp_structure_sidebar .pkp_block .content a.jch-download-template[href]::after {content:none!important}
/* Jika template gambar rusak/tidak disetel, sediakan kotak terstruktur pada custom block */
.pkp_structure_sidebar .pkp_block .content .jch-template-note {
  color:#526579;font-size:12px;line-height:1.55;text-align:center;margin:0 0 12px;
}
/* Teks bebas di dalam blok tidak dimodifikasi menjadi tautan */
.pkp_structure_sidebar .pkp_block .content img {max-width:100%;height:auto;object-fit:contain}
@media(max-width:767px){
 .pkp_structure_sidebar .pkp_block .content p > a[href]:not(:has(img)),
 .pkp_structure_sidebar .pkp_block .content div > a[href]:not(:has(img)),
 .pkp_structure_sidebar .pkp_block .content ul li > a[href]:not(:has(img)) {padding:11px 12px!important;font-size:13px}
}
@media(prefers-reduced-motion:reduce){
 .pkp_structure_sidebar .pkp_block .content a[href]{transition:none!important}
 .pkp_structure_sidebar .pkp_block .content a[href]:hover{transform:none!important}
}
/* =========================================
   IKON MENU SIDEBAR JURNAL CERDAS HUKUM
   ========================================= */

/* Ikon default untuk setiap menu */
.pkp_structure_sidebar .pkp_block ul li a::before {
    content: "◆";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 26px;
    height: 26px;
    margin-right: 10px;
    border-radius: 8px;
    background: rgba(255,255,255,0.18);
    color: white;
    font-size: 15px;
}

/* Ikon berbeda berdasarkan urutan menu */
.pkp_structure_sidebar .pkp_block ul li:nth-child(1) a::before {
    content: "◉";
}

.pkp_structure_sidebar .pkp_block ul li:nth-child(2) a::before {
    content: "⚖";
}

.pkp_structure_sidebar .pkp_block ul li:nth-child(3) a::before {
    content: "♟";
}

.pkp_structure_sidebar .pkp_block ul li:nth-child(4) a::before {
    content: "▤";
}

.pkp_structure_sidebar .pkp_block ul li:nth-child(5) a::before {
    content: "✦";
}

.pkp_structure_sidebar .pkp_block ul li:nth-child(6) a::before {
    content: "✓";
}

.pkp_structure_sidebar .pkp_block ul li:nth-child(7) a::before {
    content: "©";
}

.pkp_structure_sidebar .pkp_block ul li:nth-child(8) a::before {
    content: "✉";
}

/* Menjaga posisi teks dan ikon */
.pkp_structure_sidebar .pkp_block ul li a {
    display: flex !important;
    align-items: center;
    text-align: left;
    gap: 8px;
}
/* ============================================
   PERBAIKAN IKON MENU JURNAL CERDAS HUKUM
   Untuk link langsung dan link dalam daftar
   ============================================ */

/* Ikon pada tombol sidebar */
.pkp_structure_sidebar .pkp_block .content a:not(:has(img)):not(:has(svg))::before {
    content: "✦";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    min-width: 25px;
    margin-right: 9px;
    background: rgba(255,255,255,0.18);
    border-radius: 7px;
    color: white;
    font-size: 14px;
    vertical-align: middle;
}

/* Link menu yang tidak memakai UL/LI */
.pkp_structure_sidebar .pkp_block .content p > a:not(:has(img)),
.pkp_structure_sidebar .pkp_block .content div > a:not(:has(img)) {
    display: flex;
    align-items: center;
    text-align: left;
}

/* Teks tetap rapi */
.pkp_structure_sidebar .pkp_block .content a {
    text-decoration: none;
}

/* Tombol PDF dan gambar tidak terkena perubahan */
.pkp_structure_sidebar .pkp_block .content a:has(img)::before,
.pkp_structure_sidebar .pkp_block .content a:has(svg)::before {
    content: none;
}
/* ==============================================
   IKON KHUSUS MENU JURNAL CERDAS HUKUM
   Diletakkan paling bawah file CSS
   ============================================== */

/* Ikon dasar: menggantikan simbol bintang */
.pkp_structure_sidebar .pkp_block .content a[href]::before {
    content: "▸";
}

/* ABOUT THE JOURNAL */
.pkp_structure_sidebar a[href*="/EDITORIAL-TEAM"]::before {
    content: "👥" !important;
}
.pkp_structure_sidebar a[href*="/REVIEWER"]::before {
    content: "🔍" !important;
}
.pkp_structure_sidebar a[href*="/JOURNAL-HISTORY"]::before {
    content: "📖" !important;
}
.pkp_structure_sidebar a[href*="/PUBLISHER"]::before {
    content: "🏛" !important;
}

/* JOURNAL POLICIES */
.pkp_structure_sidebar a[href*="/FOCUS-AND-SCOPE"]::before {
    content: "🎯" !important;
}
.pkp_structure_sidebar a[href*="/PUBLICATION-ETHICS"]::before {
    content: "⚖" !important;
}
.pkp_structure_sidebar a[href*="/PUBLICATION-FREQUENCY"]::before {
    content: "📅" !important;
}
.pkp_structure_sidebar a[href*="/OPEN-ACCESS-STATEMENT"]::before {
    content: "🔓" !important;
}
.pkp_structure_sidebar a[href*="/PLAGIARISM-POLICY"]::before {
    content: "🛡" !important;
}
.pkp_structure_sidebar a[href*="/ARCHIVING-POLICY"]::before {
    content: "🗂" !important;
}
.pkp_structure_sidebar a[href*="/PEER-REVIEW-PROCESS"]::before {
    content: "✅" !important;
}
.pkp_structure_sidebar a[href*="/AUTHOR-FEE"]::before {
    content: "💳" !important;
}

/* OTHERS */
.pkp_structure_sidebar a[href*="/COPY-RIGHT-NOTICE"]::before {
    content: "©" !important;
}

/* Judul kategori bukan tombol menu:
   hilangkan bintang dari ABOUT, POLICIES, OTHERS */
.pkp_structure_sidebar .pkp_block .content
a.cmp_manuscript_button::before {
    content: none !important;
    display: none !important;
}

/* Ikon dan teks tetap sejajar */
.pkp_structure_sidebar .pkp_block .content a[href] {
    align-items: center;
}

/* Jangan menambahkan ikon pada tautan gambar */
.pkp_structure_sidebar .pkp_block .content
a:has(img)::before {
    content: none !important;
    display: none !important;
}

/* ======================================
   FOOTER JURNAL CERDAS HUKUM - FULL WIDTH
   ====================================== */

.pkp_structure_footer_wrapper {
  background: linear-gradient(110deg, #064b80, #078f89);
  border-top: 4px solid #e9c46a;
}

.pkp_structure_footer {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.pkp_footer_content {
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 18px 0 !important;
  box-sizing: border-box;
}

.cerdas-footer-banner {
  width: 100%;
}

.cerdas-footer-banner img {
  display: block;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  border-radius: 10px;
  object-fit: contain;
}

/* Logo OJS bawaan ditempatkan di bawah banner */
.pkp_brand_footer {
  float: none !important;
  width: 100% !important;
  text-align: right;
  padding: 10px 0 18px !important;
}

.pkp_brand_footer img {
  max-width: 130px;
  height: auto;
}
/* ======================================
   FOOTER JURNAL CERDAS HUKUM - FINAL
   ====================================== */

/* Sembunyikan logo OJS bawaan yang sudah ada pada gambar */
.pkp_structure_footer .pkp_brand_footer {
    display: none !important;
}

/* Hilangkan ruang kosong bekas logo OJS */
.pkp_structure_footer {
    display: block !important;
}

.pkp_structure_footer .pkp_footer_content {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    padding: 12px 0 !important;
}

/* Pertahankan gambar footer penuh */
.cerdas-footer-banner {
    width: 100%;
    margin: 0;
    padding: 0;
}

.cerdas-footer-banner img {
    display: block;
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    border-radius: 12px;
}