/* =========================================================
   SSED JOURNAL CENTRAL — FINAL CLEAN 2 BUTTONS V2
   Aman tanpa Submit Manuscript dan tanpa script footer.

   Target tampilan:
   Cover jurnal
   [View Journal] [Current Issue]

   Upload:
   Site Settings > Appearance > Site style sheet
========================================================= */

:root {
  --ssed-blue: #0b4fb3;
  --ssed-blue-dark: #083b82;
  --ssed-red: #ff3035;
  --ssed-bg: #f4f7fb;
  --ssed-border: #dbe5ef;
  --ssed-text: #1f2937;
  --ssed-shadow: 0 12px 30px rgba(11, 79, 179, 0.10);
  --ssed-shadow-hover: 0 18px 38px rgba(11, 79, 179, 0.16);
}

/* =========================================================
   HANYA UNTUK RUMAH JURNAL
========================================================= */

body:has(.page_index_site),
body:has(.page_site_index) {
  background: var(--ssed-bg) !important;
}

/* =========================================================
   HEADER
========================================================= */

body:has(.page_index_site) .pkp_structure_head,
body:has(.page_index_site) .pkp_head_wrapper,
body:has(.page_index_site) .pkp_site_name,
body:has(.page_index_site) .pkp_site_name_wrapper,
body:has(.page_site_index) .pkp_structure_head,
body:has(.page_site_index) .pkp_head_wrapper,
body:has(.page_site_index) .pkp_site_name,
body:has(.page_site_index) .pkp_site_name_wrapper {
  background: #ffffff !important;
  color: var(--ssed-blue) !important;
}

body:has(.page_index_site) .pkp_structure_head,
body:has(.page_index_site) .pkp_site_name_wrapper,
body:has(.page_site_index) .pkp_structure_head,
body:has(.page_site_index) .pkp_site_name_wrapper {
  border-bottom: 6px solid var(--ssed-blue) !important;
}

body:has(.page_index_site) .pkp_site_name,
body:has(.page_site_index) .pkp_site_name {
  padding-top: 24px !important;
  padding-bottom: 20px !important;
}

body:has(.page_index_site) .pkp_site_name img,
body:has(.page_index_site) .pkp_site_name .is_img img,
body:has(.page_site_index) .pkp_site_name img,
body:has(.page_site_index) .pkp_site_name .is_img img {
  max-height: 155px !important;
  width: auto !important;
}

/* =========================================================
   LAYOUT UTAMA
========================================================= */

