@import url('https://fonts.googleapis.com/css2?family=Source+Serif+4:opsz,wght@8..60,400;8..60,600&family=Source+Sans+3:wght@400;600;700&display=swap');

/* ============================================================
   WRU journal portal (site index) stylesheet
   landing.wrunion.org/ojs
   ------------------------------------------------------------
   Site level. Upload through Administration > Site Settings
   > Appearance > Style sheet. Navy is taken from the WRU logo.

   OJS loads this file on every page, journals included, and
   after each journal's own stylesheet. Every rule below is
   therefore scoped to the portal page (the only page with
   .page_index_site) so it cannot recolour a journal.
   ============================================================ */

/* Hide the PKP/OJS badge everywhere; WRU branding replaces it */
.pkp_brand_footer {
  display: none;
}

body:has(.page_index_site) {
  --wru-navy: #0B0F6B;
  --wru-navy-dark: #070A45;
  --wru-sky: #719DD8;
  font-family: 'Source Sans 3', 'Helvetica Neue', Arial, sans-serif;
}

body:has(.page_index_site) h1,
body:has(.page_index_site) h2,
body:has(.page_index_site) h3,
body:has(.page_index_site) .pkp_structure_main h2,
body:has(.page_index_site) .pkp_structure_main h3 {
  font-family: 'Source Serif 4', Georgia, serif;
  font-weight: 600;
  color: #111111;
}

body:has(.page_index_site) .pkp_structure_main p {
  font-family: 'Source Serif 4', Georgia, serif;
  font-size: 16px;
  line-height: 1.6;
  text-align: left;
}

/* Header: white with the WRU logo, navy rule and menu band */
body:has(.page_index_site) .pkp_structure_head {
  background: #FFFFFF;
  border-bottom: 4px solid var(--wru-navy);
}

body:has(.page_index_site) .pkp_site_name .is_img img {
  max-height: 96px;
  width: auto;
}

body:has(.page_index_site) .pkp_navigation_primary_row,
body:has(.page_index_site) .pkp_navigation_primary_wrapper {
  background: var(--wru-navy);
}

body:has(.page_index_site) .pkp_navigation_primary a,
body:has(.page_index_site) .pkp_navigation_search_wrapper a {
  color: #FFFFFF !important;
}

body:has(.page_index_site) .pkp_navigation_user_wrapper a {
  color: var(--wru-navy) !important;
}

/* Journal list */
body:has(.page_index_site) .journals li {
  border-bottom: 1px solid #E3E5E8;
  padding-bottom: 24px;
  margin-bottom: 24px;
}

body:has(.page_index_site) .journals .thumb img {
  max-width: 140px;
  height: auto;
}

body:has(.page_index_site) .pkp_structure_main a {
  color: var(--wru-navy);
}

body:has(.page_index_site) .journals .links a {
  display: inline-block;
  padding: 6px 14px;
  border: 1px solid var(--wru-navy);
  border-radius: 3px;
  text-decoration: none;
  font-weight: 600;
  margin-right: 8px;
}

body:has(.page_index_site) .journals .links a:hover {
  background: var(--wru-navy);
  color: #FFFFFF;
}

/* Footer */
body:has(.page_index_site) .pkp_structure_footer_wrapper {
  background: var(--wru-navy-dark);
  color: #D5DAF0;
}

.wru-site-footer {
  display: flex;
  align-items: center;
  gap: 24px;
  max-width: 1120px;
  margin: 0 auto;
  padding: 32px 26px;
  font-size: 14px;
  line-height: 1.55;
}

.wru-site-footer img {
  width: 84px;
  height: auto;
  flex: 0 0 auto;
}

.wru-site-footer p {
  margin: 0;
  font-family: 'Source Sans 3', 'Helvetica Neue', Arial, sans-serif;
  color: #D5DAF0;
}

.wru-site-footer a {
  color: #719DD8;
}

@media (max-width: 600px) {
  .wru-site-footer { flex-direction: column; align-items: flex-start; }
}