/* =================================================================
   IIAR PUBLICATIONS — SITE-WIDE STYLESHEET
   Open Journal Systems 3.5.x  |  Default Theme
   Applies to ALL journals + the site index from ONE upload.
   Brand colours only. Premium, simple, functional.
   -----------------------------------------------------------------
   Palette:
     #04445c  Navy   (primary / anchor)
     #6fb7b8  Teal   (secondary)
     #d8a442  Gold   (accent / call-to-action)
     #394046  Slate  (body text)
     #000000  Black
   ================================================================= */

:root {
  --iiar-navy:  #04445c;
  --iiar-navy-dark: #03303f;   /* darker shade for hover depth */
  --iiar-teal:  #6fb7b8;
  --iiar-gold:  #d8a442;
  --iiar-slate: #394046;
  --iiar-line:  #e3e8ea;       /* soft border grey, brand-tinted */
  --iiar-bg-soft: #f5f8f9;     /* very light teal-grey panel */
}

/* ---------- 1. BASE TYPOGRAPHY ---------- */
body,
.pkp_structure_page {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
               "Helvetica Neue", Arial, sans-serif;
  color: var(--iiar-slate);
  font-size: 16px;
  line-height: 1.65;
}

h1, h2, h3, h4, h5,
.pkp_structure_content h1,
.pkp_structure_content h2,
.pkp_structure_content h3 {
  color: var(--iiar-navy);
  font-weight: 700;
  line-height: 1.3;
}

/* Comfortable reading width on article/page content */
.pkp_structure_content {
  font-size: 16px;
}

/* ---------- 2. LINKS ---------- */
a,
.pkp_structure_content a {
  color: var(--iiar-navy);
  text-decoration: none;
  transition: color 0.2s ease;
}
a:hover,
a:focus,
.pkp_structure_content a:hover {
  color: var(--iiar-gold);
  text-decoration: underline;
}

/* ---------- 3. TOP / MASTHEAD HEADER ---------- */
.pkp_structure_head {
  background: #ffffff;
  border-bottom: 3px solid var(--iiar-navy);
}

/* Site / journal name */
.pkp_site_name,
.pkp_site_name a,
.pkp_site_name_wrapper a {
  color: var(--iiar-navy) !important;
  font-weight: 700;
}

/* ---------- 4. PRIMARY NAVIGATION ---------- */
.pkp_navigation_primary_row,
.pkp_navigation_primary {
  background: var(--iiar-navy);
}
.pkp_navigation_primary > li > a,
.pkp_navigation_primary a {
  color: #ffffff !important;
  font-weight: 600;
  letter-spacing: 0.2px;
}
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus {
  color: var(--iiar-gold) !important;
  text-decoration: none;
}

/* User nav (Register / Login) */
.pkp_navigation_user > li > a {
  color: var(--iiar-navy) !important;
  font-weight: 600;
}
.pkp_navigation_user > li > a:hover {
  color: var(--iiar-gold) !important;
}

/* ---------- 5. BUTTONS ---------- */
.pkp_button,
a.pkp_button,
.cmp_button,
a.cmp_button,
.obj_issue_toc .download a,
button.submitFormButton {
  background: var(--iiar-navy) !important;
  color: #ffffff !important;
  border: 1px solid var(--iiar-navy) !important;
  border-radius: 4px;
  font-weight: 600;
  padding: 0.5em 1.1em;
  transition: background 0.2s ease, border-color 0.2s ease;
}
.pkp_button:hover,
a.pkp_button:hover,
.cmp_button:hover,
a.cmp_button:hover,
button.submitFormButton:hover {
  background: var(--iiar-gold) !important;
  border-color: var(--iiar-gold) !important;
  color: var(--iiar-navy) !important;
  text-decoration: none;
}

/* ---------- 6. SITE INDEX — JOURNAL LISTING ----------
   Real DOM (OJS 3.5 default site index):
   .page_index_site > .journals > ul > li(.has_thumb)
        > .thumb  > .body ( h3 + .description + ul.links )
   ------------------------------------------------------ */

