/* ========================================================================== */
/* GOTAVA Atelier v2.11.28 — Journal Index rail + title/Visitor refinements  */
/* Loaded last. Scope is intentionally narrow and uses final-cascade rules.   */
/* ========================================================================== */

/* -------------------------------------------------------------------------- */
/* 1. Journal Index — same two-column content + journal rail rhythm as policy */
/*    pages, rather than the previous standalone full-width white panel.       */
/* -------------------------------------------------------------------------- */

html body.atelier_journal_index_with_rail .pkp_structure_content.atelier_journal_index_shell,
html body.atelier_journal_index_with_rail .pkp_structure_content.atelier_journal_index_shell.has_sidebar {
  display: block !important;
  width: calc(100% - 24px) !important;
  max-width: var(--atelier-noble-frame, 1240px) !important;
  margin: 14px auto 30px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

html body.atelier_journal_index_with_rail .atelier_journal_index_layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 290px !important;
  gap: 16px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  align-items: start !important;
  box-sizing: border-box !important;
}

html body.atelier_journal_index_with_rail .atelier_journal_index_layout > .atelier_journal_index_main {
  grid-column: 1 !important;
  grid-row: 1 !important;
  display: block !important;
  float: none !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 29px 32px 34px !important;
  background: #fff !important;
  border: 0 !important;
  border-bottom: 3px solid var(--atelier-accent) !important;
  box-shadow: 0 3px 10px rgba(31,45,55,.055) !important;
  box-sizing: border-box !important;
}

html body.atelier_journal_index_with_rail .atelier_journal_index_layout > .atelier_journal_index_rail {
  grid-column: 2 !important;
  grid-row: 1 !important;
  display: flex !important;
  width: 290px !important;
  min-width: 0 !important;
  max-width: 290px !important;
  margin: 0 !important;
  padding: 0 !important;
  align-self: start !important;
}

/* The Static Pages inner wrapper must not become a second white card. */
html body.atelier_journal_index_with_rail .atelier_journal_index_page,
html body.atelier_journal_index_with_rail .atelier_journal_index_main .page,
html body.atelier_journal_index_with_rail .atelier_journal_index_main .cmp_static_page,
html body.atelier_journal_index_with_rail .atelier_journal_index_main .pkp_page_content {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

html body.atelier_journal_index_with_rail .atelier_journal_index_title {
  position: relative !important;
  margin: 0 0 10px !important;
  padding: 0 0 12px !important;
  color: #252a2e !important;
  background: transparent !important;
  border: 0 !important;
  font-size: 19px !important;
  line-height: 1.35 !important;
  font-weight: 750 !important;
  letter-spacing: -.01em !important;
}

html body.atelier_journal_index_with_rail .atelier_journal_index_title::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  width: 48px !important;
  height: 3px !important;
  background: var(--atelier-accent) !important;
}

html body.atelier_journal_index_with_rail .atelier_journal_index_intro {
  max-width: none !important;
  margin: 0 0 21px !important;
  padding: 0 !important;
  color: #424c54 !important;
  font-size: 13px !important;
  line-height: 1.72 !important;
  font-weight: 400 !important;
}

html body.atelier_journal_index_with_rail .atelier_journal_index_intro strong,
html body.atelier_journal_index_with_rail .atelier_journal_index_intro em {
  color: #30373c !important;
}

html body.atelier_journal_index_with_rail .atelier_journal_index_grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 13px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body.atelier_journal_index_with_rail .atelier_journal_index_card {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  min-height: 160px !important;
  margin: 0 !important;
  padding: 17px 18px 15px !important;
  overflow: hidden !important;
  color: #222a2e !important;
  background: #fff !important;
  border: 1px solid #d5dee2 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
  transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease, background-color .15s ease !important;
}

html body.atelier_journal_index_with_rail a.atelier_journal_index_card:hover,
html body.atelier_journal_index_with_rail a.atelier_journal_index_card:focus {
  color: #222a2e !important;
  background: #fbfdfe !important;
  border-color: var(--atelier-accent) !important;
  box-shadow: 0 4px 12px rgba(13,103,126,.075) !important;
  transform: translateY(-1px) !important;
  text-decoration: none !important;
  outline: none !important;
}

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

html body.atelier_journal_index_with_rail .atelier_journal_index_card.is-disabled {
  cursor: default !important;
}

