@charset "UTF-8";
/*! jisi stylesheet (fixed & aligned to cover) */
@import "https://fonts.googleapis.com/css2?family=Baloo+Tamma+2&display=swap";
@import "https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css";

/* ================= jisi COLOR PALETTE ================= */
:root{
  --jisi-primary: #800000;        /* biru utama UI */
  --jisi-primary-dark: #800000;   /* biru tua (header/gradient) */
  --jisi-primary-light: #9e0303;  /* hover/outline */
  --jisi-accent: #9e0303;         /* aksen terang */
  --jisi-text: #800000;           /* teks */
}
/* ======================================================= */

/* ====== TYPOGRAPHY & LINKS ====== */
.obj_article_summary .title,
.obj_article_summary .title a,
.page_issue .obj_article_summary .title a,
.obj_article_details .page_title,
.obj_article_details h1,
.obj_article_details h1 a,
.current_issue_title,
.current_issue_title a {
  color: var(--jisi-primary) !important;
  text-decoration: none;
}

a { color: var(--jisi-primary); }
a:hover, a:focus { color: var(--jisi-primary-light); }

/* Justify body content */
.pkp_structure_main p,
.pkp_structure_main div,
.pkp_structure_main span,
.pkp_structure_main li,
.pkp_structure_main td,
.pkp_structure_main th,
.obj_article_details .main_entry,
.page_article .article_details,
.page_issue .issue_description {
  text-align: left !important;
}

/* ====== ARTICLE CARDS ====== */
.cmp_article_list.articles {
  display: grid !important;
  grid-template-columns: 1fr !important; /* single column */
  gap: 16px !important;
}
.cmp_article_list.articles .obj_article_summary {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 16px 0 !important;
  float: none !important;
  clear: both !important;
  box-sizing: border-box;
}
@media (max-width: 992px) {
  .cmp_article_list.articles { grid-template-columns: 1fr !important; }
}

/* single card */
.obj_article_summary {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid var(--jisi-primary);
  padding: 16px;
  border-radius: 8px;
  background-color: #FAFAFA;
  box-shadow: 0 1px 4px rgba(12,125,190,0.08);
  transition: box-shadow .3s ease, transform .2s ease;
}
.obj_article_summary:hover {
  box-shadow: 0 6px 16px rgba(12,125,190,0.16);
  transform: translateY(-2px);
}
.obj_article_summary > .title {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 400;
  font-size: 15px;
  text-transform: none;
}
.obj_article_summary > .title a {
  display: block;
  text-decoration: none;
  font-size: 16px;
  color: #333;
}

/* Tombol & galley */
.cmp_button_wire,
.obj_galley_link {
  background: var(--jisi-primary);
  border: 1px solid var(--jisi-primary);
  color: #fff;
}
.cmp_button_wire:hover,
.obj_galley_link:hover { filter: brightness(1.08); }

/* ====== COLLAB LOGOS ====== */
.collab-logos { display: flex; justify-content: center; align-items: center; gap: 6px; margin-top: 8px; }
.collab-logos img { max-width: 60px; height: auto; display: block; }

/* 0) Sembunyikan published (tetap) */
.current_issue .published{display:none!important}

/* 1) Grid & list: rapatkan benar-benar */
.cmp_article_list.articles{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:12px!important;                 /* dari 16px -> 8px */
  margin:0!important;                /* buang margin bawaan theme */
  padding:0!important;               /* buang indent list */
  list-style:none!important;
}
.cmp_article_list.articles>li{
  margin:0!important;
  padding:0!important;
}

/* 2) Card: hilangkan margin ekstra dan kecilkan padding */
.obj_article_summary{
  margin:0!important;                /* beberapa theme menambah margin */
  padding:12px 14px!important;       /* lebih slim */
}

