/* =========================================================
   JIKA – Custom CSS (OJS 3.4, tema Novelty) — style.css
   Basis   : jika.css (versi perbaikan)
   Header  : Pola titik bergradasi (makin rapat & pekat ke kanan)
   Palet   : 3 · Teal Agri-tech
             teal  = "ilmu komputer", lime = "agri" (menyambung logo hijau muda)
   Untuk ganti palet cukup ubah nilai variabel di :root.
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&family=Poppins:wght@300;400;500;600&display=swap');

:root {
  --jika-primary: #1f6f6b;      /* utama: menu, judul blok sidebar        */
  --jika-dark: #134a47;         /* gelap: tombol, menu aktif, footer      */
  --jika-accent: #a4c46a;       /* aksen lime: garis, tepi pil            */
  --jika-light: #e8f4f1;        /* latar muda: gradasi header, hover      */
  --jika-dot: #9fd0c6;          /* titik pola header                      */
  --jika-link: #14625e;         /* tautan di konten                       */
  --jika-link-hover: #0d3f3c;
  --jika-on-dark: #e8f4f1;      /* teks muda di atas latar gelap          */
}

body {
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: 300;
  color: #222222;
  line-height: 1.6;
}

.article-summary .authors,
.article-summary .page,
.article-summary .article_statistic,
.article-summary .page_number {
  color: rgb(78, 34, 9);
  font-size: 12px;
}

/* =========================================================
   HEADER — Pola titik bergradasi (palet teal)
   Kolom titik makin rapat ke kanan (jarak horizontal & vertikal mengecil)
   dan makin pekat ke kanan (transparan di kiri).
   34 lapis radial-gradient; posisi kolom mengikuti x = 1 - (1 - t)^2.3.
   Warna titik diatur lewat --jika-dot di :root.
   ========================================================= */

