/* ========================================================================== */
/* GOTAVA Atelier v2.11.25 — isolated final-cascade refinements               */
/* Scope: Indexed In, article-title interaction, Visitor and sidebar E-ISSN   */
/* ========================================================================== */

/* -------------------------------------------------------------------------- */
/* 1. Indexed In — four independent tiles, each with its own destination.     */
/* -------------------------------------------------------------------------- */

html body .atelier_journal_rail .atelier_index_logo_grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 11px 12px 13px !important;
  border: 0 !important;
}

html body .atelier_journal_rail .atelier_index_logo_grid .atelier_index_logo_card {
  position: relative !important;
  display: flex !important;
  min-width: 0 !important;
  min-height: 62px !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 7px !important;
  overflow: hidden !important;
  color: inherit !important;
  background: #fff !important;
  border: 1px solid #d4dce1 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
  transition: border-color .14s ease, background-color .14s ease, box-shadow .14s ease, transform .14s ease !important;
}

html body .atelier_journal_rail .atelier_index_logo_grid a.atelier_index_logo_card:hover,
html body .atelier_journal_rail .atelier_index_logo_grid a.atelier_index_logo_card:focus {
  background: #f8fbfc !important;
  border-color: var(--atelier-accent) !important;
  box-shadow: 0 2px 8px rgba(20, 103, 126, .08) !important;
  transform: translateY(-1px) !important;
  text-decoration: none !important;
  outline: none !important;
}

html body .atelier_journal_rail .atelier_index_logo_grid a.atelier_index_logo_card:focus-visible {
  outline: 1px solid var(--atelier-accent) !important;
  outline-offset: 2px !important;
}

/* SINTA is intentionally displayed but inactive until its URL is supplied. */
html body .atelier_journal_rail .atelier_index_logo_grid .atelier_index_logo_card.is-link-pending {
  cursor: default !important;
}

html body .atelier_journal_rail .atelier_index_logo_grid .atelier_index_logo_card::before {
  content: none !important;
  display: none !important;
}

html body .atelier_journal_rail .atelier_index_logo_grid .atelier_index_logo_card img {
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: 94% !important;
  max-height: 43px !important;
  margin: 0 auto !important;
  object-fit: contain !important;
}

html body .atelier_journal_rail .atelier_index_logo_grid .atelier_index_sinta img {
  max-width: 86% !important;
  max-height: 50px !important;
}

html body .atelier_journal_rail .atelier_index_logo_grid .atelier_index_dimensions img {
  max-width: 94% !important;
  max-height: 31px !important;
}

html body .atelier_journal_rail .atelier_index_logo_grid .atelier_index_google img,
html body .atelier_journal_rail .atelier_index_logo_grid .atelier_index_garuda img {
  max-width: 94% !important;
  max-height: 34px !important;
}

/* -------------------------------------------------------------------------- */
/* 2. Article titles — no underline; same restrained interaction as E-ISSN.   */
/* -------------------------------------------------------------------------- */

html body .atelier_article_summary .title a,
html body .atelier_article_summary .title a:visited,
html body .atelier_noble_article_summary .title a,
html body .atelier_noble_article_summary .title a:visited {
  text-decoration: none !important;
  text-underline-offset: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  transition: color .14s ease, opacity .14s ease !important;
}

html body .atelier_article_summary .title a:hover,
html body .atelier_noble_article_summary .title a:hover {
  color: var(--atelier-accent) !important;
  text-decoration: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  opacity: .86 !important;
}

html body .atelier_article_summary .title a:focus,
html body .atelier_noble_article_summary .title a:focus {
  color: var(--atelier-accent) !important;
  text-decoration: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  opacity: 1 !important;
  outline: none !important;
}

html body .atelier_article_summary .title a:focus-visible,
html body .atelier_noble_article_summary .title a:focus-visible {
  outline: 1px solid var(--atelier-accent) !important;
  outline-offset: 3px !important;
}

/* -------------------------------------------------------------------------- */
/* 3. Visitor — allow the fuller FlagCounter to render uncropped.             */
/* -------------------------------------------------------------------------- */

