/* ====== PINDAHKAN ADDITIONAL CONTENT KE BAWAH HERO (AMAN, TANPA EDIT THEME) ====== */

/* jadikan container homepage bisa diurutkan */
.pkp_page_index .page_index_journal{
  display:flex !important;
  flex-direction:column !important;
}

/* Additional Content naik ke posisi setelah hero */
.pkp_page_index .page_index_journal .additional_content,
.pkp_page_index .page_index_journal #homepageAdditionalContent,
.pkp_page_index .page_index_journal .homepage_additional_content{
  order: 1 !important;
  margin-top: 18px !important;
}

/* Current Issue turun setelah Additional Content */
.pkp_page_index .page_index_journal .current_issue,
.pkp_page_index .page_index_journal .obj_issue_toc{
  order: 2 !important;
}
/* bikin Additional Content terlihat rapi seperti card */
.pkp_page_index .page_index_journal .additional_content,
.pkp_page_index .page_index_journal #homepageAdditionalContent,
.pkp_page_index .page_index_journal .homepage_additional_content{
  max-width:1200px;
  margin-left:auto !important;
  margin-right:auto !important;
  padding:18px;
  border-radius:18px;
  border:1px solid rgba(0,0,0,.10);
}

/* dark mode */
body.dark .pkp_page_index .page_index_journal .additional_content,
body.dark-mode .pkp_page_index .page_index_journal .additional_content,
html.dark .pkp_page_index .page_index_journal .additional_content{
  border-color: rgba(255,255,255,.18) !important;
}
/* ===== ABOUT JOURNAL CARD (RESPONSIVE + DARK MODE) ===== */

.hero-below-card{
  max-width:1200px;
  margin:26px auto;
  padding:18px;
  border-radius:18px;
  border:1px solid rgba(0,0,0,.10);
}

.hero-below-grid{
  display:flex;
  align-items:flex-start;
  gap:28px;
}

/* COVER (kiri) */
.hero-below-cover{
  flex:0 0 260px;           /* ukuran cover seimbang */
}

.hero-below-cover img{
  width:100%;
  height:auto;
  display:block;
  border-radius:16px;
  box-shadow:0 12px 24px rgba(0,0,0,.10);
}

/* TABLE (kanan) */
.hero-below-meta{
  flex:1 1 auto;
  min-width:0;
}

.hero-below-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  font-size:14px;
  line-height:1.45;
}

.hero-below-table th,
.hero-below-table td{
  padding:8px 10px;
  vertical-align:top;
}

.hero-below-table th{
  width:220px;
  font-weight:700;
  text-align:left;
}

.hero-below-table tr:nth-child(even) th,
.hero-below-table tr:nth-child(even) td{
  background: rgba(0,0,0,.04);
}

/* Responsive */
@media (max-width:900px){
  .hero-below-grid{
    flex-direction:column;
    gap:18px;
  }

  .hero-below-cover{
    flex:none;
    max-width:260px;
    margin:0 auto;
  }

  .hero-below-table th{
    width:160px;
  }
}

/* ===== DARK MODE ===== */
body.dark .hero-below-card,
body.dark-mode .hero-below-card,
body.theme-dark .hero-below-card,
html.dark .hero-below-card,
html.dark-mode .hero-below-card{
  border-color: rgba(255,255,255,.18) !important;
}

body.dark .hero-below-card *,
body.dark-mode .hero-below-card *,
body.theme-dark .hero-below-card *,
html.dark .hero-below-card *,
html.dark-mode .hero-below-card *{
  color:#fff !important;
}

body.dark .hero-below-table tr:nth-child(even) th,
body.dark .hero-below-table tr:nth-child(even) td,
body.dark-mode .hero-below-table tr:nth-child(even) th,
body.dark-mode .hero-below-table tr:nth-child(even) td,
body.theme-dark .hero-below-table tr:nth-child(even) th,
body.theme-dark .hero-below-table tr:nth-child(even) td,
html.dark .hero-below-table tr:nth-child(even) th,
html.dark .hero-below-table tr:nth-child(even) td,
html.dark-mode .hero-below-table tr:nth-child(even) th,
html.dark-mode .hero-below-table tr:nth-child(even) td{
  background: rgba(255,255,255,.06) !important;
}
/* ===== INTERNATIONAL PREMIUM LOOK (About Journal Card) ===== */

