@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&family=Open+Sans:wght@400;600;700&display=swap');

/* ============================================================
   JAICI — custom stylesheet
   World Research Union
   ============================================================ */

/* ============================================================
   Typography — Lora headings + Open Sans body (WRU house standard)
   Sizes left to the shared theme so they match JIFSA.
   ============================================================ */

body,
.pkp_structure_page,
.pkp_structure_content,
p, li, td, th,
input, button, select, textarea {
  font-family: 'Open Sans', sans-serif;
}

h1, h2, h3, h4, h5, h6,
.pkp_site_name,
.pkp_site_name a,
.cmp_page_header h1,
.obj_article_details .page_title {
  font-family: 'Lora', serif;
}

/* --- Justify reading content only (nav, buttons, sidebar untouched) --- */
.page p,
.obj_article_details .item.abstract p,
.obj_article_details .item.abstract div,
.cmp_announcement p,
section.item.description p,
.about_the_journal p,
.page_about p,
.static_page p {
  text-align: justify;
  text-justify: inter-word;
  hyphens: none;
}

/* ============================================================
   Footer — four-column dark band
   ============================================================ */

/* Hide default PKP brand block; we provide our own footer */
.pkp_brand_footer,
.pkp_structure_footer .pkp_brand_footer {
  display: none;
}

.pkp_structure_footer_wrapper,
.pkp_structure_footer {
  background: #13302E;
  color: #C4D8D3;
  padding: 0;
  min-height: 0;
}

.pkp_structure_footer .pkp_footer_content {
  max-width: 1120px;
  margin: 0 auto;
  padding: 38px 26px 0;
}

.jaici-footer {
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr 1.1fr;
  gap: 34px;
}

.jaici-footer .brand-title {
  color: #FFFFFF;
  font-weight: 700;
  font-size: 15px;
  line-height: 1.3;
  margin: 0 0 12px;
}

.jaici-footer h4 {
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.4px;
  margin: 0 0 14px;
}

.jaici-footer p {
  margin: 0 0 12px;
  font-size: 13.5px;
  line-height: 1.55;
  color: #B2CAC4;
  text-align: left;
}

.jaici-footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.jaici-footer li {
  margin: 0 0 9px;
  font-size: 13.5px;
}

.jaici-footer a {
  color: #A0C6BD;
  text-decoration: none;
}

.jaici-footer a:hover {
  color: #6FC9BB;
  text-decoration: underline;
}

.jaici-footer strong {
  color: #D6E8E3;
}

.jaici-footer-bottom {
  max-width: 1120px;
  margin: 26px auto 0;
  padding: 14px 26px;
  border-top: 1px solid rgba(255,255,255,0.14);
  text-align: center;
  font-size: 12.5px;
  color: #8CADA6;
}

/* ============================================================
   Primary navigation — teal band, white text (match header)
   ============================================================ */

.pkp_navigation_primary_row,
.pkp_site_nav_wrapper,
.pkp_navigation_primary_wrapper {
  background: #1E4D4A;
}

.pkp_navigation_primary a,
.pkp_navigation_primary li a,
.pkp_navigation_search_wrapper a,
.pkp_search a,
.pkp_site_nav_wrapper a {
  color: #FFFFFF !important;
}

.pkp_navigation_primary a:hover,
.pkp_navigation_primary a:focus,
.pkp_navigation_search_wrapper a:hover {
  color: #6FC9BB !important;
}

/* Dropdown panels (About, For Authors) — dark teal, white text */
.pkp_navigation_primary li ul {
  background: #13302E;
}

.pkp_navigation_primary li li a {
  color: #FFFFFF;
}

.pkp_navigation_primary li li a:hover {
  color: #6FC9BB;
}

/* ============================================================
   Full-bleed header + footer (break out of centered page wrapper)
   ============================================================ */

.pkp_structure_head,
.pkp_structure_footer_wrapper {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
}

/* Keep header inner content (logo, user nav, primary nav) centered */
.pkp_structure_head .pkp_head_wrapper {
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
}

/* Footer inner content (.pkp_footer_content) is already centered above */

@media (max-width: 760px) {
  .jaici-footer { grid-template-columns: 1fr 1fr; gap: 26px; }
}
@media (max-width: 460px) {
  .jaici-footer { grid-template-columns: 1fr; }
}