html body.atelier_journal_index_with_rail .atelier_journal_index_logo_wrap {
  display: flex !important;
  min-height: 86px !important;
  flex: 1 1 auto !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 0 10px !important;
  padding: 3px 7px !important;
  background: #fff !important;
  box-sizing: border-box !important;
}

html body.atelier_journal_index_with_rail .atelier_journal_index_logo {
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: 90% !important;
  max-height: 70px !important;
  margin: 0 auto !important;
  border: 0 !important;
  object-fit: contain !important;
}

html body.atelier_journal_index_with_rail .atelier_journal_index_card_sinta .atelier_journal_index_logo {
  max-width: 78% !important;
  max-height: 73px !important;
}

html body.atelier_journal_index_with_rail .atelier_journal_index_card_dimensions .atelier_journal_index_logo {
  max-width: 89% !important;
  max-height: 51px !important;
}

html body.atelier_journal_index_with_rail .atelier_journal_index_card_google .atelier_journal_index_logo {
  max-width: 91% !important;
  max-height: 56px !important;
}

html body.atelier_journal_index_with_rail .atelier_journal_index_card_garuda .atelier_journal_index_logo {
  max-width: 88% !important;
  max-height: 61px !important;
}

html body.atelier_journal_index_with_rail .atelier_journal_index_meta {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  grid-template-areas:
    "name arrow"
    "action arrow" !important;
  align-items: center !important;
  column-gap: 8px !important;
  min-height: 40px !important;
  padding-top: 10px !important;
  border-top: 1px solid #edf0f2 !important;
}

html body.atelier_journal_index_with_rail .atelier_journal_index_name {
  grid-area: name !important;
  color: #20272b !important;
  font-size: 12.5px !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
}

html body.atelier_journal_index_with_rail .atelier_journal_index_action {
  grid-area: action !important;
  margin-top: 2px !important;
  color: #778087 !important;
  font-size: 10.5px !important;
  line-height: 1.3 !important;
  font-weight: 500 !important;
}

html body.atelier_journal_index_with_rail .atelier_journal_index_arrow {
  grid-area: arrow !important;
  align-self: center !important;
  color: var(--atelier-accent) !important;
  font-size: 24px !important;
  line-height: 1 !important;
  font-weight: 400 !important;
  transition: transform .15s ease !important;
}

html body.atelier_journal_index_with_rail a.atelier_journal_index_card:hover .atelier_journal_index_arrow,
html body.atelier_journal_index_with_rail a.atelier_journal_index_card:focus .atelier_journal_index_arrow {
  transform: translateX(2px) !important;
}