/* Card lebih premium */
.hero-below-card{
  max-width:1200px;
  margin:26px auto;
  padding:22px 22px 14px 22px;
  border-radius:20px;
  border:1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.70);
  backdrop-filter: blur(6px);
}

/* Grid sejajar rapih */
.hero-below-grid{
  display:flex;
  align-items:flex-start;
  gap:28px;
}

/* Cover: lebih elegan, sedikit floating */
.hero-below-cover{
  flex:0 0 260px;
}
.hero-below-cover img{
  width:100%;
  height:auto;
  display:block;
  border-radius:18px;
  transform: translateY(-6px);
  box-shadow: 0 16px 34px rgba(0,0,0,.14);
}

/* Area tabel */
.hero-below-meta{
  flex:1 1 auto;
  min-width:0;
}

/* Table lebih “publisher-grade” */
.hero-below-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  font-size:14px;
  line-height:1.5;

  /* aksen kiri modern */
  border-left:3px solid rgba(30,79,111,.55);
  padding-left:14px;
}

.hero-below-table th,
.hero-below-table td{
  padding:9px 10px;
  vertical-align:top;
}

.hero-below-table th{
  width:210px;
  font-weight:700;
  text-align:left;
  letter-spacing:.2px;
}

.hero-below-table td{
  opacity:.95;
}

/* zebra lebih subtle */
.hero-below-table tr:nth-child(even) th,
.hero-below-table tr:nth-child(even) td{
  background: rgba(0,0,0,.025);
  border-radius:8px;
}

/* Paragraf deskripsi lebih nyaman dibaca */
.hero-below-card p{
  margin:14px 0 0 0;
  font-size:15px;
  line-height:1.75;
}

/* ===== Responsive ===== */
@media (max-width:900px){
  .hero-below-card{
    padding:18px;
  }

  .hero-below-grid{
    flex-direction:column;
    gap:18px;
  }

  .hero-below-cover{
    flex:none;
    max-width:260px;
    margin:0 auto;
  }

  .hero-below-cover img{
    transform:none;
  }

  .hero-below-table{
    border-left:0;
    padding-left:0;
  }

  .hero-below-table th{
    width:155px;
  }
}

/* ===== DARK MODE (premium) ===== */
body.dark .hero-below-card,
body.dark-mode .hero-below-card,
body.theme-dark .hero-below-card,
html.dark .hero-below-card,
html.dark-mode .hero-below-card{
  background: rgba(20,25,33,.55) !important;
  border-color: rgba(255,255,255,.14) !important;
}

body.dark .hero-below-card *,
body.dark-mode .hero-below-card *,
body.theme-dark .hero-below-card *,
html.dark .hero-below-card *,
html.dark-mode .hero-below-card *{
  color:#fff !important;
}

body.dark .hero-below-table,
body.dark-mode .hero-below-table,
body.theme-dark .hero-below-table,
html.dark .hero-below-table,
html.dark-mode .hero-below-table{
  border-left-color: rgba(120,190,255,.35) !important;
}

body.dark .hero-below-table tr:nth-child(even) th,
body.dark .hero-below-table tr:nth-child(even) td,
body.dark-mode .hero-below-table tr:nth-child(even) th,
body.dark-mode .hero-below-table tr:nth-child(even) td,
body.theme-dark .hero-below-table tr:nth-child(even) th,
body.theme-dark .hero-below-table tr:nth-child(even) td,
html.dark .hero-below-table tr:nth-child(even) th,
html.dark .hero-below-table tr:nth-child(even) td,
html.dark-mode .hero-below-table tr:nth-child(even) th,
html.dark-mode .hero-below-table tr:nth-child(even) td{
  background: rgba(255,255,255,.06) !important;
}
/* Heading lebih tegas */
.pkp_page_index h2,
.pkp_page_index .aboutTheJournalTitle{
  letter-spacing:.2px;
}
/* =========================
   HERO: Academic Prestige
   ========================= */

/* 1) Biar gambar hero full & rapi */
.pkp_page_index .homepage-image,
.pkp_page_index .homepage_image,
.pkp_page_index .hero{
  position: relative !important;
  overflow: hidden !important;
  border-radius: 18px;
}