/* 3) Elemen di dalam card: rapikan vertikal spacing */
.obj_article_summary .title{margin:0 0 6px!important}
.obj_article_summary .title a{
  font-size:15.5px!important;line-height:1.3!important
}
.obj_article_summary .doiInSummary{margin:2px 0 6px!important}
.obj_article_summary .meta{margin:4px 0 0!important}
.obj_article_summary .authors{margin:0!important}
.obj_article_summary .pages{margin:0!important}

/* 4) Tautan PDF: rapatkan */
.obj_article_summary .galleys_links{
  margin:8px 0 0!important;         /* kecilkan jarak atas */
  padding:0!important;
}
.obj_article_summary .galleys_links li{
  margin:0!important;
}

/* 5) Heading & section: jangan bikin jurang */
.current_issue h2,
.current_issue_title{margin-bottom:6px!important}
.current_issue .section h3{margin:0 0 8px!important}
.current_issue .sections{margin-top:6px!important}
.section .cmp_article_list{margin:0!important}


/* ====== SIDEBAR & BLOCKS ====== */
.pkp_structure_sidebar {
  background: linear-gradient(180deg, var(--jisi-primary-dark) 0%, var(--jisi-primary) 100%);
  padding: 1.5rem;
  border-left: 1px solid #E0E0E0;
}
.pkp_block {
  background-color: #FFF;
  padding: 1rem 1.2rem;
  border-radius: 12px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
  margin-bottom: 1.5rem;
  transition: transform .2s ease, box-shadow .2s ease;
}
.pkp_block:hover { transform: translateY(-3px); box-shadow: 0 6px 12px rgba(0,0,0,0.08); }

/* judul block: gradient biru jisi */
.pkp_block .title {
  width: 100%;
  border-radius: 8px 8px 0 0;
  background-color: var(--jisi-primary);
  background-image: linear-gradient(800000, var(--jisi-primary-dark) 0%, var(--jisi-primary) 74%);
  height: 40px;
  font-size: 13px;
  color: #FFF;
  padding: .8em 10px 0;
  margin-bottom: 0;
  border: 0;
  text-align: center;
  font-family: 'Source Sans Pro', sans-serif;
}
.pkp_block .bottom {
  width: 100%;
  border-radius: 0 0 4px 4px;
  background-image: linear-gradient(314deg, var(--jisi-primary-dark) 0%, var(--jisi-primary) 74%);
  height: 15px;
  color: #E6F4FF;
}