#headerNavigationContainer > .container:not(.main_menu) {
  background:
    radial-gradient(circle, color-mix(in srgb, var(--jika-dot) 8%, transparent) 1.3px, transparent 1.7px)
      0.00% 0px / 4px 26.0px repeat-y,
    radial-gradient(circle, color-mix(in srgb, var(--jika-dot) 9%, transparent) 1.3px, transparent 1.7px)
      6.83% 12.9px / 4px 25.9px repeat-y,
    radial-gradient(circle, color-mix(in srgb, var(--jika-dot) 11%, transparent) 1.3px, transparent 1.7px)
      13.39% 0px / 4px 25.6px repeat-y,
    radial-gradient(circle, color-mix(in srgb, var(--jika-dot) 13%, transparent) 1.3px, transparent 1.7px)
      19.68% 12.7px / 4px 25.3px repeat-y,
    radial-gradient(circle, color-mix(in srgb, var(--jika-dot) 15%, transparent) 1.3px, transparent 1.7px)
      25.71% 0px / 4px 25.0px repeat-y,
    radial-gradient(circle, color-mix(in srgb, var(--jika-dot) 17%, transparent) 1.3px, transparent 1.7px)
      31.47% 12.3px / 4px 24.6px repeat-y,
    radial-gradient(circle, color-mix(in srgb, var(--jika-dot) 19%, transparent) 1.3px, transparent 1.7px)
      36.97% 0px / 4px 24.3px repeat-y,
    radial-gradient(circle, color-mix(in srgb, var(--jika-dot) 21%, transparent) 1.3px, transparent 1.7px)
      42.21% 11.9px / 4px 23.8px repeat-y,
    radial-gradient(circle, color-mix(in srgb, var(--jika-dot) 23%, transparent) 1.3px, transparent 1.7px)
      47.19% 0px / 4px 23.4px repeat-y,
    radial-gradient(circle, color-mix(in srgb, var(--jika-dot) 25%, transparent) 1.3px, transparent 1.7px)
      51.93% 11.4px / 4px 22.9px repeat-y,
    radial-gradient(circle, color-mix(in srgb, var(--jika-dot) 28%, transparent) 1.3px, transparent 1.7px)
      56.41% 0px / 4px 22.4px repeat-y,
    radial-gradient(circle, color-mix(in srgb, var(--jika-dot) 30%, transparent) 1.3px, transparent 1.7px)
      60.65% 10.9px / 4px 21.9px repeat-y,
    radial-gradient(circle, color-mix(in srgb, var(--jika-dot) 32%, transparent) 1.3px, transparent 1.7px)
      64.64% 0px / 4px 21.4px repeat-y,
    radial-gradient(circle, color-mix(in srgb, var(--jika-dot) 35%, transparent) 1.3px, transparent 1.7px)
      68.39% 10.4px / 4px 20.8px repeat-y,
    radial-gradient(circle, color-mix(in srgb, var(--jika-dot) 37%, transparent) 1.3px, transparent 1.7px)
      71.91% 0px / 4px 20.3px repeat-y,
    radial-gradient(circle, color-mix(in srgb, var(--jika-dot) 40%, transparent) 1.3px, transparent 1.7px)
      75.19% 9.8px / 4px 19.7px repeat-y,
    radial-gradient(circle, color-mix(in srgb, var(--jika-dot) 42%, transparent) 1.3px, transparent 1.7px)
      78.25% 0px / 4px 19.1px repeat-y,
    radial-gradient(circle, color-mix(in srgb, var(--jika-dot) 45%, transparent) 1.3px, transparent 1.7px)
      81.08% 9.2px / 4px 18.5px repeat-y,
    radial-gradient(circle, color-mix(in srgb, var(--jika-dot) 48%, transparent) 1.3px, transparent 1.7px)
      83.69% 0px / 4px 17.9px repeat-y,
    radial-gradient(circle, color-mix(in srgb, var(--jika-dot) 50%, transparent) 1.3px, transparent 1.7px)
      86.08% 8.6px / 4px 17.2px repeat-y,
    radial-gradient(circle, color-mix(in srgb, var(--jika-dot) 53%, transparent) 1.3px, transparent 1.7px)
      88.26% 0px / 4px 16.6px repeat-y,
    radial-gradient(circle, color-mix(in srgb, var(--jika-dot) 56%, transparent) 1.3px, transparent 1.7px)
      90.24% 8.0px / 4px 15.9px repeat-y,
    radial-gradient(circle, color-mix(in srgb, var(--jika-dot) 58%, transparent) 1.3px, transparent 1.7px)
      92.01% 0px / 4px 15.2px repeat-y,
    radial-gradient(circle, color-mix(in srgb, var(--jika-dot) 61%, transparent) 1.3px, transparent 1.7px)
      93.58% 7.2px / 4px 14.5px repeat-y,
    radial-gradient(circle, color-mix(in srgb, var(--jika-dot) 64%, transparent) 1.3px, transparent 1.7px)
      94.96% 0px / 4px 13.8px repeat-y,
    radial-gradient(circle, color-mix(in srgb, var(--jika-dot) 67%, transparent) 1.3px, transparent 1.7px)
      96.16% 6.5px / 4px 13.1px repeat-y,
    radial-gradient(circle, color-mix(in srgb, var(--jika-dot) 70%, transparent) 1.3px, transparent 1.7px)
      97.17% 0px / 4px 12.4px repeat-y,
    radial-gradient(circle, color-mix(in srgb, var(--jika-dot) 72%, transparent) 1.3px, transparent 1.7px)
      98.02% 5.8px / 4px 11.7px repeat-y,
    radial-gradient(circle, color-mix(in srgb, var(--jika-dot) 75%, transparent) 1.3px, transparent 1.7px)
      98.70% 0px / 4px 10.9px repeat-y,
    radial-gradient(circle, color-mix(in srgb, var(--jika-dot) 78%, transparent) 1.3px, transparent 1.7px)
      99.22% 5.0px / 4px 10.1px repeat-y,
    radial-gradient(circle, color-mix(in srgb, var(--jika-dot) 81%, transparent) 1.3px, transparent 1.7px)
      99.60% 0px / 4px 9.4px repeat-y,
    radial-gradient(circle, color-mix(in srgb, var(--jika-dot) 84%, transparent) 1.3px, transparent 1.7px)
      99.84% 4.3px / 4px 8.6px repeat-y,
    radial-gradient(circle, color-mix(in srgb, var(--jika-dot) 87%, transparent) 1.3px, transparent 1.7px)
      99.97% 0px / 4px 7.8px repeat-y,
    radial-gradient(circle, color-mix(in srgb, var(--jika-dot) 90%, transparent) 1.3px, transparent 1.7px)
      100.00% 3.5px / 4px 7.0px repeat-y,
    linear-gradient(90deg, #ffffff 0%, #ffffff 30%, var(--jika-light) 100%) !important;
  border-bottom: 4px solid var(--jika-accent);
  padding: 18px 20px 16px;
}