/* Pastikan gambar cover memenuhi area */
.pkp_page_index .homepage-image img,
.pkp_page_index .homepage_image img{
  width: 100% !important;
  height: 560px !important;
  object-fit: cover !important;
  object-position: center !important;
  display:block !important;
}

/* 2) Overlay gradient elegan (hilangkan sisi kanan yang terlalu gelap) */
.pkp_page_index .homepage-image::after,
.pkp_page_index .homepage_image::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(1000px 500px at 15% 55%, rgba(255,255,255,.06), rgba(255,255,255,0) 60%),
    linear-gradient(90deg,
      rgba(14,22,33,.82) 0%,
      rgba(14,22,33,.62) 38%,
      rgba(14,22,33,.32) 68%,
      rgba(14,22,33,.18) 100%
    );
  pointer-events:none;
}

/* 3) Judul lebih prestige */
.pkp_page_index h1{
  font-weight: 800 !important;
  letter-spacing: .2px !important;
  text-shadow: 0 10px 22px rgba(0,0,0,.35) !important;
}

/* 4) Tombol lebih premium */
.pkp_page_index .homepage-image a,
.pkp_page_index .homepage_image a,
.pkp_page_index .hero a{
  border-radius: 999px !important;
  padding: 10px 22px !important;
  font-weight: 650 !important;
  transition: transform .22s ease, box-shadow .22s ease;
}
.pkp_page_index .homepage-image a:hover,
.pkp_page_index .homepage_image a:hover,
.pkp_page_index .hero a:hover{
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(0,0,0,.18);
}

/* 5) Badge (tanpa edit HTML) – tampil di kiri bawah hero */
.pkp_page_index .homepage-image::before,
.pkp_page_index .homepage_image::before{
  content:"OPEN ACCESS  •  DOUBLE-BLIND PEER REVIEW  •  2 ISSUES/YEAR";
  position:absolute;
  left: 22px;
  bottom: 18px;
  z-index: 5;
  font-size: 12px;
  letter-spacing: .6px;
  font-weight: 700;
  padding: 8px 12px;
  border-radius: 999px;
  color: rgba(255,255,255,.95);
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.18);
  backdrop-filter: blur(8px);
}

/* 6) Responsive */
@media (max-width: 992px){
  .pkp_page_index .homepage-image img,
  .pkp_page_index .homepage_image img{
    height: 440px !important;
  }
  .pkp_page_index .homepage-image::before,
  .pkp_page_index .homepage_image::before{
    left: 14px;
    right: 14px;
    bottom: 14px;
    text-align:center;
    font-size: 11px;
  }
}

@media (max-width: 600px){
  .pkp_page_index .homepage-image img,
  .pkp_page_index .homepage_image img{
    height: 360px !important;
  }
  .pkp_page_index h1{
    font-size: 34px !important;
  }
}

/* 7) Dark mode: tetap elegan */
body.dark .pkp_page_index .homepage-image::after,
body.dark-mode .pkp_page_index .homepage-image::after,
body.theme-dark .pkp_page_index .homepage-image::after,
html.dark .pkp_page_index .homepage-image::after{
  background:
    radial-gradient(900px 450px at 15% 55%, rgba(255,255,255,.05), rgba(255,255,255,0) 60%),
    linear-gradient(90deg,
      rgba(8,12,20,.88) 0%,
      rgba(8,12,20,.68) 40%,
      rgba(8,12,20,.30) 100%
    ) !important;
}
/* =========================
   HERO FIX: Premium + Stabil (100% & 75%)
   ========================= */

/* 1) Hero full width tapi konten (judul+tombol) pakai container */
.pkp_page_index .homepage-image,
.pkp_page_index .homepage_image{
  position:relative !important;
  overflow:hidden !important;
  border-radius:18px;
}

/* gambar */
.pkp_page_index .homepage-image img,
.pkp_page_index .homepage_image img{
  width:100% !important;
  height:520px !important;
  object-fit:cover !important;
  object-position: 70% 40% !important; /* geser fokus agak ke kanan biar stethoscope masuk */
  display:block !important;
}

/* 2) Overlay lebih soft (hilangkan merah berat) */
.pkp_page_index .homepage-image::after,
.pkp_page_index .homepage_image::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(900px 520px at 18% 55%, rgba(255,255,255,.10), rgba(255,255,255,0) 60%),
    linear-gradient(90deg,
      rgba(12,18,28,.78) 0%,
      rgba(12,18,28,.58) 35%,
      rgba(12,18,28,.30) 65%,
      rgba(12,18,28,.12) 100%
    );
  pointer-events:none;
}

