/* =========================================================
   OJS article list: responsive two-column card layout
   Primary:   #35c99e
   Secondary: #daf9ef
   ========================================================= */

/* Article-list grid */
.cmp_article_list.articles {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
  gap: 24px;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Remove OJS's default separators and spacing */
.cmp_article_list.articles > li,
.cmp_article_list.articles > li + li {
  min-width: 0;
  margin: 0 !important;
  padding: 0 !important;
  border-top: 0 !important;
}

/* Article card */
.cmp_article_list.articles .obj_article_summary {
  position: relative;
  box-sizing: border-box;
  height: 100%;
  padding: 22px;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #daf9ef;
  border-top: 5px solid #35c99e;
  border-radius: 14px;
  box-shadow: 0 8px 24px rgba(28, 104, 82, 0.08);
  transition: transform 0.2s ease, box-shadow 0.2s ease,
    border-color 0.2s ease;
}

.cmp_article_list.articles .obj_article_summary:hover {
  transform: translateY(-4px);
  border-color: #35c99e;
  box-shadow: 0 14px 30px rgba(28, 104, 82, 0.14);
}

/* Article title */
.cmp_article_list.articles .obj_article_summary > .title {
  margin: 0 0 12px;
  font-size: 1.12rem;
  line-height: 1.45;
}

.cmp_article_list.articles .obj_article_summary > .title a {
  color: #176c55;
  font-weight: 700;
  text-decoration: none;
}

.cmp_article_list.articles .obj_article_summary > .title a:hover,
.cmp_article_list.articles .obj_article_summary > .title a:focus {
  color: #0e513f;
  text-decoration: underline;
  text-decoration-color: #35c99e;
  text-underline-offset: 3px;
}

/* Subtitle, author, metadata, and page information */
.cmp_article_list.articles .obj_article_summary > .subtitle {
  margin: -4px 0 12px;
  color: #315f53;
}

.cmp_article_list.articles .obj_article_summary > .meta,
.cmp_article_list.articles .obj_article_summary > .authors,
.cmp_article_list.articles .obj_article_summary > .pages,
.cmp_article_list.articles .obj_article_summary > .published {
  color: #45645c;
  line-height: 1.65;
}

.cmp_article_list.articles .obj_article_summary > .authors {
  margin-bottom: 10px;
}

/* Galley/download links */
.cmp_article_list.articles .obj_article_summary .galleys_links {
  margin-top: 18px;
}

.cmp_article_list.articles .obj_article_summary .galleys_links a,
.cmp_article_list.articles .obj_article_summary .obj_galley_link {
  display: inline-block;
  margin: 4px 6px 4px 0;
  padding: 7px 13px;
  color: #123d32;
  font-weight: 700;
  line-height: 1.35;
  text-decoration: none;
  background: #daf9ef;
  border: 1px solid #35c99e;
  border-radius: 999px;
  transition: color 0.2s ease, background-color 0.2s ease;
}

.cmp_article_list.articles .obj_article_summary .galleys_links a:hover,
.cmp_article_list.articles .obj_article_summary .galleys_links a:focus,
.cmp_article_list.articles .obj_article_summary .obj_galley_link:hover,
.cmp_article_list.articles .obj_article_summary .obj_galley_link:focus {
  color: #123d32;
  background: #35c99e;
}

/* Keyboard focus */
.cmp_article_list.articles a:focus-visible {
  outline: 3px solid #35c99e;
  outline-offset: 3px;
}

/* One column for tablets and phones */
@media (max-width: 767px) {
  .cmp_article_list.articles {
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
  }

  .cmp_article_list.articles .obj_article_summary {
    padding: 18px;
  }
}

/* Respect reduced-motion preferences */
@media (prefers-reduced-motion: reduce) {
  .cmp_article_list.articles .obj_article_summary,
  .cmp_article_list.articles .obj_article_summary .galleys_links a,
  .cmp_article_list.articles .obj_article_summary .obj_galley_link {
    transition: none;
  }

  .cmp_article_list.articles .obj_article_summary:hover {
    transform: none;
  }
}