/* list di dalam block */
.pkp_block .content { background-color: #FFF; }
.pkp_block .content ul li { padding: 0; background-color: #F4F4F2; }
.pkp_block li { border-radius: 0; position: relative; background-color: #F1F1F1; display: block; }
.pkp_block ul > li { border-bottom: 1px solid rgba(0,0,0,.125); }
.pkp_block ul > li a { color: #495464; padding: .75rem 1rem; display: flex; }
.pkp_block ul > li a:hover { text-decoration: none; background-color: #E7F3FB; }
.pkp_block ul > li em {
  box-sizing: border-box; display: inline-block; font: 1.09em/1 FontAwesome;
  -webkit-font-smoothing: antialiased; margin: 0 15px 0 -10px; border-right: 1px solid #E7E5E5; width: 35px;
}

/* ====== INDEX additional content (hero image) ====== */
.pkp_page_index .additional_content { padding-top: 0 !important; padding-bottom: 0 !important; }
.pkp_page_index .additional_content > p:first-child,
.pkp_page_index .additional_content > p:first-child > img { margin: 0 !important; padding: 0 !important; }
.pkp_page_index .additional_content img { display: block; margin: 0 auto !important; padding: 0 !important; width: 60%; height: auto; max-width: 60%; border: none; }
.pkp_page_index .additional_content p:first-child { margin-left: -15px; margin-right: -15px; }
.pkp_page_index .additional_content p:first-child img { width: calc(70% + 30px); max-width: unset; }

/* ====== HEAD & CONTENT WRAPPER ====== */
html, body {
  background-image: url("https://journal.uinjkt.ac.id/public/site/images/rumahjurnal/noisy-grid.png");
}
.pkp_structure_content { background: #ffffff; } /* FIX: sebelumnya #ffff */

/* ====== ARTICLE DETAILS ====== */
.obj_article_details > .page_title { font-weight: 600; }
.obj_article_details div.main_entry ul.authors{
  padding: 20px 30px 10px 15px;
  background: linear-gradient(135deg, #FFFFFF 0%, #F9F9F9 47%, #FFFFFF 100%);
  box-shadow: 9px 10px 5px -10px rgba(224,224,224,.75);
  border: 1px solid #F3F3F3; border-right: 1px solid #EFEFEF; border-bottom: 1px solid #EAEAEA;
  width: 100%;
}
.item.authors { font-size: 14px; }
.item.authors .email:before      { content:"\f0e0"; font-family:FontAwesome; margin-right:5px; font-size:14px; color: var(--jisi-primary); }
.item.authors span.name:before   { content:"\f007"; font-family:FontAwesome; margin-right:5px; font-size:14px; color: var(--jisi-primary); }
.item.authors span.affiliation:before { content:"\f19c"; font-family:FontAwesome; color: var(--jisi-primary); }
.name { color: var(--jisi-primary); }

/* ====== FOOTER (digabung agar tidak ganda) ====== */
.pkp_footer_content {
  background: linear-gradient(to bottom, #FFFFFF 0%, #FFFFFF 33%, #FFFFFF 100%);
  padding: 0;
}
.pkp_footer_content .theme-credit { text-align: right; width: 100%; color: #BBBABA; font-size: 10px; }
.pkp_footer_content .theme-credit a { color: var(--jisi-primary-dark); text-decoration: none; }
.pkp_structure_footer_wrapper { background: #F9F9G9; margin-bottom: 10px; }
.pkp_structure_footer { margin-top: 10px; background: #FFF; border: 1px solid #EFEFEF; }
.pkp_brand_footer { display: none; }
.pkp_footer_content .footer { padding: 30px; box-shadow: 0 1px 5px -2px rgba(0,0,0,.13); z-index: 1; }
.row.copright-container {
  font-size: 13px; text-align: justify; color: #8C8C8C;
  border-top: 1px solid #F3F3F3; padding: 30px;
  background: linear-gradient(to bottom, #F9F9F9 0%, #FFFFFF 100%);
}
.copyright-wrapper { width: 100%; }
.copyright-wrapper a.img_cc { height: 10px; width: 200px; margin: 0 85px 0 5px; }
.copyright-wrapper a.img_cc img { position: absolute; }

/* ====== UTILITY LIST ====== */
.uvp-list ul{
  font-family:'Work Sans',sans-serif;
  line-height:28px; font-size:16px;
  display:inline-block; border:1px solid #BABABA; padding:1rem 2rem; max-width:100%;
  list-style:none;
}
.uvp-list ul > li { clear:left; padding:.5rem 0; }
.uvp-list ul > li:before{
  content:""; height:1.5rem; width:1.5rem; display:block; float:left; margin-left:-1.5rem;
  background:url("https://info.openpath.com/hubfs/checkmark-round-orange.svg") center/cover no-repeat;
  padding:.15rem;
}

/* ====== GRID HELPERS ====== */
.row [class^="col"] { float:left; margin:.5rem 2%; min-height:.125rem; }
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12 { width:96%; }
.hidden-sm { display:none; }
@media (min-width:33.75em){ .container{ width:80%; } }
@media (min-width:45em){
  .col-1{width:4.33%} .col-2{width:12.66%} .col-3{width:21%} .col-4{width:29.33%}
  .col-5{width:37.66%} .col-6{width:46%} .col-7{width:54.33%} .col-8{width:62.66%}
  .col-9{width:71%} .col-10{width:79.33%} .col-11{width:87.66%} .col-12{width:96%}
  .hidden-sm{display:block}
}
@media (min-width:60em){ .container{ width:75%; max-width:60rem; } }

/* ====== ACCESSIBILITY FOCUS ====== */
a:focus, button:focus, .cmp_button_wire:focus, .obj_galley_link:focus {
  outline: 2px solid var(--jisi-primary-light);
  outline-offset: 2px;
}

/* ====== jisi Sidebar Menu (FINAL: equal width header + compact spacing + white icons) ====== */

/* Paksa judul block/heading tanpa margin agar nempel */
#customblock-SIDEBAR-KANAN .pkp_block .title,
#customblock-SIDEBAR-KANAN .menu-header { margin:0 !important; }

/* Card wrapper (opsional, jika memakai .menu-card/.menu-header) */
#customblock-SIDEBAR-KANAN .menu-card{
  width:100%;
  padding:0; margin:0;
  border-radius:12px; overflow:hidden;
}

/* Header selebar card */
#customblock-SIDEBAR-KANAN .menu-header{
  display:block; width:100%; box-sizing:border-box;
  padding:12px 10px; text-align:center; color:#fff;
  font-weight:700; font-size:14px;
  background-image:linear-gradient(800000, var(--jisi-primary-dark), var(--jisi-primary));
  border-radius:12px 12px 0 0;
}

/* Table container */
#customblock-SIDEBAR-KANAN .menu-table{
  width:100%;
  border-collapse:separate; border-spacing:0;
}

/* Hilangkan padding kiri/kanan di TD supaya lebar item = lebar header */
#customblock-SIDEBAR-KANAN .menu-td{
  padding:0 !important;
  background:transparent; border:0;
}

/* Item menu: full width, compact spacing */
#customblock-SIDEBAR-KANAN .menu-link{
  display:flex; align-items:center; gap:10px;
  width:100%; box-sizing:border-box;
  padding:10px 14px;                 /* compact */
  margin:2px 0;                      /* rapat antar item */
  background:#800000; color:#fff; text-decoration:none;
  border:1px solid rgba(255,255,255,.25);
  border-radius:6px;                  /* ringan */
  font-size:14px; line-height:1.28;
}
#customblock-SIDEBAR-KANAN .menu-link:hover{ background:#800000; }
#customblock-SIDEBAR-KANAN .menu-link:focus{
  outline:2px solid var(--jisi-primary-light); outline-offset:2px;
}

/* Ikon PNG tampak putih */
#customblock-SIDEBAR-KANAN .menu-icon{
  width:18px; height:18px; display:block;
  filter:brightness(0) invert(1) contrast(1.1);
}

/* Item pertama benar-benar nempel ke header */
#customblock-SIDEBAR-KANAN .menu-table tr:first-child .menu-link{
  margin-top:0 !important;
  border-top-left-radius:0 !important;
  border-top-right-radius:0 !important;
}

/* Item terakhir selaras dan tanpa celah ekstra */
#customblock-SIDEBAR-KANAN .menu-table tr:last-child .menu-link{
  margin-bottom:0 !important;
  border-bottom-left-radius:12px;
  border-bottom-right-radius:12px;
}

/* ===== jisi Clean v2 (scoped, no-emoji, stable) ===== */
#jisi-clean{
  --primary: var(--jisi-primary, #800000);
  --primary-700: #800000;
  --ink: #0f1a28;
  --muted: #5b6b7b;
  --paper: #ffffff;
  --soft: #f7fbff;
  --rule: rgba(12,125,190,.18);
  --radius: 16px;
  --shadow: 0 12px 28px rgba(12,125,190,.12);
  font-size: clamp(14px, 1.05vw, 16px);
  color: var(--ink);
}

/* Hero (tanpa dekorasi overlay) */
#jisi-clean .hero{
  border-radius: var(--radius);
  background: linear-gradient(180deg,#ffffff,#f9fcff);
  border:1px solid var(--rule);
  box-shadow: var(--shadow);
  padding: clamp(18px, 3vw, 28px);
}

/* Masthead */
#jisi-clean .kicker{
  color: var(--primary-700);
  font-weight: 800; letter-spacing:.12em; text-transform: uppercase;
  font-size:.78em; margin:0 0 .35rem 0;
}
#jisi-clean .title{
  margin:0; line-height:1.15; font-weight:900; letter-spacing:.2px;
  font-size: clamp(18px, 2.2vw + .6rem, 30px);
}
#jisi-clean .dek{
  margin:.45rem 0 1rem; color: var(--muted); max-width: 70ch;
}

