/* ===== IJOMCR premium styling v3 ===== */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Source+Serif+4:wght@400;600;700&display=swap');

:root {
  --ij-navy: #12355b;
  --ij-navy-dark: #0b2542;
  --ij-gold: #b8893b;
  --ij-text: #2b2f36;
  --ij-muted: #6b7280;
  --ij-line: #e5e7eb;
}

body {
  font-family: 'Inter', Arial, sans-serif !important;
  font-size: 15px !important;
  color: var(--ij-text);
  line-height: 1.6;
}

/* Section headings like "Case Reports" */
h2, h3.section, .section h2, .sections h2 {
  font-family: 'Source Serif 4', Georgia, serif !important;
  font-weight: 700 !important;
  color: var(--ij-navy) !important;
  letter-spacing: 0.2px;
}

/* ---------- Article titles ---------- */
h3 a, h4 a, h2 a,
[class*="title"] a,
[class*="Title"] a {
  font-family: 'Source Serif 4', Georgia, serif !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  color: var(--ij-navy) !important;
  text-decoration: none !important;
}
h3 a:hover, h4 a:hover, h2 a:hover,
[class*="title"] a:hover,
[class*="Title"] a:hover {
  color: var(--ij-gold) !important;
}

/* ---------- Authors / pages ---------- */
[class*="author"], [class*="Author"] {
  font-size: 13px !important;
  color: var(--ij-muted) !important;
  font-weight: 400 !important;
}
[class*="pages"], [class*="Pages"] {
  font-size: 12.5px !important;
  color: var(--ij-muted) !important;
}

/* ---------- PDF / HTML buttons ---------- */
a[class*="galley"],
a[class*="btn"],
a[class*="button"],
a.pdf, a.html, a.file,
a[href*="/article/download/"] {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  margin: 8px 8px 0 0 !important;
  padding: 5px 16px !important;
  font-family: 'Inter', Arial, sans-serif !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
  color: var(--ij-navy) !important;
  background: #fff !important;
  border: 1.5px solid var(--ij-navy) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}
a[class*="galley"]:hover,
a[class*="btn"]:hover,
a[class*="button"]:hover,
a.pdf:hover, a.html:hover, a.file:hover,
a[href*="/article/download/"]:hover {
  color: #fff !important;
  background: var(--ij-navy) !important;
  box-shadow: 0 3px 8px rgba(18, 53, 91, 0.25) !important;
  transform: translateY(-1px);
}

/* ---------- FIX: cover links must never look like buttons (removes the circle) ---------- */
[class*="cover"] a,
a[class*="cover"],
[class*="cover"] a:hover,
a[class*="cover"]:hover {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;
  transform: none !important;
}

/* ---------- Cover thumbnails (issue cover etc.) ---------- */
[class*="cover"] img {
  max-width: 130px !important;
  height: auto !important;
  border-radius: 4px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18) !important;
}

/* ---------- Hide the repeated cover on each article row ----------
   (applies only to a block that also holds article download links)
   To bring covers back, delete this block. */
*:has(> [class*="cover"]):has(a[href*="/article/download/"]) > [class*="cover"] {
  display: none !important;
}

/* ---------- Sidebar links ---------- */
.pkp_block a, [class*="sidebar"] a {
  color: var(--ij-navy);
}