/* =========================================================
   JIMWS Sidebar Tools Grid
   Tools tampil 2 kolom:
   Mendeley | Zotero
   Turnitin | Grammarly
   ========================================================= */

.tools_list.tools_list--jimws {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 12px !important;
  list-style: none !important;
}

.tools_list.tools_list--jimws .tools_item {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  overflow: hidden !important;
}

.tools_list.tools_list--jimws .tools_item a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 68px !important;
  padding: 8px !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
}

.tools_list.tools_list--jimws .tools_item img {
  display: block !important;
  width: 100% !important;
  max-width: 96px !important;
  height: auto !important;
  max-height: 42px !important;
  object-fit: contain !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

.tools_list.tools_list--jimws .tools_item:hover {
  border-color: #2f5da8 !important;
  box-shadow: 0 4px 12px rgba(47, 93, 168, 0.14) !important;
}

@media (max-width: 480px) {
  .tools_list.tools_list--jimws {
    gap: 8px !important;
    padding: 10px !important;
  }

  .tools_list.tools_list--jimws .tools_item a {
    min-height: 60px !important;
    padding: 7px !important;
  }

  .tools_list.tools_list--jimws .tools_item img {
    max-width: 88px !important;
    max-height: 38px !important;
  }
}


/* =========================================================
   JIMWS Text Justify - Full Content
   Meratakan teks pada konten utama, termasuk judul artikel
   ========================================================= */

.pkp_structure_main,
.pkp_structure_main p,
.pkp_structure_main div,
.pkp_structure_main li,
.pkp_structure_main article,
.pkp_structure_main section,
.pkp_structure_main .obj_article_details,
.pkp_structure_main .obj_article_summary,
.pkp_structure_main .els_article_summary,
.pkp_structure_main .page_about,
.pkp_structure_main .page_editorial_team,
.pkp_structure_main .page_static {
  text-align: justify !important;
  text-justify: inter-word !important;
}

/* Judul artikel homepage/list artikel */
.pkp_structure_main .els_article_title,
.pkp_structure_main .els_article_title a,
.pkp_structure_main .obj_article_summary h3,
.pkp_structure_main .obj_article_summary h3 a,
.pkp_structure_main .obj_article_summary .title,
.pkp_structure_main .obj_article_summary .title a {
  text-align: justify !important;
  text-justify: inter-word !important;
}

/* Judul artikel pada halaman detail artikel */
.pkp_structure_main .page_title,
.pkp_structure_main .obj_article_details .page_title,
.pkp_structure_main .obj_article_details h1,
.pkp_structure_main .obj_article_details h2,
.pkp_structure_main .obj_article_details h3,
.pkp_structure_main .obj_article_details .title {
  text-align: justify !important;
  text-justify: inter-word !important;
}

/* Heading konten halaman statis juga justify */
.pkp_structure_main h1,
.pkp_structure_main h2,
.pkp_structure_main h3,
.pkp_structure_main h4,
.pkp_structure_main h5,
.pkp_structure_main h6 {
  text-align: justify !important;
  text-justify: inter-word !important;
}

/* Pengecualian agar elemen UI tetap rapi */
.pkp_structure_main table,
.pkp_structure_main th,
.pkp_structure_main td,
.pkp_structure_main form,
.pkp_structure_main label,
.pkp_structure_main input,
.pkp_structure_main textarea,
.pkp_structure_main select,
.pkp_structure_main button,
.pkp_structure_main a.button,
.pkp_structure_main .cmp_button,
.pkp_structure_main .pkp_screen_reader,
.pkp_structure_main .article-summary__meta,
.pkp_structure_main .obj_article_summary .meta,
.pkp_structure_main .obj_galley_link,
.pkp_structure_main .label,
.pkp_structure_main .els_article_meta,
.pkp_structure_main .els_article_actions,
.pkp_structure_main .els_article_doi,
.pkp_structure_main .els_article_tags {
  text-align: initial !important;
}


/* =========================================================
   JIMWS Footer Override - 4 Columns Clean
   Kolom 1: Identitas Journal
   Kolom 2: Submission
   Kolom 3: Journal Policies
   Kolom 4: Journal Policies
   ========================================================= */

.els-dashboard-footer .els-footer-old.els-footer-old--jimws-4col {
  display: grid !important;
  grid-template-columns: minmax(270px, 1.22fr) minmax(170px, 0.75fr) minmax(230px, 1fr) minmax(230px, 1fr) !important;
  column-gap: 46px !important;
  row-gap: 28px !important;
  align-items: start !important;
  width: 100% !important;
}

/* Container footer dibuat lega untuk 4 kolom */
.els-dashboard-footer .els-dashboard-footer__inner {
  width: min(1360px, calc(100% - 80px)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Reset kolom */
.els-dashboard-footer .els-footer-old.els-footer-old--jimws-4col .els-footer-old__col {
  float: none !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Heading footer */
.els-dashboard-footer .els-footer-old.els-footer-old--jimws-4col h3 {
  position: relative !important;
  display: inline-block !important;
  margin: 0 0 18px !important;
  padding: 0 0 12px !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
  font-weight: 800 !important;
}

/* Garis bawah judul h3 dibuat lebih panjang */
.els-dashboard-footer .els-footer-old.els-footer-old--jimws-4col h3::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 3px !important;
  background: #ffc400 !important;
  border-radius: 999px !important;
}

/* Paragraf kolom identitas */
.els-dashboard-footer .els-footer-old.els-footer-old--jimws-4col p {
  margin: 0 0 7px !important;
  padding: 0 !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
}

/* List */
.els-dashboard-footer .els-footer-old.els-footer-old--jimws-4col ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.els-dashboard-footer .els-footer-old.els-footer-old--jimws-4col li {
  margin: 0 0 8px !important;
  padding: 0 !important;
  list-style: none !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
}

/* Link footer */
.els-dashboard-footer .els-footer-old.els-footer-old--jimws-4col a {
  display: inline-block !important;
  color: #ffffff !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  text-decoration: none !important;
  transition: transform 0.22s ease, opacity 0.22s ease, color 0.22s ease !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
}

/* Hover/transform seperti Basmala */
.els-dashboard-footer .els-footer-old.els-footer-old--jimws-4col a:hover,
.els-dashboard-footer .els-footer-old.els-footer-old--jimws-4col a:focus {
  color: #ffffff !important;
  opacity: 0.9 !important;
  text-decoration: none !important;
  transform: translateX(6px) !important;
}

/* Hover list dibuat sedikit lebih terasa */
.els-dashboard-footer .els-footer-old.els-footer-old--jimws-4col li a:hover,
.els-dashboard-footer .els-footer-old.els-footer-old--jimws-4col li a:focus {
  transform: translateX(8px) !important;
}

/* Link gambar lisensi jangan ikut geser */
.els-dashboard-footer .els-footer-old.els-footer-old--jimws-4col .els-footer-old__license > a:first-child:hover,
.els-dashboard-footer .els-footer-old.els-footer-old--jimws-4col .els-footer-old__license > a:first-child:focus {
  opacity: 1 !important;
  transform: none !important;
}

/* Kolom identitas jurnal */
.els-dashboard-footer .els-footer-old.els-footer-old--jimws-4col .els-footer-old__col:first-child p,
.els-dashboard-footer .els-footer-old.els-footer-old--jimws-4col .els-footer-old__col:first-child a {
  line-height: 1.55 !important;
}

/* Creative Commons */
.els-dashboard-footer .els-footer-old.els-footer-old--jimws-4col .els-footer-old__license {
  margin-top: 12px !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}

.els-dashboard-footer .els-footer-old.els-footer-old--jimws-4col .els-footer-old__license img {
  display: block !important;
  width: 88px !important;
  height: auto !important;
  max-width: 88px !important;
  margin: 0 0 8px !important;
  padding: 3px 5px !important;
  background: #ffffff !important;
  border-radius: 4px !important;
}

/* Label ISSN */
.els-dashboard-footer .els-footer-old.els-footer-old--jimws-4col .els_nav_issn_label {
  display: inline-block !important;
  margin-right: 6px !important;
}


/* =========================================================
   Responsive Footer
   ========================================================= */

/* Tablet: 2 kolom */
@media (max-width: 1100px) {
  .els-dashboard-footer .els-footer-old.els-footer-old--jimws-4col {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    column-gap: 44px !important;
    row-gap: 34px !important;
  }

  .els-dashboard-footer .els-dashboard-footer__inner {
    width: min(100%, calc(100% - 56px)) !important;
  }
}

/* Mobile: 1 kolom */
@media (max-width: 700px) {
  .els-dashboard-footer {
    padding: 34px 0 34px !important;
  }

  .els-dashboard-footer .els-dashboard-footer__inner {
    width: min(100%, calc(100% - 32px)) !important;
  }

  .els-dashboard-footer .els-footer-old.els-footer-old--jimws-4col {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }

  .els-dashboard-footer .els-footer-old.els-footer-old--jimws-4col h3 {
    margin-bottom: 14px !important;
    font-size: 16px !important;
  }

  .els-dashboard-footer .els-footer-old.els-footer-old--jimws-4col p,
  .els-dashboard-footer .els-footer-old.els-footer-old--jimws-4col li,
  .els-dashboard-footer .els-footer-old.els-footer-old--jimws-4col a {
    font-size: 14px !important;
  }
}