/* Chips (tanpa ikon) */
#jisi-clean .chips{ display:flex; flex-wrap:wrap; gap:8px; margin:.25rem 0 1rem;}
#jisi-clean .chip{
  display:inline-flex; align-items:center; padding:6px 12px; border-radius:999px;
  font-size:.86em; font-weight:800; background:#e8f4fb; color:var(--primary-700);
  border:1px solid var(--rule);
}

/* Grid */
#jisi-clean .grid{
  display:grid; gap: clamp(14px, 2vw, 20px);
  grid-template-columns: 1.2fr .8fr;
}
@media (max-width: 900px){ #jisi-clean .grid{ grid-template-columns: 1fr; }}

/* Card */
#jisi-clean .card{
  background: var(--paper);
  border:1px solid var(--rule);
  border-radius: 14px; overflow:hidden;
  box-shadow: 0 8px 20px rgba(12,125,190,.06);
}
#jisi-clean .card header{
  padding:12px 16px; font-weight:800; letter-spacing:.2px;
  background:#f2f9fd; border-bottom:1px solid var(--rule); color: var(--primary-700);
}

/* Key–Value table (desktop) */
#jisi-clean .kv{
  width:100%;
  border-collapse:collapse;
  table-layout:auto; /* jangan fixed agar fleksibel */
}
#jisi-clean .kv tr{ border-bottom:1px dashed rgba(9,93,145,.15); }
#jisi-clean .kv tr:last-child{ border-bottom:0; }
#jisi-clean .kv td{
  padding:10px 14px;
  vertical-align:top;
  overflow-wrap:anywhere;
  word-break:break-word;
  min-width:0; /* cegah overflow grid */
}
#jisi-clean .kv td.label{
  width:36%;
  font-weight:800;
  color:#800000;
  white-space:nowrap;
}
#jisi-clean .kv td.val{ color:#800000; }
#jisi-clean .kv a{ word-break:break-all; }

