/* JALLU journal stylesheet for the OJS Health Sciences theme.
   Tokens from the JALLU design system: navy #13263f, teal #467777, slate #3f4b61,
   link #25497a, paper #faf8f3, teal-tint #e4efed, rule #d9d5cc. */
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;0,600;1,400&display=swap');

:root {
  --jallu-navy: #13263f;
  --jallu-teal: #467777;
  --jallu-slate: #3f4b61;
  --jallu-link: #25497a;
  --jallu-paper: #faf8f3;
  --jallu-tint: #e4efed;
  --jallu-rule: #d9d5cc;
}

/* Page ground and header */
body { background: var(--jallu-paper); color: var(--jallu-navy); }
.main-header { background-color: var(--jallu-paper); border-bottom: 1px solid var(--jallu-rule); }
.navbar-logo img { max-height: 90px; }

/* Titles in EB Garamond */
h1, h2, h3, h4, .h1, .h2, .h3, .h4,
.page-header h1, .article-details-fulltitle, .issue-toc-title,
.homepage-issue-identifier, .article-summary-title {
  font-family: 'EB Garamond', Garamond, 'Times New Roman', serif;
  font-weight: 500;
  color: var(--jallu-navy);
}
.page-content h2 { font-size: 1.6rem; margin-top: 2.5rem; }
.page-content h3 { font-size: 1.3rem; margin-top: 1.75rem; }

/* Accent rule under page titles (the mark's rounded rule) */
.page-header h1::after,
.page-content > h1:first-child::after {
  content: '';
  display: block;
  width: 48px;
  height: 3px;
  margin: 0.75rem auto 0;
  border-radius: 999px;
  background: var(--jallu-teal);
}

/* Links in running text */
.page-content a, .article-details a, .homepage-additional-content a { color: var(--jallu-link); text-decoration: underline; text-underline-offset: 2px; }
.page-content a:hover, .page-content a:focus { color: var(--jallu-navy); }

/* Focus ring */
a:focus-visible, button:focus-visible, .btn:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 2px solid var(--jallu-teal);
  outline-offset: 2px;
}

/* Buttons written into page content, e.g. "Submit a paper" */
.page-content a.btn, .homepage-additional-content a.btn {
  display: inline-block;
  padding: 0.6rem 1.4rem;
  border-radius: 4px;
  background: var(--jallu-navy);
  color: #fff;
  text-decoration: none;
  font-weight: 500;
}
.page-content a.btn:hover, .homepage-additional-content a.btn:hover { background: var(--jallu-link); color: #fff; }

/* Homepage content block */
.homepage-additional-content { background: #fff; border: 1px solid var(--jallu-rule); border-radius: 4px; padding: 2rem 2.25rem; }
.homepage-additional-content h2 { margin-top: 0; }

/* Footer: light ground so the black Artsürem logo reads without a frame */
.site-footer, .site-footer .site-footer-content { background: var(--jallu-paper); color: var(--jallu-navy); }
.site-footer { border-top: 1px solid var(--jallu-rule); }
.site-footer a { color: var(--jallu-navy); text-decoration: underline; }
.site-footer .site-footer-sidebar { border-bottom-color: var(--jallu-rule); }
.site-footer .footer-brand-image { filter: invert(1) brightness(0.35); }
.site-footer { padding-top: 2.5rem; }
.site-footer .site-footer-sidebar:not(:has(.row > *)) { display: none; }

/* Tables in policy pages: same size as running text */
.page-content .table { font-size: 16px; }
.page-content .table th { font-weight: 600; }

/* Links inside the theme's navy notice boxes stay legible */
.alert a, .alert a:hover, .alert a:focus, .page-content .alert a { color: #fff !important; text-decoration: underline; }

/* Homepage: tighten the space between the banner and the content block */
.container-homepage-issue { margin-top: 0; }
.homepage-additional-content { margin-top: 0; margin-bottom: 3rem; }
@media (max-width: 767px) { .container-homepage-issue { padding-top: 1.5rem; } }

/* Homepage banner: keep the strip slim on wide screens */
.homepage-image img { max-height: 200px; object-fit: cover; object-position: 85% 50%; }

/* Footer: Artsürem platform logo and statement */
.jallu-footer { display: flex; align-items: center; gap: 1.5rem; }
.jallu-footer-logo { flex: 0 0 auto; display: inline-block; line-height: 0; text-decoration: none !important; }
.jallu-footer-logo img { display: block; height: 46px; width: 170px; object-fit: cover; }
.jallu-footer-text p { margin: 0 0 0.35rem; }
.jallu-footer-text p:last-child { margin-bottom: 0; }
@media (max-width: 575px) { .jallu-footer { flex-direction: column; align-items: flex-start; } }

/* Mobile and tablet header: the theme caps the logo at 20px; make it legible */
@media (max-width: 991.98px) {
  .main-header .navbar-brand { max-width: calc(100% - 64px); padding-top: 0.4rem; padding-bottom: 0.4rem; }
  .main-header .navbar-brand img { max-height: 52px; height: auto; width: auto; }
}

/* Board page: "being updated" label next to a board heading */
.jallu-updating { font-size: 0.62em; font-weight: 400; font-style: italic; color: var(--jallu-slate); letter-spacing: 0; white-space: nowrap; }

/* Artsürem jallu_kenar (17 Oct 2026): 16 px side gutter around the homepage content block on phones;
   the text column stays where it was. */
@media (max-width: 575.98px) {
  .container-homepage-issue { padding-left: 16px; padding-right: 16px; }
  .container-homepage-issue > .homepage-additional-content { margin-left: 0; margin-right: 0; padding-left: 20px; padding-right: 20px; }
}