/* Bingkai putih tipis di sekeliling logo agar tidak bertabrakan dengan pola titik */
#headerNavigationContainer .journal_logo img {
  box-shadow: 0 0 0 10px #ffffff;
  background: #ffffff;
}

/* ---------- Bar pengguna (Daftar / Login / akun) ---------- */
ul#navigationUser {
  float: right !important;          /* menimpa .pull-right { float:left !important } */
  text-align: right;
  margin-right: 15px;
}

ul#navigationUser > li {
  float: left;
  margin-left: 6px;
}

ul#navigationUser li a,
.page-header a.btn.btn-default.btn-xs {
  color: var(--jika-dark) !important;
  background-color: #ffffff !important;
  border: 1px solid var(--jika-accent);
  border-radius: 20px;
  padding: 7px 16px;
  font-weight: 500;
}

/* Tombol Login utama (sistem submission baru) ditonjolkan */
ul#navigationUser li a[href^="https://submission3-journal.ipb.ac.id"][href$="/login"] {
  color: #ffffff !important;
  background-color: var(--jika-dark) !important;
  border-color: var(--jika-dark);
}

ul#navigationUser li a:hover,
ul#navigationUser li a:focus {
  color: #ffffff !important;
  background-color: var(--jika-primary) !important;
  border-color: var(--jika-primary);
}

ul#navigationUser .task_count {
  background-color: var(--jika-dark);
  color: #ffffff;
}

/* ---------- ISSN ---------- */
div.issn {
  clear: both;
  text-align: right;
  margin-right: 15px;
  padding-top: 10px;
}

div.issn a,
div.issn span {
  display: inline-block;
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0.4px;
  color: var(--jika-dark) !important;
  background-color: #ffffff;
  padding: 2px 8px;
}

div.issn a span {
  padding: 0;
}

/* ---------- Menu utama ---------- */
#headerNavigationContainer .container.main_menu {
  background: var(--jika-primary) !important;
  padding-top: 0;
}

#main-navigation > li > a {
  color: #ffffff !important;
  transition: background 0.2s;
}

#main-navigation > li > a:hover,
#main-navigation > li > a:focus,
#main-navigation > li.active > a {
  background: var(--jika-dark) !important;
  color: #ffffff !important;
  box-shadow: inset 0 -3px 0 var(--jika-accent);   /* garis lime di bawah menu aktif */
}

#headerNavigationContainer .main_menu .navbar-form .btn {
  background: var(--jika-accent);
  color: #10302e;
  border-color: var(--jika-accent);
  font-weight: 600;
}

/* =========================================================
   TATA LETAK UMUM
   ========================================================= */
.container {
  width: 100%;
  max-width: 1260px;
  margin: 0 auto;
  background-color: #ffffff;
  padding-top: 15px;
}

.mr-4, .mx-4 {
  margin-right: -0.5rem !important;
}

.navbar-brand-logo img {
  max-height: 100%;
  width: auto;
}

h2, .h2 {
  font-size: 20px;
}

/* ---------- Tautan konten ---------- */
.page_index_journal a,
.pkp_block .content a,
.obj_article_summary .title a,
.media-heading a {
  color: var(--jika-link);
}

.page_index_journal a:hover,
.pkp_block .content a:hover,
.obj_article_summary .title a:hover,
.media-heading a:hover {
  color: var(--jika-link-hover);
}

/* Tombol PDF / galley */
a.galley-link.btn {
  color: var(--jika-dark);
  border-color: var(--jika-accent);
}

a.galley-link.btn:hover,
a.galley-link.btn:focus {
  color: #ffffff;
  background-color: var(--jika-dark);
  border-color: var(--jika-dark);
}

/* ---------- Navigasi ---------- */
.navbar-default .navbar-collapse {
  padding: 0;
  font-size: 1em;
}

.navbar-nav > li > a {
  padding: 15px 18px;
}

.menu_item {
  font-size: 14px;
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: var(--jika-dark);
  border-color: var(--jika-dark);
}

/* Dropdown */
.dropdown-menu {
  background-color: var(--jika-primary);
  border-bottom-color: var(--jika-primary);
}

.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #f5f5f5;
  white-space: nowrap;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background-color: var(--jika-dark) !important;
  color: #ffffff;
}