/* Mobile: grid 2 kolom, lalu 1 kolom di extra kecil */
@media (max-width: 720px){
  /* tetap elemen tabel, tapi baris digridkan */
  #jisi-clean .kv tr{
    display:grid;
    grid-template-columns: minmax(120px, 1fr) 2fr;
    gap:6px 12px;
    padding:10px 12px;
  }
  #jisi-clean .kv td{
    display:block;         /* agar patuh ke grid */
    width:auto !important; /* singkirkan width 36% */
    padding:0;
  }
  #jisi-clean .kv td.label{
    white-space:normal;    /* izinkan bungkus */
    opacity:.85;
    padding-bottom:2px;
  }
  #jisi-clean .kv td.val{
    font-weight:600;
    margin:0;              /* rapat dengan label */
  }
}

/* Extra small: tumpuk jadi 1 kolom */
@media (max-width: 420px){
  #jisi-clean .kv tr{
    grid-template-columns: 1fr;
    gap:2px 0;
  }
  #jisi-clean .kv td.label{ padding-bottom:2px; }
  #jisi-clean .kv td.val{ padding-top:0; }
}

/* CTA container */
#jisi-clean .cta{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  padding:12px 16px;
  background: var(--soft);
  border-top:1px solid var(--rule);
  justify-content:flex-end; /* dorong tombol ke kanan */
}