/* 3) Paksa area teks hero jadi "container" (stabil walau zoom) */
.pkp_page_index .homepage-image .homepage-image__content,
.pkp_page_index .homepage_image .homepage-image__content,
.pkp_page_index .homepage-image .pkp_structure_main,
.pkp_page_index .homepage_image .pkp_structure_main{
  position:relative;
  z-index:5;
}

/* Banyak theme taruh h1 langsung; kita set margin & max-width agar tidak kebablasan kiri */
.pkp_page_index h1{
  max-width: 720px !important;
  font-size: clamp(34px, 4.2vw, 56px) !important; /* stabil di 100% & 75% */
  line-height: 1.06 !important;
  font-weight: 850 !important;
  letter-spacing: .2px !important;
  margin-left: clamp(18px, 4vw, 64px) !important;  /* konten tidak terlalu kiri */
  margin-top: 0 !important;
  text-shadow: 0 10px 24px rgba(0,0,0,.35) !important;
}

/* 4) Tombol ikut sejajar dengan judul (nggak nyasar) */
.pkp_page_index .homepage-image a,
.pkp_page_index .homepage_image a{
  border-radius:999px !important;
  padding:10px 22px !important;
  font-weight:650 !important;
  margin-left: clamp(18px, 4vw, 64px) !important;
  transition: transform .22s ease, box-shadow .22s ease;
}
.pkp_page_index .homepage-image a:hover,
.pkp_page_index .homepage_image a:hover{
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(0,0,0,.18);
}

/* 5) Badge lebih elegan dan tidak mengganggu (kanan bawah) */
.pkp_page_index .homepage-image::before,
.pkp_page_index .homepage_image::before{
  content:"OPEN ACCESS • DOUBLE-BLIND PEER REVIEW • 2 ISSUES/YEAR";
  position:absolute;
  right:22px;
  bottom:18px;
  z-index:6;
  font-size:11px;
  letter-spacing:.6px;
  font-weight:700;
  padding:8px 12px;
  border-radius:999px;
  color: rgba(255,255,255,.92);
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.18);
  backdrop-filter: blur(8px);
}

/* 6) Responsive */
@media (max-width: 900px){
  .pkp_page_index .homepage-image img,
  .pkp_page_index .homepage_image img{
    height:420px !important;
    object-position: 65% 35% !important;
  }
  .pkp_page_index h1{
    max-width: 92% !important;
    margin-left: 18px !important;
    font-size: 36px !important;
  }
  .pkp_page_index .homepage-image a,
  .pkp_page_index .homepage_image a{
    margin-left: 18px !important;
  }
  .pkp_page_index .homepage-image::before,
  .pkp_page_index .homepage_image::before{
    left:14px;
    right:14px;
    text-align:center;
    font-size:10.5px;
  }
}

@media (max-width: 600px){
  .pkp_page_index .homepage-image img,
  .pkp_page_index .homepage_image img{
    height:340px !important;
  }
}

/* 7) Dark mode tetap premium */
body.dark .pkp_page_index .homepage-image::after,
body.dark-mode .pkp_page_index .homepage-image::after,
body.theme-dark .pkp_page_index .homepage-image::after{
  background:
    radial-gradient(900px 520px at 18% 55%, rgba(255,255,255,.06), rgba(255,255,255,0) 60%),
    linear-gradient(90deg,
      rgba(6,10,18,.86) 0%,
      rgba(6,10,18,.62) 42%,
      rgba(6,10,18,.28) 100%
    ) !important;
}
/* ===============================
   GENIUS SIDEBAR PREMIUM (Custom Blocks)
   Target: .editorial-list .governing-list .submission-list + tools/visitor/indexing images
   =============================== */

/* Wrapper sidebar: bikin jarak lebih rapi */
.pkp_structure_sidebar,
.pkp_structure_sidebarRight{
  padding-top: 10px;
}

/* ---------- 1) LIST MENU (editorial/governing/submission) ---------- */