body:has(.page_index_site) .pkp_structure_content,
body:has(.page_index_site) .pkp_structure_main,
body:has(.page_site_index) .pkp_structure_content,
body:has(.page_site_index) .pkp_structure_main {
  max-width: 1320px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body:has(.page_index_site) .pkp_structure_main,
body:has(.page_site_index) .pkp_structure_main {
  padding-top: 34px !important;
  padding-bottom: 34px !important;
}

/* =========================================================
   KOTAK PENGANTAR
========================================================= */

.page_index_site .about_site,
.page_site_index .about_site {
  background: linear-gradient(135deg, var(--ssed-blue-dark) 0%, var(--ssed-blue) 58%, #7a3f8b 145%) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 24px !important;
  padding: 42px 58px !important;
  margin: 0 auto 34px auto !important;
  max-width: 1120px !important;
  box-shadow: 0 18px 42px rgba(11, 79, 179, 0.22) !important;
}

.page_index_site .about_site::before,
.page_site_index .about_site::before {
  content: "" !important;
  display: none !important;
}

.page_index_site .about_site p,
.page_site_index .about_site p {
  color: #ffffff !important;
  font-size: 18px !important;
  line-height: 1.75 !important;
  max-width: 950px !important;
  margin-bottom: 18px !important;
}

/* =========================================================
   GRID JURNAL
========================================================= */

.page_index_site .journals,
.page_site_index .journals {
  max-width: 1120px !important;
  margin: 0 auto 42px auto !important;
  padding: 0 !important;
}

.page_index_site .journals > h2,
.page_site_index .journals > h2 {
  text-align: center !important;
  font-size: 32px !important;
  font-weight: 900 !important;
  color: var(--ssed-text) !important;
  margin: 0 0 26px 0 !important;
}

.page_index_site .journals > h2::after,
.page_site_index .journals > h2::after {
  content: "";
  display: block;
  width: 78px;
  height: 4px;
  background: var(--ssed-red);
  border-radius: 99px;
  margin: 14px auto 0 auto;
}

.page_index_site .journals > ul,
.page_site_index .journals > ul,
.page_index_site ul.cmp_journal_list,
.page_site_index ul.cmp_journal_list {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 26px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* =========================================================
   KARTU
========================================================= */

.page_index_site .journals > ul > li,
.page_site_index .journals > ul > li,
.page_index_site ul.cmp_journal_list > li,
.page_site_index ul.cmp_journal_list > li,
.page_index_site .obj_journal_summary,
.page_site_index .obj_journal_summary {
  background: #ffffff !important;
  border: 1px solid var(--ssed-border) !important;
  border-radius: 20px !important;
  padding: 22px !important;
  margin: 0 !important;
  min-height: 360px !important;
  box-shadow: var(--ssed-shadow) !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  transition: transform .18s ease, box-shadow .18s ease !important;
}

.page_index_site .journals > ul > li:hover,
.page_site_index .journals > ul > li:hover,
.page_index_site ul.cmp_journal_list > li:hover,
.page_site_index ul.cmp_journal_list > li:hover,
.page_index_site .obj_journal_summary:hover,
.page_site_index .obj_journal_summary:hover {
  transform: translateY(-3px) !important;
  box-shadow: var(--ssed-shadow-hover) !important;
}

/* Struktur isi kartu */
.page_index_site .journals > ul > li .media,
.page_site_index .journals > ul > li .media,
.page_index_site ul.cmp_journal_list > li .media,
.page_site_index ul.cmp_journal_list > li .media {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.page_index_site .journals > ul > li .media-left,
.page_site_index .journals > ul > li .media-left,
.page_index_site .journals > ul > li .thumb,
.page_site_index .journals > ul > li .thumb,
.page_index_site ul.cmp_journal_list > li .media-left,
.page_site_index ul.cmp_journal_list > li .media-left,
.page_index_site ul.cmp_journal_list > li .thumb,
.page_site_index ul.cmp_journal_list > li .thumb,
.page_index_site .obj_journal_summary .thumb,
.page_site_index .obj_journal_summary .thumb {
  float: none !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 16px 0 !important;
  padding: 0 !important;
  text-align: center !important;
}

.page_index_site .journals > ul > li .media-body,
.page_site_index .journals > ul > li .media-body,
.page_index_site ul.cmp_journal_list > li .media-body,
.page_site_index ul.cmp_journal_list > li .media-body,
.page_index_site .obj_journal_summary .media-body,
.page_site_index .obj_journal_summary .media-body,
.page_index_site .obj_journal_summary .body,
.page_site_index .obj_journal_summary .body {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
}

/* =========================================================
   COVER
========================================================= */

.page_index_site .journals > ul > li .media-left img,
.page_site_index .journals > ul > li .media-left img,
.page_index_site .journals > ul > li .thumb img,
.page_site_index .journals > ul > li .thumb img,
.page_index_site ul.cmp_journal_list > li .media-left img,
.page_site_index ul.cmp_journal_list > li .media-left img,
.page_index_site ul.cmp_journal_list > li .thumb img,
.page_site_index ul.cmp_journal_list > li .thumb img,
.page_index_site .obj_journal_summary .thumb img,
.page_site_index .obj_journal_summary .thumb img,
.page_index_site img.media-object,
.page_site_index img.media-object {
  width: 100% !important;
  max-width: 205px !important;
  height: 250px !important;
  object-fit: contain !important;
  margin: 0 auto !important;
  display: block !important;
  border-radius: 14px !important;
  border: 1px solid #e4ebf2 !important;
  background: #f8fafc !important;
  padding: 8px !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}

@media (hover: hover) and (pointer: fine) {
  .page_index_site .journals > ul > li:hover .media-left img,
  .page_site_index .journals > ul > li:hover .media-left img,
  .page_index_site .journals > ul > li:hover .thumb img,
  .page_site_index .journals > ul > li:hover .thumb img,
  .page_index_site ul.cmp_journal_list > li:hover .media-left img,
  .page_site_index ul.cmp_journal_list > li:hover .media-left img,
  .page_index_site ul.cmp_journal_list > li:hover .thumb img,
  .page_site_index ul.cmp_journal_list > li:hover .thumb img {
    transform: scale(1.06) translateY(-4px) !important;
    box-shadow: 0 14px 28px rgba(11, 79, 179, 0.22) !important;
  }
}

/* =========================================================
   SEMBUNYIKAN RINGKASAN, TAPI JANGAN SEMBUNYIKAN .links
   Ini bagian yang memperbaiki tombol hilang.
========================================================= */

/* Judul di kartu disembunyikan karena cover sudah memuat nama jurnal */
.page_index_site .journals > ul > li h2,
.page_site_index .journals > ul > li h2,
.page_index_site .journals > ul > li h3,
.page_site_index .journals > ul > li h3,
.page_index_site .journals > ul > li .media-heading,
.page_site_index .journals > ul > li .media-heading,
.page_index_site ul.cmp_journal_list > li h2,
.page_site_index ul.cmp_journal_list > li h2,
.page_index_site ul.cmp_journal_list > li h3,
.page_site_index ul.cmp_journal_list > li h3,
.page_index_site ul.cmp_journal_list > li .media-heading,
.page_site_index ul.cmp_journal_list > li .media-heading,
.page_index_site .obj_journal_summary h2,
.page_site_index .obj_journal_summary h2,
.page_index_site .obj_journal_summary h3,
.page_site_index .obj_journal_summary h3 {
  display: none !important;
}

/* Area teks dibuat nol, tetapi tetap boleh memuat tombol .links */
.page_index_site .journals > ul > li .media-body,
.page_site_index .journals > ul > li .media-body,
.page_index_site ul.cmp_journal_list > li .media-body,
.page_site_index ul.cmp_journal_list > li .media-body,
.page_index_site .obj_journal_summary .body,
.page_site_index .obj_journal_summary .body {
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
}

/* Sembunyikan elemen teks/ringkasan umum */
.page_index_site .journals > ul > li .description,
.page_site_index .journals > ul > li .description,
.page_index_site .journals > ul > li .body > p,
.page_site_index .journals > ul > li .body > p,
.page_index_site .journals > ul > li .media-body > p,
.page_site_index .journals > ul > li .media-body > p,
.page_index_site .journals > ul > li .media-body > div:not(.links):not(.body):not(.description),
.page_site_index .journals > ul > li .media-body > div:not(.links):not(.body):not(.description),
.page_index_site ul.cmp_journal_list > li .description,
.page_site_index ul.cmp_journal_list > li .description,
.page_index_site ul.cmp_journal_list > li .body > p,
.page_site_index ul.cmp_journal_list > li .body > p,
.page_index_site ul.cmp_journal_list > li .media-body > p,
.page_site_index ul.cmp_journal_list > li .media-body > p,
.page_index_site ul.cmp_journal_list > li .media-body > div:not(.links):not(.body):not(.description),
.page_site_index ul.cmp_journal_list > li .media-body > div:not(.links):not(.body):not(.description),
.page_index_site .obj_journal_summary .description,
.page_site_index .obj_journal_summary .description {
  display: none !important;
}

/* Jika .links berada di dalam .body, body tetap dibuka */
.page_index_site .journals > ul > li .body,
.page_site_index .journals > ul > li .body,
.page_index_site ul.cmp_journal_list > li .body,
.page_site_index ul.cmp_journal_list > li .body,
.page_index_site .obj_journal_summary .body,
.page_site_index .obj_journal_summary .body {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  flex: 1 1 auto !important;
}

/* Sembunyikan semua anak .body kecuali .links */
.page_index_site .journals > ul > li .body > :not(.links),
.page_site_index .journals > ul > li .body > :not(.links),
.page_index_site ul.cmp_journal_list > li .body > :not(.links),
.page_site_index ul.cmp_journal_list > li .body > :not(.links),
.page_index_site .obj_journal_summary .body > :not(.links),
.page_site_index .obj_journal_summary .body > :not(.links) {
  display: none !important;
}

/* =========================================================
   TOMBOL VIEW JOURNAL / CURRENT ISSUE
========================================================= */

.page_index_site .journals > ul > li .links,
.page_site_index .journals > ul > li .links,
.page_index_site .journals > ul > li ul.links,
.page_site_index .journals > ul > li ul.links,
.page_index_site ul.cmp_journal_list > li .links,
.page_site_index ul.cmp_journal_list > li .links,
.page_index_site ul.cmp_journal_list > li ul.links,
.page_site_index ul.cmp_journal_list > li ul.links,
.page_index_site .obj_journal_summary .links,
.page_site_index .obj_journal_summary .links,
.page_index_site .obj_journal_summary ul.links,
.page_site_index .obj_journal_summary ul.links {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  list-style: none !important;
  padding: 14px 0 0 0 !important;
  margin: 0 !important;
  width: 100% !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  color: initial !important;
}

.page_index_site .journals > ul > li .links li,
.page_site_index .journals > ul > li .links li,
.page_index_site ul.cmp_journal_list > li .links li,
.page_site_index ul.cmp_journal_list > li .links li,
.page_index_site .obj_journal_summary .links li,
.page_site_index .obj_journal_summary .links li {
  display: inline-block !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.page_index_site .journals > ul > li .links a,
.page_site_index .journals > ul > li .links a,
.page_index_site ul.cmp_journal_list > li .links a,
.page_site_index ul.cmp_journal_list > li .links a,
.page_index_site .obj_journal_summary .links a,
.page_site_index .obj_journal_summary .links a {
  display: inline-block !important;
  border: 2px solid var(--ssed-blue) !important;
  color: var(--ssed-blue) !important;
  background: #ffffff !important;
  border-radius: 10px !important;
  padding: 9px 15px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
}

.page_index_site .journals > ul > li .links a:hover,
.page_site_index .journals > ul > li .links a:hover,
.page_index_site ul.cmp_journal_list > li .links a:hover,
.page_site_index ul.cmp_journal_list > li .links a:hover,
.page_index_site .obj_journal_summary .links a:hover,
.page_site_index .obj_journal_summary .links a:hover {
  color: #ffffff !important;
  background: var(--ssed-blue) !important;
}

/* =========================================================
   FOOTER
========================================================= */

body:has(.page_index_site) .pkp_structure_footer_wrapper,
body:has(.page_site_index) .pkp_structure_footer_wrapper {
  background: var(--ssed-blue-dark) !important;
  color: #ffffff !important;
  margin-top: 42px !important;
}

body:has(.page_index_site) .pkp_structure_footer_wrapper a,
body:has(.page_site_index) .pkp_structure_footer_wrapper a {
  color: #ffffff !important;
}

/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 1100px) {
  .page_index_site .journals,
  .page_site_index .journals,
  .page_index_site .about_site,
  .page_site_index .about_site {
    max-width: 860px !important;
  }

  .page_index_site .journals > ul,
  .page_site_index .journals > ul,
  .page_index_site ul.cmp_journal_list,
  .page_site_index ul.cmp_journal_list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 22px !important;
  }
}

@media (max-width: 700px) {
  body:has(.page_index_site) .pkp_site_name img,
  body:has(.page_index_site) .pkp_site_name .is_img img,
  body:has(.page_site_index) .pkp_site_name img,
  body:has(.page_site_index) .pkp_site_name .is_img img {
    max-height: 96px !important;
  }

  .page_index_site .about_site,
  .page_site_index .about_site {
    padding: 24px 20px !important;
    border-radius: 18px !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
    margin-bottom: 28px !important;
  }

  .page_index_site .about_site p,
  .page_site_index .about_site p {
    font-size: 13px !important;
    line-height: 1.65 !important;
  }

  .page_index_site .journals,
  .page_site_index .journals {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }

  .page_index_site .journals > ul,
  .page_site_index .journals > ul,
  .page_index_site ul.cmp_journal_list,
  .page_site_index ul.cmp_journal_list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }

  .page_index_site .journals > ul > li,
  .page_site_index .journals > ul > li,
  .page_index_site ul.cmp_journal_list > li,
  .page_site_index ul.cmp_journal_list > li,
  .page_index_site .obj_journal_summary,
  .page_site_index .obj_journal_summary {
    min-height: 255px !important;
    padding: 14px !important;
    border-radius: 16px !important;
  }

  .page_index_site .journals > ul > li .media-left img,
  .page_site_index .journals > ul > li .media-left img,
  .page_index_site .journals > ul > li .thumb img,
  .page_site_index .journals > ul > li .thumb img,
  .page_index_site ul.cmp_journal_list > li .media-left img,
  .page_site_index ul.cmp_journal_list > li .media-left img,
  .page_index_site ul.cmp_journal_list > li .thumb img,
  .page_site_index ul.cmp_journal_list > li .thumb img,
  .page_index_site .obj_journal_summary .thumb img,
  .page_site_index .obj_journal_summary .thumb img,
  .page_index_site img.media-object,
  .page_site_index img.media-object {
    max-width: 122px !important;
    height: 150px !important;
    padding: 6px !important;
    border-radius: 12px !important;
  }

  .page_index_site .journals > ul > li .links,
  .page_site_index .journals > ul > li .links,
  .page_index_site ul.cmp_journal_list > li .links,
  .page_site_index ul.cmp_journal_list > li .links,
  .page_index_site .obj_journal_summary .links,
  .page_site_index .obj_journal_summary .links {
    gap: 6px !important;
    padding-top: 10px !important;
  }

  .page_index_site .journals > ul > li .links a,
  .page_site_index .journals > ul > li .links a,
  .page_index_site ul.cmp_journal_list > li .links a,
  .page_site_index ul.cmp_journal_list > li .links a,
  .page_index_site .obj_journal_summary .links a,
  .page_site_index .obj_journal_summary .links a {
    font-size: 10.5px !important;
    padding: 7px 9px !important;
    border-radius: 8px !important;
    border-width: 1.5px !important;
  }
}

@media (max-width: 380px) {
  .page_index_site .journals > ul,
  .page_site_index .journals > ul,
  .page_index_site ul.cmp_journal_list,
  .page_site_index ul.cmp_journal_list {
    gap: 10px !important;
  }

  .page_index_site .journals > ul > li,
  .page_site_index .journals > ul > li,
  .page_index_site ul.cmp_journal_list > li,
  .page_site_index ul.cmp_journal_list > li {
    padding: 12px !important;
  }

  .page_index_site .journals > ul > li .media-left img,
  .page_site_index .journals > ul > li .media-left img,
  .page_index_site .journals > ul > li .thumb img,
  .page_site_index .journals > ul > li .thumb img,
  .page_index_site ul.cmp_journal_list > li .media-left img,
  .page_site_index ul.cmp_journal_list > li .media-left img,
  .page_index_site ul.cmp_journal_list > li .thumb img,
  .page_site_index ul.cmp_journal_list > li .thumb img {
    max-width: 108px !important;
    height: 136px !important;
  }
}