/* Button style */
#jisi-clean .btn{
  text-decoration:none;
  font-weight:800;
  padding:12px 18px; /* sedikit diperbesar biar mantap */
  border-radius:10px;
  display:inline-flex;
  align-items:center;
  justify-content:center; /* teks rata tengah */
  gap:10px;
  background: var(--primary);
  color:#fff;
  box-shadow:0 8px 18px rgba(12,125,190,.24);
  transition:transform .06s ease, filter .2s ease;
  flex:1 1 200px; /* Biarkan membesar rata di kanan */
  max-width:260px; /* Biar tidak terlalu panjang di desktop */
}

#jisi-clean .btn:hover{ filter:brightness(1.06); }
#jisi-clean .btn:active{ transform: translateY(1px); }

#jisi-clean .btn.outline{
  background:#fff;
  color:var(--primary);
  border:1px solid var(--primary);
  box-shadow:none;
}

/* Mode Mobile: full width semua tombol */
@media (max-width: 600px){
  #jisi-clean .cta{
    justify-content:space-between; /* setiap tombol isi baris penuh */
  }
  #jisi-clean .btn{
    flex:1 1 100%;
    max-width:none;
  }
}

/* === SUBMISSION BUTTON: match Primary Menu spacing === */

/* Card wrapper: putih, ada ruang dalam, dan bayangan ringan */
.pkp_block.block_make_submission{
  background: #fff !important;
  border: 1px solid rgba(12,125,190,.12) !important;
  border-radius: 16px !important;
  box-shadow: 0 3px 10px rgba(0,0,0,.06) !important;

  /* ruang luar kartu (bawah), biar tidak dempet blok lain */
  margin: 0 0 20px 0 !important;

  /* ruang dalam kartu, ini yang bikin ada space kiri/kanan/atas/bawah */
  padding: 10px 10px 10px 10px !important;
}

/* Heading block OJS biasanya sr-only, biarkan saja */
.pkp_block.block_make_submission .pkp_screen_reader{
  position: absolute !important;
  width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0);
}

/* Kontainer tombol: center, tanpa padding tambahan */
.pkp_block.block_make_submission .content{
  text-align: center; margin: 0 !important; padding: 0 !important;
}

/* Tombol: full-width DI DALAM gutter, jadi tidak nempel tepi kartu */
.pkp_block.block_make_submission .block_make_submission_link{
  display: flex; align-items: center; justify-content: center; gap: 8px;
  width: 100%; box-sizing: border-box;

  padding: 10px 14px;                 /* ramping */
  margin: 2px 0;                      /* jarak vertikal kecil */

  background: #800000;
  color: #fff !important; text-decoration: none;
  border: 1px solid rgba(255,255,255,.25);
  border-radius: 8px;
  font-size: 14px; font-weight: 700; line-height: 1.28;

  box-shadow: 0 2px 6px rgba(12,125,190,.18);
  transition: background .2s ease, transform .08s ease, box-shadow .2s ease;
}
.pkp_block.block_make_submission .block_make_submission_link:hover{
  background: #800000; transform: translateY(-1px);
  box-shadow: 0 6px 12px rgba(12,125,190,.22);
}

/* Responsif: sedikit kompak di layar sempit */
@media (max-width: 420px){
  .pkp_block.block_make_submission .block_make_submission_link{
    font-size: 13px; padding: 9px 12px;
  }
}

/* === INDEXED BY: matikan hover total + rapikan jarak === */

/* Wrapper: samakan ruang atas-bawah, jangan terlalu longgar di bawah */
.pkp_block.indexed-logos{
  position: relative;
  padding: 12px 16px 8px !important;   /* ↓ bawah dipendekkan */
  border-radius: 0px;
  overflow: hidden;
}