/* Remove default list bullets/indent on the journals list */
.page_index_site .journals ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Each journal = a card */
.page_index_site .journals ul > li {
  display: flex;
  align-items: flex-start;
  gap: 1.25rem;
  background: #ffffff;
  border: 1px solid var(--iiar-line);
  border-left: 4px solid var(--iiar-gold);
  border-radius: 6px;
  padding: 1.25rem 1.5rem;
  margin-bottom: 1.25rem;
  box-shadow: 0 1px 3px rgba(4, 68, 92, 0.06);
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.page_index_site .journals ul > li:hover {
  box-shadow: 0 4px 14px rgba(4, 68, 92, 0.12);
  transform: translateY(-2px);
}

/* Thumbnail / cover column */
.page_index_site .journals .thumb {
  flex: 0 0 auto;
}
.page_index_site .journals .thumb img {
  border: 1px solid var(--iiar-line);
  border-radius: 4px;
  max-width: 130px;
  height: auto;
  display: block;
}
/* Journals with no cover yet: keep the row tidy, no empty gap */
.page_index_site .journals ul > li:not(.has_thumb) {
  padding-left: 1.5rem;
}

/* Text column */
.page_index_site .journals .body {
  flex: 1 1 auto;
}
.page_index_site .journals .body h3,
.page_index_site .journals .body h2 {
  color: var(--iiar-navy);
  font-size: 1.2rem;
  font-weight: 700;
  margin: 0 0 0.5rem;
  text-transform: none;
  line-height: 1.3;
}
.page_index_site .journals .body h3 a,
.page_index_site .journals .body h2 a {
  color: var(--iiar-navy);
}
.page_index_site .journals .body h3 a:hover,
.page_index_site .journals .body h2 a:hover {
  color: var(--iiar-gold);
}
.page_index_site .journals .description {
  color: var(--iiar-slate);
  font-size: 0.95rem;
  line-height: 1.6;
  margin-bottom: 0.75rem;
}
/* Guard against the H1-leak bug: never let a description render huge */
.page_index_site .journals .description h1,
.page_index_site .journals .description h2,
.page_index_site .journals .description h3 {
  font-size: 0.95rem !important;
  font-weight: 400 !important;
  color: var(--iiar-slate) !important;
  margin: 0 !important;
  line-height: 1.6 !important;
}

/* Action links: View Journal / Current Issue */
.page_index_site .journals ul.links {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.page_index_site .journals ul.links li {
  margin: 0;
}
.page_index_site .journals ul.links a {
  display: inline-block;
  background: var(--iiar-navy);
  color: #ffffff !important;
  font-size: 0.85rem;
  font-weight: 600;
  padding: 0.4em 0.9em;
  border-radius: 4px;
}
.page_index_site .journals ul.links a:hover {
  background: var(--iiar-gold);
  color: var(--iiar-navy) !important;
  text-decoration: none;
}

/* Page heading "Journals" */
.page_index_site .journals > h2,
.page_index_site > h2 {
  color: var(--iiar-navy);
  border-bottom: 2px solid var(--iiar-gold);
  padding-bottom: 0.4rem;
  margin-bottom: 1.5rem;
}

/* ---------- 7. ARTICLE / ISSUE SUMMARIES (inside journals) ---------- */
.obj_article_summary,
.obj_issue_summary {
  border-bottom: 1px solid var(--iiar-line);
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}
.obj_article_summary .title a {
  color: var(--iiar-navy);
  font-weight: 600;
}
.obj_article_summary .title a:hover {
  color: var(--iiar-gold);
}
.obj_article_summary .authors {
  color: var(--iiar-slate);
  font-size: 0.9rem;
}

/* ---------- 8. SIDEBAR BLOCKS ---------- */
.pkp_block .title,
.pkp_block h2,
.pkp_block h3 {
  color: var(--iiar-navy);
  border-bottom: 2px solid var(--iiar-gold);
  padding-bottom: 0.35rem;
  font-size: 1.05rem;
}

/* ---------- 9. FOOTER ---------- */
.pkp_structure_footer_wrapper,
.pkp_structure_footer {
  background: var(--iiar-navy) !important;
  color: #e6eef1;
}
.pkp_structure_footer a,
.pkp_footer_content a {
  color: var(--iiar-teal) !important;
}
.pkp_structure_footer a:hover {
  color: var(--iiar-gold) !important;
}

/* ---------- 10. FORMS / FOCUS (accessibility) ---------- */
input:focus,
select:focus,
textarea:focus,
a:focus,
button:focus {
  outline: 2px solid var(--iiar-teal);
  outline-offset: 1px;
}

/* ---------- 11. TABLES (article metadata, issue TOC) ---------- */
.pkp_structure_content table th {
  background: var(--iiar-bg-soft);
  color: var(--iiar-navy);
}

/* ---------- 12. OJS/PKP CREDIT (footer) ----------
   Confirmed DOM: div.pkp_brand_footer > a > img(ojs_brand.png)
   Render the dark PNG as a quiet white credit on navy. */
.pkp_brand_footer {
  margin-top: 26px;
  padding-top: 16px;
  border-top: 1px solid rgba(255,255,255,0.12);
  text-align: left;
}
.pkp_brand_footer a { display: inline-block; }
.pkp_brand_footer img {
  filter: brightness(0) invert(1);   /* dark logo -> white */
  opacity: 0.6;
  max-height: 34px;
  width: auto;
  transition: opacity 0.2s ease;
}
.pkp_brand_footer a:hover img { opacity: 0.9; }

/* =================================================================
   END IIAR SITE-WIDE STYLESHEET
   ================================================================= */