/* CHHJ custom stylesheet for OJS/public site */
/* Based on the uploaded style guide for The Chinggisid History and Heritage Journal */

:root {
  --chhj-text: #222222;
  --chhj-muted: #666666;
  --chhj-border: #d8d8d8;
  --chhj-accent: #2f4f3e;
  --chhj-bg-soft: #f8f8f6;
}

html {
  font-size: 16px;
}

body,
.pkp_structure_page,
.pkp_page_index,
.pkp_page_issue,
.pkp_page_article,
.pkp_block,
.obj_article_summary,
.obj_issue_summary,
.obj_galley_link,
.pkp_site_name_wrapper,
.pkp_navigation_primary_wrapper,
.pkp_footer_content,
.item,
.items > li {
  font-family: "Times New Roman", Times, serif;
  color: var(--chhj-text);
  line-height: 1.7;
}

body {
  background: #ffffff;
}

/* Site title and main branding */
.pkp_site_name .is_text,
.pkp_site_name a {
  font-family: "Times New Roman", Times, serif;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: var(--chhj-accent);
}

.pkp_navigation_primary > li > a,
.pkp_navigation_user > li > a {
  font-family: "Times New Roman", Times, serif;
  font-size: 0.98rem;
}

/* Headings */
h1, h2, h3, h4, h5, h6,
.pkp_page_title,
.obj_article_details .page_title,
.obj_issue_summary .title,
.obj_article_summary .title a {
  font-family: "Times New Roman", Times, serif;
  font-weight: 700;
  color: var(--chhj-text);
  line-height: 1.35;
}

h1,
.pkp_page_title,
.obj_article_details .page_title {
  font-size: 2rem;
}

h2,
.obj_issue_summary .title,
.obj_article_summary .title a {
  font-size: 1.45rem;
}

h3 {
  font-size: 1.2rem;
}

/* Body text and paragraphs */
p,
li,
.description,
.item_summary,
.value,
.label,
.cmp_notification {
  font-size: 1rem;
}

p {
  margin: 0 0 1em 0;
}

/* Links */
a {
  color: var(--chhj-accent);
  text-decoration: none;
}

a:hover,
a:focus {
  text-decoration: underline;
}

/* Content blocks */
.pkp_block,
.obj_article_summary,
.obj_issue_summary,
.obj_announcement_summary,
.cmp_manuscript_button,
.block_make_submission a {
  border-radius: 2px;
}

.obj_article_summary,
.obj_issue_summary,
.obj_announcement_summary {
  border-bottom: 1px solid var(--chhj-border);
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}

/* Abstract / article metadata sections */
.item.abstract,
.item.references,
.item.copyright,
.item.issue,
.item.authors,
.item.published {
  background: var(--chhj-bg-soft);
  border: 1px solid var(--chhj-border);
  padding: 1rem 1.25rem;
  margin-bottom: 1.25rem;
}

/* Tables */
table {
  width: 100%;
  border-collapse: collapse;
  margin: 1.25rem 0;
  font-family: "Times New Roman", Times, serif;
}

th,
td {
  border: 1px solid var(--chhj-border);
  padding: 0.55rem 0.7rem;
  vertical-align: top;
}

th {
  background: var(--chhj-bg-soft);
  font-weight: 700;
  text-align: left;
}

/* Block quotations */
blockquote {
  margin: 1.25rem 2rem;
  padding-left: 1rem;
  border-left: 3px solid var(--chhj-border);
  font-style: italic;
  color: #333333;
}

/* Captions */
figcaption,
.caption,
.pkp_helpers_text_center {
  font-size: 0.92rem;
  color: var(--chhj-muted);
}

/* Buttons */
button,
input[type="submit"],
input[type="button"],
a.button,
.cmp_manuscript_button,
.block_make_submission a,
.obj_galley_link {
  font-family: "Times New Roman", Times, serif;
  background: var(--chhj-accent);
  color: #ffffff !important;
  border: 1px solid var(--chhj-accent);
  padding: 0.5rem 0.9rem;
}

button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
a.button:hover,
.cmp_manuscript_button:hover,
.block_make_submission a:hover,
.obj_galley_link:hover {
  background: #254032;
  border-color: #254032;
  text-decoration: none;
}

/* Sidebar blocks */
.pkp_block .title,
.pkp_block h2,
.pkp_block h3 {
  font-size: 1.05rem;
  border-bottom: 1px solid var(--chhj-border);
  padding-bottom: 0.35rem;
  margin-bottom: 0.7rem;
}

/* Footer */
.pkp_footer_content {
  font-size: 0.95rem;
  color: var(--chhj-muted);
  border-top: 1px solid var(--chhj-border);
  padding-top: 1rem;
}

/* Responsive tweaks */
@media (max-width: 768px) {
  html {
    font-size: 15px;
  }

  h1,
  .pkp_page_title,
  .obj_article_details .page_title {
    font-size: 1.6rem;
  }

  h2,
  .obj_issue_summary .title,
  .obj_article_summary .title a {
    font-size: 1.25rem;
  }

  blockquote {
    margin-left: 1rem;
    margin-right: 1rem;
  }
}