/* Header punya jarak kecil ke isi */
.pkp_block.indexed-logos .title{
  margin: 0 0 10px !important;
  position: relative; z-index: 2;
}

/* Isi tanpa padding ekstra */
.pkp_block.indexed-logos .content{ padding: 0 !important; }

/* Setiap baris logo: pas, tidak renggang */
.pkp_block.indexed-logos p{
  margin: 8px 0 !important;
  padding: 0 !important;
  text-align: center;
}

/* Logo: block (hilangkan baseline gap), pusatkan, tak ada efek apa pun */
.pkp_block.indexed-logos img{
  display: block !important;
  margin: 0 auto !important;
  width: min(280px, 99%) !important;
  height: auto !important;

  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  transform: none !important;
  transition: none !important;
}

/* Nuke: matikan SEMUA efek hover/transition di dalam blok, termasuk <a> */
.pkp_block.indexed-logos a,
.pkp_block.indexed-logos a:hover,
.pkp_block.indexed-logos a:focus{
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  transform: none !important;
  transition: none !important;
}

/* Pastikan gambar tetap “diam” walau ada selector global ke <a:hover img> */
.pkp_block.indexed-logos a:hover img,
.pkp_block.indexed-logos a:focus img{
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  transform: none !important;
  transition: none !important;
}

/* Baris terakhir tidak nyisain ruang berlebih */
.pkp_block.indexed-logos .content p:last-child{
  margin-bottom: 0 !important;
}

/* Hanya hide cover di homepage */
.pkp_page_index .obj_issue_toc .heading .cover {
    display: none !important;
}

/* ===== Issues Archive – 2-Grid, Full Cover, Polished ===== */
:root{
  --ia-gap: clamp(1rem, 1vw + .6rem, 1.5rem);
  --ia-radius: 18px;
  --ia-shadow: 0 10px 28px rgba(0,0,0,.10), 0 4px 12px rgba(0,0,0,.06);
  --ia-shadow-hover: 0 16px 40px rgba(0,0,0,.16), 0 8px 18px rgba(0,0,0,.10);
  --ia-border: 1px solid rgba(0,0,0,.08);
  --ia-muted: #667085;
  --ia-bg: #fff;
  --ia-accent: #800000;      /* sesuaikan dengan warna tema */
}

@media (prefers-color-scheme: dark){
  :root{
    --ia-shadow: 0 10px 28px rgba(0,0,0,.55), 0 4px 12px rgba(0,0,0,.45);
    --ia-shadow-hover: 0 16px 40px rgba(0,0,0,.65), 0 8px 18px rgba(0,0,0,.55);
    --ia-border: 1px solid rgba(255,255,255,.10);
    --ia-muted: #98a2b3;
    --ia-bg: #0b0f14;
  }
}

/* ===== Grid: selalu 2 kolom (1 kolom di layar kecil) ===== */
.issues_archive{
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: var(--ia-gap);
  grid-template-columns: repeat(2, minmax(0, 1fr));   /* <- 2 grid */
}
@media (max-width: 780px){
  .issues_archive{ grid-template-columns: 1fr; }      /* responsif */
}
.issues_archive > li{ margin: 0; padding: 0; }

/* ===== Card ===== */
.obj_issue_summary{
  height: 100%;
  display: grid;
  grid-template-rows: auto 1fr; /* cover + teks */
  background: var(--ia-bg);
  border: var(--ia-border);
  border-radius: var(--ia-radius);
  box-shadow: var(--ia-shadow);
  overflow: hidden;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  position: relative;
}

/* aksen garis tipis di atas kartu */
.obj_issue_summary::before{
  content: "";
  position: absolute; inset: 0 0 auto 0; height: 4px;
  background: linear-gradient(800000, var(--ia-accent), color-mix(in srgb, var(--ia-accent) 30%, transparent));
  opacity: .9;
}
@media (hover:hover){
  .obj_issue_summary:hover{
    transform: translateY(-6px);
    box-shadow: var(--ia-shadow-hover);
    border-color: transparent;
  }
}