html body.atelier_journal_index_with_rail .atelier_journal_index_grid a,
html body.atelier_journal_index_with_rail .atelier_journal_index_grid a:hover,
html body.atelier_journal_index_with_rail .atelier_journal_index_grid a:focus,
html body.atelier_journal_index_with_rail .atelier_journal_index_grid a:visited {
  text-decoration: none !important;
  text-decoration-line: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

/* Explicit icons for all ten policy links. This avoids nth-child drift after
   adding the complete current journal-information menu to Journal Index. */
html body.atelier_journal_index_with_rail .atelier_journal_index_rail .atelier_rail_link_focus::before { content: "\f05a" !important; }
html body.atelier_journal_index_with_rail .atelier_journal_index_rail .atelier_rail_link_team::before { content: "\f0c0" !important; }
html body.atelier_journal_index_with_rail .atelier_journal_index_rail .atelier_rail_link_review::before { content: "\f06e" !important; }
html body.atelier_journal_index_with_rail .atelier_journal_index_rail .atelier_rail_link_process::before { content: "\f0e3" !important; }
html body.atelier_journal_index_with_rail .atelier_journal_index_rail .atelier_rail_link_ethics::before { content: "\f24e" !important; }
html body.atelier_journal_index_with_rail .atelier_journal_index_rail .atelier_rail_link_plagiarism::before { content: "\f002" !important; }
html body.atelier_journal_index_with_rail .atelier_journal_index_rail .atelier_rail_link_open::before { content: "\f09c" !important; }
html body.atelier_journal_index_with_rail .atelier_journal_index_rail .atelier_rail_link_copyright::before { content: "\f1f9" !important; }
html body.atelier_journal_index_with_rail .atelier_journal_index_rail .atelier_rail_link_guidelines::before { content: "\f02d" !important; }
html body.atelier_journal_index_with_rail .atelier_journal_index_rail .atelier_rail_link_fee::before { content: "\f09d" !important; }

/* Article Template links in the generated rail follow the same no-underline
   treatment as the existing sidebar. */
html body.atelier_journal_index_with_rail .atelier_journal_index_rail .atelier_template_doc_link,
html body.atelier_journal_index_with_rail .atelier_journal_index_rail .atelier_template_guidelines,
html body.atelier_journal_index_with_rail .atelier_journal_index_rail .atelier_template_doc_link:hover,
html body.atelier_journal_index_with_rail .atelier_journal_index_rail .atelier_template_guidelines:hover,
html body.atelier_journal_index_with_rail .atelier_journal_index_rail .atelier_template_doc_link:focus,
html body.atelier_journal_index_with_rail .atelier_journal_index_rail .atelier_template_guidelines:focus {
  text-decoration: none !important;
}

/* -------------------------------------------------------------------------- */
/* 2. Article titles — final specificity fix.                                 */
/* v2.8-era homepage/current-issue selectors were more specific than the      */
/* earlier v2.11.25 override, so current Vol. 4 No. 1 could still underline.  */
/* -------------------------------------------------------------------------- */

html body .atelier_v280_home .atelier_article_summary .title a,
html body .atelier_v280_home .atelier_article_summary .title a:visited,
html body .atelier_v291_home .atelier_article_summary .title a,
html body .atelier_v291_home .atelier_article_summary .title a:visited,
html body .atelier_v291_home .atelier_noble_article_summary .title a,
html body .atelier_v291_home .atelier_noble_article_summary .title a:visited,
html body .atelier_noble_issue_page .atelier_article_summary .title a,
html body .atelier_noble_issue_page .atelier_article_summary .title a:visited,
html body .atelier_noble_issue_page .atelier_noble_article_summary .title a,
html body .atelier_noble_issue_page .atelier_noble_article_summary .title a:visited,
html body .atelier_article_list .obj_article_summary .title a,
html body .atelier_article_list .obj_article_summary .title a:visited {
  color: var(--atelier-accent) !important;
  text-decoration: none !important;
  text-decoration-line: none !important;
  text-decoration-thickness: 0 !important;
  text-underline-offset: 0 !important;
  border-bottom: 0 !important;
  background-image: none !important;
  box-shadow: none !important;
  transition: color .14s ease, opacity .14s ease !important;
}

html body .atelier_v280_home .atelier_article_summary .title a:hover,
html body .atelier_v280_home .atelier_article_summary .title a:focus,
html body .atelier_v291_home .atelier_article_summary .title a:hover,
html body .atelier_v291_home .atelier_article_summary .title a:focus,
html body .atelier_v291_home .atelier_noble_article_summary .title a:hover,
html body .atelier_v291_home .atelier_noble_article_summary .title a:focus,
html body .atelier_noble_issue_page .atelier_article_summary .title a:hover,
html body .atelier_noble_issue_page .atelier_article_summary .title a:focus,
html body .atelier_noble_issue_page .atelier_noble_article_summary .title a:hover,
html body .atelier_noble_issue_page .atelier_noble_article_summary .title a:focus,
html body .atelier_article_list .obj_article_summary .title a:hover,
html body .atelier_article_list .obj_article_summary .title a:focus {
  color: #0d7186 !important;
  opacity: .84 !important;
  text-decoration: none !important;
  text-decoration-line: none !important;
  text-decoration-thickness: 0 !important;
  text-underline-offset: 0 !important;
  border-bottom: 0 !important;
  background-image: none !important;
  box-shadow: none !important;
  outline: none !important;
}

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

/* -------------------------------------------------------------------------- */
/* 3. Visitor — Page Views remains visible; the Flags Collected metric is     */
/*    disabled at the FlagCounter image URL by v2.11.28 JS (flags_0).         */
/* -------------------------------------------------------------------------- */

html body .atelier_journal_rail .atelier_rail_visitor {
  margin: 0 0 16px !important;
  background: #fff !important;
  border: 0 !important;
  border-bottom: 3px solid var(--atelier-accent) !important;
  box-shadow: 0 2px 8px rgba(31,45,55,.04) !important;
}

html body .atelier_journal_rail .atelier_rail_visitor > h2 {
  margin: 0 !important;
  padding: 13px 14px 10px !important;
  color: #202428 !important;
  background: #fff !important;
  border-bottom: 1px solid #dfe3e6 !important;
  font-size: 15px !important;
  line-height: 1.25 !important;
  font-weight: 750 !important;
  text-transform: none !important;
}

html body .atelier_journal_rail .atelier_rail_visitor .atelier_visitor_inner {
  display: block !important;
  margin: 0 !important;
  padding: 12px !important;
  overflow: visible !important;
  background: #fff !important;
  text-align: center !important;
}

html body .atelier_journal_rail .atelier_rail_visitor .atelier_visitor_counter_link {
  display: flex !important;
  width: 100% !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  text-decoration: none !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;
  padding: 0 !important;
  border: 0 !important;
  object-fit: contain !important;
}

/* Keep official logo/barcode/counter artwork on white. */
html[data-atelier-theme="dark"] body.atelier_journal_index_with_rail .atelier_journal_index_main,
html[data-atelier-theme="dark"] body.atelier_journal_index_with_rail .atelier_journal_index_card,
html[data-atelier-theme="dark"] body.atelier_journal_index_with_rail .atelier_journal_index_logo_wrap,
html[data-atelier-theme="dark"] body .atelier_journal_rail .atelier_rail_visitor .atelier_visitor_inner {
  background: #fff !important;
}

html[data-atelier-theme="dark"] body.atelier_journal_index_with_rail .atelier_journal_index_title,
html[data-atelier-theme="dark"] body.atelier_journal_index_with_rail .atelier_journal_index_name {
  color: #20272b !important;
}

html[data-atelier-theme="dark"] body.atelier_journal_index_with_rail .atelier_journal_index_intro {
  color: #4d565b !important;
}

@media (max-width: 920px) {
  html body.atelier_journal_index_with_rail .atelier_journal_index_layout {
    grid-template-columns: minmax(0, 1fr) 250px !important;
    gap: 12px !important;
  }

  html body.atelier_journal_index_with_rail .atelier_journal_index_layout > .atelier_journal_index_rail {
    width: 250px !important;
    max-width: 250px !important;
  }

  html body.atelier_journal_index_with_rail .atelier_journal_index_layout > .atelier_journal_index_main {
    padding: 26px 24px 30px !important;
  }

  html body.atelier_journal_index_with_rail .atelier_journal_index_grid {
    gap: 11px !important;
  }

  html body.atelier_journal_index_with_rail .atelier_journal_index_card {
    min-height: 150px !important;
    padding: 15px !important;
  }
}

@media (max-width: 760px) {
  html body.atelier_journal_index_with_rail .atelier_journal_index_layout {
    display: block !important;
  }

  html body.atelier_journal_index_with_rail .atelier_journal_index_layout > .atelier_journal_index_main {
    padding: 24px 20px 28px !important;
  }

  html body.atelier_journal_index_with_rail .atelier_journal_index_layout > .atelier_journal_index_rail {
    width: 100% !important;
    max-width: none !important;
    margin-top: 14px !important;
  }
}

@media (max-width: 560px) {
  html body.atelier_journal_index_with_rail .pkp_structure_content.atelier_journal_index_shell,
  html body.atelier_journal_index_with_rail .pkp_structure_content.atelier_journal_index_shell.has_sidebar {
    width: calc(100% - 16px) !important;
    margin-top: 10px !important;
  }

  html body.atelier_journal_index_with_rail .atelier_journal_index_layout > .atelier_journal_index_main {
    padding: 21px 15px 25px !important;
  }

  html body.atelier_journal_index_with_rail .atelier_journal_index_title {
    font-size: 18px !important;
  }

  html body.atelier_journal_index_with_rail .atelier_journal_index_intro {
    margin-bottom: 18px !important;
    font-size: 12.5px !important;
    line-height: 1.7 !important;
  }

  html body.atelier_journal_index_with_rail .atelier_journal_index_grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
  }

  html body.atelier_journal_index_with_rail .atelier_journal_index_card {
    min-height: 145px !important;
    padding: 14px 15px !important;
  }

  html body.atelier_journal_index_with_rail .atelier_journal_index_logo_wrap {
    min-height: 82px !important;
    margin-bottom: 8px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body.atelier_journal_index_with_rail .atelier_journal_index_card,
  html body.atelier_journal_index_with_rail .atelier_journal_index_arrow {
    transition: none !important;
  }
}