/* Base list */
ul.editorial-list,
ul.governing-list,
ul.submission-list{
  list-style: none !important;
  margin: 10px 0 18px 0 !important;
  padding: 10px 0 10px 14px !important;

  /* garis kiri seperti yang Anda mau */
  border-left: 2px solid rgba(15, 23, 42, .14) !important;
}

/* Item divider */
ul.editorial-list li,
ul.governing-list li,
ul.submission-list li{
  margin: 0 !important;
  padding: 0 !important;
  border-bottom: 1px solid rgba(15, 23, 42, .08) !important;
}
ul.editorial-list li:last-child,
ul.governing-list li:last-child,
ul.submission-list li:last-child{
  border-bottom: 0 !important;
}

/* Link style */
ul.editorial-list a,
ul.governing-list a,
ul.submission-list a{
  display: block !important;
  padding: 10px 12px !important;
  margin: 2px 0 !important;

  border-radius: 12px !important;
  text-decoration: none !important;

  color: rgba(30, 41, 59, .92) !important; /* slate */
  transition: background .18s ease, transform .18s ease, box-shadow .18s ease, color .18s ease !important;
}

/* Hover indicator */
ul.editorial-list a:hover,
ul.governing-list a:hover,
ul.submission-list a:hover{
  background: rgba(30, 79, 111, .10) !important;
  transform: translateX(2px) !important;

  /* penanda kiri */
  box-shadow: inset 3px 0 0 rgba(30, 79, 111, .95) !important;
  color: rgba(15, 23, 42, .98) !important;
}

/* Active/current page (paling terasa) */
ul.editorial-list a[aria-current="page"],
ul.governing-list a[aria-current="page"],
ul.submission-list a[aria-current="page"],
ul.editorial-list li.current a,
ul.governing-list li.current a,
ul.submission-list li.current a{
  background: rgba(30, 79, 111, .14) !important;
  box-shadow: inset 3px 0 0 rgba(30, 79, 111, 1) !important;
  font-weight: 700 !important;
}

/* ---------- 2) TOOLS / VISITOR / INDEXING: rapikan jadi card ---------- */

/* Tools: gambar jadi “button card” */
.pkp_structure_sidebar p[style*="text-align: center"] a img,
.pkp_structure_sidebarRight p[style*="text-align: center"] a img{
  width: 100% !important;
  max-width: 260px !important;
  height: auto !important;
  display: block !important;
  margin: 10px auto !important;

  border-radius: 14px !important;
  border: 1px solid rgba(15,23,42,.10) !important;
  box-shadow: 0 10px 20px rgba(0,0,0,.06) !important;

  background: #fff !important;
  padding: 8px !important;
}

/* Hover tools */
.pkp_structure_sidebar p[style*="text-align: center"] a:hover img,
.pkp_structure_sidebarRight p[style*="text-align: center"] a:hover img{
  transform: translateY(-1px) !important;
  box-shadow: 0 14px 26px rgba(0,0,0,.10) !important;
}

/* Flagcounter/statcounter/indexing image */
.pkp_structure_sidebar img[src*="flagcounter"],
.pkp_structure_sidebar img[src*="statcounter"],
.pkp_structure_sidebar img[src*="googlescholar"],
.pkp_structure_sidebarRight img[src*="flagcounter"],
.pkp_structure_sidebarRight img[src*="statcounter"],
.pkp_structure_sidebarRight img[src*="googlescholar"]{
  width: 100% !important;
  max-width: 260px !important;
  height: auto !important;
  display: block !important;
  margin: 10px auto !important;

  border-radius: 14px !important;
  border: 1px solid rgba(15,23,42,.10) !important;
  box-shadow: 0 10px 20px rgba(0,0,0,.06) !important;

  background: #fff !important;
  padding: 8px !important;
}

/* Link visitor */
.pkp_structure_sidebar a[href*="statcounter.com/p"],
.pkp_structure_sidebarRight a[href*="statcounter.com/p"]{
  display: inline-block !important;
  margin-top: 8px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}
.pkp_structure_sidebar a[href*="statcounter.com/p"]:hover,
.pkp_structure_sidebarRight a[href*="statcounter.com/p"]:hover{
  text-decoration: underline !important;
}