html body .atelier_journal_rail .atelier_rail_visitor .atelier_visitor_inner {
  overflow: visible !important;
}

html body .atelier_journal_rail .atelier_rail_visitor .atelier_visitor_counter_link {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  overflow: visible !important;
}

html body .atelier_journal_rail .atelier_rail_visitor .atelier_visitor_counter_image {
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  border: 0 !important;
  object-fit: contain !important;
}

/* -------------------------------------------------------------------------- */
/* 4. Sidebar E-ISSN — text row plus the supplied barcode artwork.            */
/* -------------------------------------------------------------------------- */

html body .atelier_journal_rail .atelier_rail_ids .atelier_eissn_row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 10px 14px !important;
  border-bottom: 1px solid #edf0f2 !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
}

html body .atelier_journal_rail .atelier_rail_ids .atelier_eissn_label {
  color: #525d63 !important;
  font-weight: 600 !important;
}

html body .atelier_journal_rail .atelier_rail_ids .atelier_eissn_value,
html body .atelier_journal_rail .atelier_rail_ids .atelier_eissn_value:visited {
  color: #202428 !important;
  font-weight: 650 !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  transition: color .14s ease, opacity .14s ease !important;
}

html body .atelier_journal_rail .atelier_rail_ids .atelier_eissn_value:hover {
  color: var(--atelier-accent) !important;
  opacity: .86 !important;
  text-decoration: none !important;
}

html body .atelier_journal_rail .atelier_rail_ids .atelier_eissn_value:focus {
  color: var(--atelier-accent) !important;
  opacity: 1 !important;
  text-decoration: none !important;
  outline: none !important;
}

html body .atelier_journal_rail .atelier_rail_ids .atelier_eissn_value:focus-visible {
  outline: 1px solid var(--atelier-accent) !important;
  outline-offset: 3px !important;
}

html body .atelier_journal_rail .atelier_issn_barcode_wrap {
  margin: 0 !important;
  padding: 12px 12px 14px !important;
  background: #fff !important;
  text-align: center !important;
}

html body .atelier_journal_rail .atelier_issn_barcode_link {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  text-decoration: none !important;
}

html body .atelier_journal_rail .atelier_issn_barcode_image {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-width: 245px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  background: #fff !important;
  border: 0 !important;
  object-fit: contain !important;
}

html body .atelier_journal_rail .atelier_issn_barcode_link:hover .atelier_issn_barcode_image,
html body .atelier_journal_rail .atelier_issn_barcode_link:focus .atelier_issn_barcode_image {
  opacity: .92 !important;
}

html body .atelier_journal_rail .atelier_issn_barcode_link:focus-visible {
  outline: 1px solid var(--atelier-accent) !important;
  outline-offset: 3px !important;
}

/* Keep official logos and barcode on white artwork tiles in dark mode. */
html[data-atelier-theme="dark"] body .atelier_journal_rail .atelier_index_logo_grid .atelier_index_logo_card,
html[data-atelier-theme="dark"] body .atelier_journal_rail .atelier_issn_barcode_wrap {
  background: #fff !important;
}

html[data-atelier-theme="dark"] body .atelier_journal_rail .atelier_rail_ids .atelier_eissn_label {
  color: #c8d4d9 !important;
}

html[data-atelier-theme="dark"] body .atelier_journal_rail .atelier_rail_ids .atelier_eissn_value,
html[data-atelier-theme="dark"] body .atelier_journal_rail .atelier_rail_ids .atelier_eissn_value:visited {
  color: #edf3f5 !important;
}

html[data-atelier-theme="dark"] body .atelier_journal_rail .atelier_rail_ids .atelier_eissn_value:hover,
html[data-atelier-theme="dark"] body .atelier_journal_rail .atelier_rail_ids .atelier_eissn_value:focus {
  color: #6fc0d3 !important;
}

@media (max-width: 420px) {
  html body .atelier_journal_rail .atelier_index_logo_grid .atelier_index_logo_card {
    min-height: 58px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  html body .atelier_journal_rail .atelier_issn_barcode_image {
    max-width: 220px !important;
  }
}