/* ---------- Sidebar block ---------- */
.pkp_block h2.title,
.pkp_block .content span.title,
.pkp_block span.title {
  display: block;
  font-size: 1em;
  margin-bottom: 0;
  color: #ffffff;
}

.pkp_block.archive_by_year > span.title {
  font-size: 1em;
}

#customblock-SidebarMenu p.menu_item {
  font-size: 14px;
}

.pkp_block h4 {
  padding-left: 14px;
}

.panel-default > .panel-heading,
.pkp_block .title {
  background-color: var(--jika-primary);
  border-color: #f5f5f5;
  border-bottom: 3px solid var(--jika-accent);
  color: #fff;
}

/* ---------- Paragraf ---------- */
p {
  margin: 0 0 10px;
}

/* ---------- Footer ---------- */
/* Latar teal muda (bukan teal gelap) agar logo IPB University & IPB Press
   yang berwarna gelap tetap terlihat jelas. */
footer.footer {
  border-top: 4px solid var(--jika-primary);
  box-shadow: inset 0 3px 0 var(--jika-accent);
}

footer.footer,
footer.footer .container {
  background: var(--jika-light);
  color: #1d2b2a;
}

footer.footer h4,
footer.footer strong {
  color: var(--jika-dark);
}

footer.footer a {
  color: var(--jika-link);
}

footer.footer a:hover {
  color: var(--jika-link-hover);
}

/* ---------- Google Scholar widget ---------- */
th.gsc_rsb_sth {
  text-align: center !important;
  font-size: 0.6em;
  padding: 1em 0;
}

/* ---------- Statistik artikel ---------- */
.pkp_page_article .article_sidebar_stat {
  margin-bottom: -4px;
  padding: 0 10px;
  font-size: 0.8em;
}

/* ---------- Catatan ---------- */
/* Aturan ini membalik semua .pull-right menjadi rata kiri. Dipertahankan sesuai
   aslinya — hapus jika tidak disengaja (override bar pengguna di atas tetap aman). */
.pull-right {
  float: left !important;
}

/* ---------- Blok sidebar "Indexed" (Custom Block terindeks) ---------- */
/* Sertifikat akreditasi: 1 baris 1 kolom; logo indeks: grid 2 kolom */
.jika-indexed {
  padding: 10px 4px 4px;
}

.jika-indexed-cert {
  display: block;
  margin-bottom: 12px;
  text-align: center;
}

.jika-indexed-cert img {
  width: 100%;
  max-width: 260px;
  height: auto;
}

.jika-indexed-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
}

.jika-indexed-grid a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 56px;
  padding: 6px 8px;
  background: #ffffff;
  border: 1px solid #e3ecea;
  border-radius: 6px;
  transition: border-color 0.2s, box-shadow 0.2s;
}

.jika-indexed-grid a:hover,
.jika-indexed-grid a:focus {
  border-color: var(--jika-accent);
  box-shadow: 0 2px 6px rgba(19, 74, 71, 0.12);
}

.jika-indexed-grid img {
  max-width: 100%;
  max-height: 40px;
  width: auto;
  height: auto;
  object-fit: contain;
}

/* Jumlah logo ganjil: logo terakhir dibuat selebar dua kolom */
.jika-indexed-grid a:last-child:nth-child(odd) {
  grid-column: 1 / -1;
}

.jika-indexed-grid a:last-child:nth-child(odd) img {
  max-width: 50%;
}

/* =========================================================
   BERANDA — Bagian tengah (pasangan beranda-jika-konten.html,
   ditempel di Settings → Journal → Masthead → Journal Summary)
   ========================================================= */
/* ==========================================================
   JIKA – Bagian tengah beranda (profil jurnal)
   Semua aturan dibatasi di dalam .jika-home agar tidak
   memengaruhi bagian lain tema Novelty.
   ========================================================== */
.jika-home{
  --jh-primary:#1f6f6b; --jh-dark:#134a47; --jh-accent:#a4c46a; --jh-dot:#9fd0c6;
  --jh-light:#e8f4f1; --jh-line:#e3ecea; --jh-muted:#6f7f7d; --jh-text:#1d2b2a;
  font-family:'Poppins',sans-serif; color:var(--jh-text); line-height:1.6; margin:0 0 28px;
}
.jika-home *{box-sizing:border-box}
.jika-home p{margin:0 0 12px}
.jika-home a{text-decoration:none}