/* ---------- 3) DARK MODE ---------- */
body.dark ul.editorial-list,
body.dark ul.governing-list,
body.dark ul.submission-list,
body.dark-mode ul.editorial-list,
body.dark-mode ul.governing-list,
body.dark-mode ul.submission-list,
body.theme-dark ul.editorial-list,
body.theme-dark ul.governing-list,
body.theme-dark ul.submission-list{
  border-left-color: rgba(255,255,255,.18) !important;
}

body.dark ul.editorial-list li,
body.dark ul.governing-list li,
body.dark ul.submission-list li,
body.dark-mode ul.editorial-list li,
body.dark-mode ul.governing-list li,
body.dark-mode ul.submission-list li,
body.theme-dark ul.editorial-list li,
body.theme-dark ul.governing-list li,
body.theme-dark ul.submission-list li{
  border-bottom-color: rgba(255,255,255,.12) !important;
}

body.dark ul.editorial-list a,
body.dark ul.governing-list a,
body.dark ul.submission-list a,
body.dark-mode ul.editorial-list a,
body.dark-mode ul.governing-list a,
body.dark-mode ul.submission-list a,
body.theme-dark ul.editorial-list a,
body.theme-dark ul.governing-list a,
body.theme-dark ul.submission-list a{
  color: rgba(255,255,255,.88) !important;
}

body.dark ul.editorial-list a:hover,
body.dark ul.governing-list a:hover,
body.dark ul.submission-list a:hover,
body.dark-mode ul.editorial-list a:hover,
body.dark-mode ul.governing-list a:hover,
body.dark-mode ul.submission-list a:hover,
body.theme-dark ul.editorial-list a:hover,
body.theme-dark ul.governing-list a:hover,
body.theme-dark ul.submission-list a:hover{
  background: rgba(120,190,255,.14) !important;
  box-shadow: inset 3px 0 0 rgba(120,190,255,.90) !important;
  color: rgba(255,255,255,.95) !important;
}

/* Tools/Images dark mode: tetap kelihatan (background putih tipis) */
body.dark .pkp_structure_sidebar img,
body.dark-mode .pkp_structure_sidebar img,
body.theme-dark .pkp_structure_sidebar img,
body.dark .pkp_structure_sidebarRight img,
body.dark-mode .pkp_structure_sidebarRight img,
body.theme-dark .pkp_structure_sidebarRight img{
  background: rgba(255,255,255,.95) !important;
}
/* =========================================================
   GENIUS — CURRENT ISSUE (Premium Card Layout / Option B)
   Paste to: Website > Appearance > Theme > Advanced > Additional CSS
   Works with Material Theme + Dark mode
   ========================================================= */

/* ---- 0) Variables ---- */
:root{
  --gjn-card-bg: #ffffff;
  --gjn-card-border: rgba(15, 23, 42, .10);
  --gjn-muted: rgba(30, 41, 59, .70);
  --gjn-text: rgba(15, 23, 42, .92);
  --gjn-accent: rgba(30, 79, 111, 1);   /* cocok dengan tone premium Anda */
  --gjn-accent-soft: rgba(30, 79, 111, .10);
  --gjn-shadow: 0 16px 34px rgba(2, 6, 23, .08);
  --gjn-shadow-soft: 0 10px 22px rgba(2, 6, 23, .06);
  --gjn-radius: 18px;
}

/* =========================================================
   1) Wrap area Current Issue jadi card besar
   ========================================================= */

/* Umumnya current issue ada di konten utama homepage */
.pkp_page_index .current_issue{
  background: var(--gjn-card-bg) !important;
  border: 1px solid var(--gjn-card-border) !important;
  border-radius: var(--gjn-radius) !important;
  box-shadow: var(--gjn-shadow) !important;
  padding: 26px 26px 10px 26px !important;
  margin: 18px 0 26px 0 !important;
}

/* Judul "Current Issue" */
.pkp_page_index .current_issue > h2,
.pkp_page_index .current_issue .heading,
.pkp_page_index .current_issue .title{
  font-weight: 800 !important;
  letter-spacing: .2px !important;
  color: var(--gjn-text) !important;
  margin: 0 0 10px 0 !important;
}

/* Vol/Issue text + Published */
.pkp_page_index .current_issue .current_issue_title,
.pkp_page_index .current_issue .issue,
.pkp_page_index .current_issue .published{
  color: var(--gjn-muted) !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
}

.pkp_page_index .current_issue .published{
  margin-top: 6px !important;
}