/* ===== Cover FULL-BLEED ===== */
.obj_issue_summary .cover{
  display: block;
  position: relative;
  width: 100%;
  aspect-ratio: 3/4;              /* proporsi majalah */
  overflow: hidden;
  background: #eef6ff;
}
.obj_issue_summary .cover img{
  display: block;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;               /* isi penuh */
  object-position: center;
  margin: 0 !important;
  float: none !important;
  max-width: none !important;      /* override gaya OJS yang membatasi */
  max-height: none !important;
  transition: transform .35s ease, filter .35s ease;
}
@media (hover:hover){
  .obj_issue_summary:hover .cover img{ transform: scale(1.04); }
}

/* ===== Teks ===== */
.obj_issue_summary h2{
  margin: 0;
  padding: 0 1rem 1rem;
  display: grid;
  gap: .5rem;
}
.obj_issue_summary h2 .title{
  font-size: clamp(1.05rem, .6vw + .95rem, 1.25rem);
  line-height: 1.35;
  font-weight: 800;
  text-decoration: none;
  color: #800000;                  /* boleh sesuaikan */
}
.obj_issue_summary h2 .title:hover{ text-decoration: underline; text-underline-offset: 3px; }

/* Badge seri lebih manis */
.obj_issue_summary .series{
  display: inline-block;
  font-size: .95rem;
  color: var(--ia-muted);
  padding: .4rem .7rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--ia-accent) 12%, transparent);
  border: 1px solid color-mix(in srgb, var(--ia-accent) 28%, transparent);
  box-shadow: inset 0 -1px 0 rgba(255,255,255,.5);
}

/* Deskripsi kosong disembunyikan */
.obj_issue_summary .description:empty{ display: none; }

/* Aksesibilitas fokus */
.obj_issue_summary a:focus{
  outline: 2px solid var(--ia-accent);
  outline-offset: 3px;
  border-radius: 10px;
}

/* Cetak */
@media print{
  .issues_archive{ grid-template-columns: 1fr 1fr; gap: .6rem; }
  .obj_issue_summary{ box-shadow: none; border: 1px solid #ccc; }
}

/* Sembunyikan judul H1 khusus pada halaman Archive */
.page_issue_archive > h1 {
    display: none !important;
    visibility: hidden;
}

/* Hide cover and published date in issue heading */
.page_issue .heading .cover,
.page_issue .heading .published {
    display: none !important;
    visibility: hidden;
}

/* ===== Masthead ===== */
.editorial-masthead {
    max-width: 880px;
    margin: 0 auto;
    font-family: "Times New Roman", Serif;
}

.editorial-masthead .role {
    font-size: 1.25rem;
    font-weight: 700;
    color: #800000;
    margin: 1.2rem 0 .4rem;
    text-transform: uppercase;
    border-bottom: 2px solid #a80000;
    display: inline-block;
    padding-bottom: .2rem;
}

.editorial-masthead .editor-list {
    list-style: none;
    padding: 0;
    margin: .4rem 0 0 0;
}

.editorial-masthead .editor-list li {
    margin: .35rem 0;
    line-height: 1.45;
}

.editorial-masthead a {
    font-weight: 700;
    color: #800000;
    text-decoration: none;
}
.editorial-masthead a:hover {
    text-decoration: underline;
}

.editorial-masthead .meta {
    color: #800000;
    font-size: .99rem;
}

.editorial-masthead .affil {
    display: block;
    font-size: .99rem;
    color: #800000;
    margin-left: .25rem;
}

/* Multi-column for long list */
.editorial-masthead .multicol {
    columns: 2 300px;
    column-gap: 2rem;
}
@media(max-width:768px){
    .editorial-masthead .multicol {
        columns: 1;
    }
}