/* ---------- Hero ---------- */
.jika-home .jh-hero{position:relative;overflow:hidden;border-radius:16px;padding:26px 28px 24px;
  background:
    radial-gradient(circle, var(--jh-dot) 1.3px, transparent 1.7px) 0 0 / 14px 14px,
    linear-gradient(90deg,#ffffff 0%,#ffffff 30%,var(--jh-light) 100%);
  border:1px solid #cfe3dc;border-left:6px solid var(--jh-primary);
  border-bottom:4px solid var(--jh-accent);margin-bottom:22px}
.jika-home .jh-hero::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,#ffffff 0%,#ffffff 40%,rgba(255,255,255,0) 75%)}
.jika-home .jh-hero > *{position:relative}
.jika-home .jh-eyebrow{font-size:12px;font-weight:600;letter-spacing:1.4px;text-transform:uppercase;
  color:var(--jh-primary);margin:0 0 6px}
.jika-home .jh-title{font-size:24px;font-weight:600;line-height:1.25;margin:0 0 6px;color:var(--jh-dark)}
.jika-home .jh-tagline{font-size:14.5px;color:#3b4746;margin:0 0 16px;max-width:620px}
.jika-home .jh-badges{display:flex;flex-wrap:wrap;gap:8px}
.jika-home .jh-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:8px;
  background:#fff;border:1px solid #cfe3dc;color:var(--jh-dark) !important;font-size:12.5px;font-weight:600}
.jika-home .jh-badge::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--jh-primary)}
.jika-home .jh-badge:hover{border-color:var(--jh-primary);background:var(--jh-light)}

/* ---------- Tentang + fakta singkat ---------- */
.jika-home .jh-split{display:grid;grid-template-columns:1.45fr 1fr;gap:18px;margin-bottom:26px}
.jika-home .jh-h{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;
  color:var(--jh-dark);margin:0 0 12px}