/* Headline "Articles" */
.pkp_page_index .current_issue .section,
.pkp_page_index .current_issue h3{
  margin-top: 18px !important;
  font-weight: 800 !important;
  color: var(--gjn-text) !important;
}

/* =========================================================
   2) Artikel list -> jadi mini-card per item
   ========================================================= */

/* Kontainer list artikel (umumnya ul atau div list) */
.pkp_page_index .current_issue .cmp_article_list,
.pkp_page_index .current_issue .articles,
.pkp_page_index .current_issue ul{
  margin-top: 10px !important;
}

/* Item artikel (li / .obj_article_summary) */
.pkp_page_index .current_issue li,
.pkp_page_index .current_issue .obj_article_summary{
  position: relative !important;
  background: rgba(15,23,42,.02) !important;
  border: 1px solid rgba(15,23,42,.06) !important;
  border-radius: 16px !important;
  padding: 16px 16px !important;
  margin: 12px 0 !important;
  box-shadow: none !important;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease !important;
}

/* Hover premium (halus) */
.pkp_page_index .current_issue li:hover,
.pkp_page_index .current_issue .obj_article_summary:hover{
  background: rgba(30,79,111,.05) !important;
  box-shadow: var(--gjn-shadow-soft) !important;
  transform: translateY(-1px) !important;
}

/* Garis accent kiri tipis (premium) */
.pkp_page_index .current_issue li::before,
.pkp_page_index .current_issue .obj_article_summary::before{
  content:"" !important;
  position:absolute !important;
  left: 0 !important;
  top: 12px !important;
  bottom: 12px !important;
  width: 3px !important;
  border-radius: 999px !important;
  background: rgba(30,79,111,.30) !important;
  opacity: .8 !important;
}
.pkp_page_index .current_issue li:hover::before,
.pkp_page_index .current_issue .obj_article_summary:hover::before{
  background: rgba(30,79,111,1) !important;
  opacity: 1 !important;
}

/* Judul artikel (link) */
.pkp_page_index .current_issue a{
  text-decoration: none !important;
}
.pkp_page_index .current_issue .title a,
.pkp_page_index .current_issue li > a,
.pkp_page_index .current_issue .obj_article_summary .title a{
  color: rgba(30, 64, 175, .92) !important; /* biru elegan */
  font-weight: 750 !important;
  line-height: 1.35 !important;
}
.pkp_page_index .current_issue .title a:hover,
.pkp_page_index .current_issue .obj_article_summary .title a:hover{
  text-decoration: underline !important;
}

/* Author line */
.pkp_page_index .current_issue .authors,
.pkp_page_index .current_issue .meta{
  margin-top: 6px !important;
  color: var(--gjn-muted) !important;
  font-size: 12.5px !important;
}

/* =========================================================
   3) PDF button + page badge (yang hijau)
   ========================================================= */

/* PDF button (umumnya a / .pdf) */
.pkp_page_index .current_issue a[href*="/article/view/"][href*="/pdf"],
.pkp_page_index .current_issue a[href$="/pdf"],
.pkp_page_index .current_issue .galleys a,
.pkp_page_index .current_issue a.pdf{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;

  padding: 9px 12px !important;
  border-radius: 999px !important;

  background: rgba(15, 23, 42, .92) !important;  /* navy premium */
  color: #fff !important;
  border: 1px solid rgba(15, 23, 42, .14) !important;

  font-size: 12px !important;
  font-weight: 700 !important;

  box-shadow: none !important;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease !important;
}

.pkp_page_index .current_issue a[href$="/pdf"]:hover,
.pkp_page_index .current_issue .galleys a:hover,
.pkp_page_index .current_issue a.pdf:hover{
  background: rgba(30, 79, 111, 1) !important;
  box-shadow: 0 10px 18px rgba(2,6,23,.16) !important;
  transform: translateY(-1px) !important;
}

/* Badge halaman (yang kecil hijau) */
.pkp_page_index .current_issue .pages,
.pkp_page_index .current_issue .page_range,
.pkp_page_index .current_issue .badge{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 4px 8px !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  background: rgba(34, 197, 94, .16) !important;
  color: rgba(21, 128, 61, 1) !important;
  border: 1px solid rgba(34, 197, 94, .22) !important;
}

/* =========================================================
   4) View All Issues -> tombol premium
   ========================================================= */
