/* OJS 3.3.x — Site index stylesheet, not a journal stylesheet.
   Designed for the standard PKP Default Theme. Tested conceptually
   against PKP's indexSite.tpl/indexSite.less class structure.
   BACKUP existing stylesheet before replacing. */

/* Base palette and typography */
.pkp_page_index {
  background: #f4f7fb;
  color: #243249;
}
.pkp_page_index .pkp_structure_head {
  background: #123b63;
}
.pkp_page_index .pkp_structure_content {
  max-width: 1250px;
  width: calc(100% - 40px);
  margin: 32px auto 64px;
  background: transparent;
}
.pkp_page_index .pkp_structure_main {
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  float: none;
  background: transparent;
  border: 0;
  padding: 0;
}
.pkp_page_index .pkp_structure_sidebar {
  display: none;
}
.pkp_page_index .page_index_site {
  max-width: none;
}

/* Portal introduction */
.pkp_page_index .page_index_site .about_site {
  background: #fff;
  border: 1px solid #e3eaf3;
  border-left: 5px solid #13a89e;
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(21, 47, 75, .05);
  padding: 27px 32px;
  margin-bottom: 32px;
  line-height: 1.75;
  font-size: 16px;
}
.pkp_page_index .page_index_site .about_site p {margin: 0 0 12px;}
.pkp_page_index .page_index_site .about_site p:last-child {margin-bottom: 0;}

/* Journal directory — 2 cards per row on desktop */
.pkp_page_index .page_index_site .journals { margin-top: 32px; }
.pkp_page_index .page_index_site .journals > ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  padding: 0;
  margin: 0;
  list-style: none;
}
.pkp_page_index .page_index_site .journals > ul > li,
.pkp_page_index .page_index_site .journals > ul > li.has_thumb {
  box-sizing: border-box;
  min-width: 0;
  margin: 0;
  padding: 24px;
  border: 1px solid #e3eaf3;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 7px 22px rgba(20, 45, 75, .055);
  transition: transform .18s ease, box-shadow .18s ease;
}
.pkp_page_index .page_index_site .journals > ul > li:hover {
  transform: translateY(-3px);
  box-shadow: 0 15px 32px rgba(20, 45, 75, .1);
}
.pkp_page_index .page_index_site .journals .thumb {
  width: 100%;
  float: none;
  padding: 0;
  margin: 0 0 18px;
}
.pkp_page_index .page_index_site .journals .thumb img {
  display: block;
  width: auto;
  height: 95px;
  max-width: 100%;
  max-height: 95px;
  object-fit: contain;
}
.pkp_page_index .page_index_site .journals .body,
.pkp_page_index .page_index_site .journals .thumb + .body {
  width: 100%;
  float: none;
  padding: 0;
}
.pkp_page_index .page_index_site .journals h3 {
  margin: 0 0 12px;
  font-size: 19px;
  line-height: 1.4;
  font-weight: 700;
}
.pkp_page_index .page_index_site .journals h3 a { color: #124b78; }
.pkp_page_index .page_index_site .journals h3 a:hover { color: #0a887f; }
.pkp_page_index .page_index_site .journals .description {
  font-size: 14px;
  line-height: 1.65;
  color: #526179;
  overflow-wrap: break-word;
}
.pkp_page_index .page_index_site .journals .description p { margin: 0 0 10px; }
.pkp_page_index .page_index_site .journals .links { margin: 18px 0 0; padding: 0; }
.pkp_page_index .page_index_site .journals .links li { display: inline-block; margin: 0 10px 8px 0; }
.pkp_page_index .page_index_site .journals .links a {
  display: inline-block;
  padding: 9px 14px;
  border: 1px solid #cbdced;
  border-radius: 8px;
  color: #124b78;
  text-decoration: none;
  font-weight: 650;
  font-size: 13px;
}
.pkp_page_index .page_index_site .journals .links a:hover,
.pkp_page_index .page_index_site .journals .links a:focus-visible {
  color: #fff;
  background: #124b78;
  border-color: #124b78;
}

@media (max-width: 820px) {
  .pkp_page_index .pkp_structure_content {width: calc(100% - 28px); margin-top: 18px;}
  .pkp_page_index .page_index_site .journals > ul {grid-template-columns: 1fr; gap: 16px;}
  .pkp_page_index .page_index_site .about_site {padding: 20px;}
  .pkp_page_index .page_index_site .journals > ul > li {padding: 20px;}
}
@media (prefers-reduced-motion: reduce) {
  .pkp_page_index .page_index_site .journals > ul > li {transition: none;}
}