.jika-home .jh-h::after{content:"";flex:1;height:2px;background:linear-gradient(90deg,var(--jh-accent),transparent)}
.jika-home .jh-about{font-size:14px;color:#3b4746}
/* Tema meratakan teks secara penuh (justify); di blok ini semua teks rata kiri */
.jika-home, .jika-home p, .jika-home div, .jika-home span, .jika-home h2,
.jika-home h3, .jika-home h4, .jika-home a{text-align:left !important}
.jika-home .jh-about p:last-child{margin-bottom:0}

.jika-home .jh-facts{background:#1f6f6b !important;color:#e8f4f1;border-radius:16px;padding:20px 20px 8px}
.jika-home .jh-facts .jh-h{color:#fff}
.jika-home .jh-facts .jh-h::after{background:linear-gradient(90deg,var(--jh-accent),transparent)}
.jika-home .jh-fact{display:flex;justify-content:space-between;gap:12px;padding:8px 0;
  border-bottom:1px dashed rgba(232,244,241,.22);font-size:13px}
.jika-home .jh-fact:last-child{border-bottom:0}
.jika-home .jh-fact span{color:#cfe8e3}
.jika-home .jh-fact strong{color:#fff;font-weight:600;text-align:right !important}
.jika-home .jh-fact a{color:#d7ecae !important}

/* ---------- Ruang lingkup ---------- */
.jika-home .jh-scope{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.jika-home .jh-topic{background:#fff;border:1px solid var(--jh-line);border-radius:12px;padding:14px 14px 12px;
  transition:border-color .2s, transform .2s, box-shadow .2s}
.jika-home .jh-topic:hover{border-color:var(--jh-accent);transform:translateY(-2px);
  box-shadow:0 6px 14px rgba(19,74,71,.08)}
.jika-home .jh-ico{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;
  border-radius:10px;background:var(--jh-light);color:var(--jh-primary);margin-bottom:8px}
.jika-home .jh-ico::before{content:"";width:20px;height:20px;background:currentColor;
  -webkit-mask:var(--jh-i) center / contain no-repeat;mask:var(--jh-i) center / contain no-repeat}
/* Ikon kategori ruang lingkup (SVG di dalam CSS agar tidak dihapus editor OJS) */
.jika-home .ico-ai{--jh-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7' y='7' width='10' height='10' rx='2'/%3E%3Cpath d='M10 3v4M14 3v4M10 17v4M14 17v4M3 10h4M3 14h4M17 10h4M17 14h4'/%3E%3C/svg%3E")}
.jika-home .ico-geo{--jh-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-6-5.3-6-10a6 6 0 0 1 12 0c0 4.7-6 10-6 10z'/%3E%3Ccircle cx='12' cy='11' r='2.2'/%3E%3C/svg%3E")}
.jika-home .ico-farm{--jh-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21V11'/%3E%3Cpath d='M12 11c0-4 3-6 7-6 0 4-3 6-7 6z'/%3E%3Cpath d='M12 14c0-3-2.5-5-6-5 0 3 2.5 5 6 5z'/%3E%3Cpath d='M5 21h14'/%3E%3C/svg%3E")}
.jika-home .ico-net{--jh-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l7 3v5c0 4.5-3 8.2-7 10-4-1.8-7-5.5-7-10V6z'/%3E%3Cpath d='M9 12l2 2 4-4'/%3E%3C/svg%3E")}
.jika-home .ico-code{--jh-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 8l-4 4 4 4M16 8l4 4-4 4M13.5 5l-3 14'/%3E%3C/svg%3E")}
.jika-home .ico-db{--jh-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='12' cy='6' rx='7' ry='3'/%3E%3Cpath d='M5 6v6c0 1.7 3.1 3 7 3s7-1.3 7-3V6'/%3E%3Cpath d='M5 12v6c0 1.7 3.1 3 7 3s7-1.3 7-3v-6'/%3E%3C/svg%3E")}
.jika-home .ico-hci{--jh-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='12' rx='2'/%3E%3Cpath d='M8 20h8M12 16v4'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E")}
.jika-home .ico-chain{--jh-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='6' height='6' rx='1.5'/%3E%3Crect x='15' y='3' width='6' height='6' rx='1.5'/%3E%3Crect x='9' y='15' width='6' height='6' rx='1.5'/%3E%3Cpath d='M6 9v3h12V9M12 12v3'/%3E%3C/svg%3E")}
.jika-home .jh-topic h4{font-size:13.5px;font-weight:600;line-height:1.35;color:var(--jh-dark);margin:0 0 4px;padding:0}
.jika-home .jh-topic p{font-size:12px;line-height:1.45;color:var(--jh-muted);margin:0}
.jika-home .jh-more{display:inline-block;margin-top:12px;font-size:13px;font-weight:600;color:var(--jh-primary) !important}
.jika-home .jh-more:hover{color:var(--jh-dark) !important}

/* ---------- Responsif ---------- */
@media (max-width:991px){
  .jika-home .jh-split{grid-template-columns:1fr}
  .jika-home .jh-scope{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:575px){
  .jika-home .jh-hero{padding:20px 18px}
  .jika-home .jh-title{font-size:20px}
  .jika-home .jh-scope{grid-template-columns:1fr}
}


/* =========================================================
   FOOTER — tata letak blok footer (pasangan footer-jika.html,
   ditempel di Settings → Website → Appearance → Setup → Page Footer)
   ========================================================= */
.jika-footer{padding:8px 0 4px}
.jika-footer .jf-col{margin-bottom:18px}
.jika-footer .jf-logos{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:12px}
.jika-footer .jf-logos img{height:52px;width:auto;max-width:100%;background:#fff;border-radius:6px;padding:4px}
.jika-footer .jf-logos .jf-logo-press{height:48px}
.jika-footer .jf-note{font-size:12.5px;line-height:1.5;color:#3b4746;margin:0}
.jika-footer .jf-title{font-size:15px;font-weight:600;color:var(--jika-dark);margin:0 0 12px;
  padding-bottom:6px;border-bottom:2px solid var(--jika-accent);display:inline-block}
.jika-footer .jf-item{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px;font-size:13.5px;line-height:1.5}
.jika-footer .jf-ico{flex:0 0 30px;width:30px;height:30px;border-radius:50%;
  background:var(--jika-primary);color:#fff;font-size:14px;font-style:normal;
  display:inline-flex;align-items:center;justify-content:center;margin-top:2px}
.jika-footer .jf-label{font-size:11.5px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;color:#6f7f7d}
.jika-footer a{color:var(--jika-link);font-weight:500}
.jika-footer a:hover{color:var(--jika-link-hover)}
@media (max-width:767px){
  .jika-footer .jf-logos img{height:44px}
}