.pkp_page_index .current_issue a[href*="/issue/archive"],
.pkp_page_index .current_issue a[href*="issue/archive"],
.pkp_page_index .current_issue a[href*="issue/view"]{
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;

  margin: 14px 0 8px 0 !important;
  padding: 10px 14px !important;

  border-radius: 12px !important;
  border: 1px solid rgba(30,79,111,.25) !important;
  background: rgba(30,79,111,.06) !important;
  color: rgba(30,79,111,1) !important;
  font-weight: 750 !important;
}
.pkp_page_index .current_issue a[href*="/issue/archive"]:hover,
.pkp_page_index .current_issue a[href*="issue/archive"]:hover,
.pkp_page_index .current_issue a[href*="issue/view"]:hover{
  background: rgba(30,79,111,.12) !important;
  border-color: rgba(30,79,111,.35) !important;
}

/* =========================================================
   5) Responsif
   ========================================================= */
@media (max-width: 768px){
  .pkp_page_index .current_issue{
    padding: 18px 16px 8px 16px !important;
    border-radius: 16px !important;
  }

  .pkp_page_index .current_issue li,
  .pkp_page_index .current_issue .obj_article_summary{
    padding: 14px 14px !important;
  }
}

/* =========================================================
   6) Dark mode (ikut sidebar Anda)
   ========================================================= */
body.dark .pkp_page_index .current_issue,
body.dark-mode .pkp_page_index .current_issue,
body.theme-dark .pkp_page_index .current_issue{
  background: rgba(2, 6, 23, .55) !important;
  border-color: rgba(255,255,255,.12) !important;
  box-shadow: 0 18px 38px rgba(0,0,0,.35) !important;
}

body.dark .pkp_page_index .current_issue * ,
body.dark-mode .pkp_page_index .current_issue * ,
body.theme-dark .pkp_page_index .current_issue *{
  color: rgba(255,255,255,.90) !important;
}

body.dark .pkp_page_index .current_issue li,
body.dark-mode .pkp_page_index .current_issue li,
body.theme-dark .pkp_page_index .current_issue li,
body.dark .pkp_page_index .current_issue .obj_article_summary,
body.dark-mode .pkp_page_index .current_issue .obj_article_summary,
body.theme-dark .pkp_page_index .current_issue .obj_article_summary{
  background: rgba(255,255,255,.05) !important;
  border-color: rgba(255,255,255,.10) !important;
}

body.dark .pkp_page_index .current_issue li:hover,
body.dark-mode .pkp_page_index .current_issue li:hover,
body.theme-dark .pkp_page_index .current_issue li:hover{
  background: rgba(120,190,255,.10) !important;
}

body.dark .pkp_page_index .current_issue .title a,
body.dark-mode .pkp_page_index .current_issue .title a,
body.theme-dark .pkp_page_index .current_issue .title a{
  color: rgba(160, 200, 255, .95) !important;
}

body.dark .pkp_page_index .current_issue .authors,
body.dark-mode .pkp_page_index .current_issue .authors,
body.theme-dark .pkp_page_index .current_issue .authors{
  color: rgba(255,255,255,.72) !important;
}

/* PDF button tetap kontras */
body.dark .pkp_page_index .current_issue a[href$="/pdf"],
body.dark-mode .pkp_page_index .current_issue a[href$="/pdf"],
body.theme-dark .pkp_page_index .current_issue a[href$="/pdf"]{
  background: rgba(255,255,255,.92) !important;
  color: rgba(2,6,23,.95) !important;
  border-color: rgba(255,255,255,.18) !important;
}
body.dark .pkp_page_index .current_issue a[href$="/pdf"]:hover,
body.dark-mode .pkp_page_index .current_issue a[href$="/pdf"]:hover,
body.theme-dark .pkp_page_index .current_issue a[href$="/pdf"]:hover{
  background: rgba(120,190,255,.95) !important;
  color: rgba(2,6,23,.95) !important;
}

/* Badge hijau tetap enak */
body.dark .pkp_page_index .current_issue .pages,
body.dark-mode .pkp_page_index .current_issue .pages,
body.theme-dark .pkp_page_index .current_issue .pages{
  background: rgba(34,197,94,.18) !important;
  color: rgba(187, 247, 208, .95) !important;
  border-color: rgba(34,197,94,.25) !important;
}