/* =========================================================
   ORDINA – Custom Journal Stylesheet (OJS 3.3, Default theme)
   Upload: Settings > Website > Appearance > Journal style sheet
   Palette : Navy #14284B · Teal #1E8C93 · Gold #C9A227
             White #FFFFFF · Light grey #F2F4F7
   This file only affects the ORDINA journal (per-journal upload).
   ========================================================= */

:root {
  --ord-navy: #14284B;
  --ord-navy-dark: #0B1A33;
  --ord-teal: #1E8C93;
  --ord-teal-light: #E6F4F5;
  --ord-gold: #C9A227;
  --ord-grey: #F2F4F7;
  --ord-text: #1F2A37;
}

/* ---------- Base ---------- */
body {
  color: var(--ord-text);
  background: var(--ord-grey);
}
.pkp_structure_page {
  background: #FFFFFF;
  box-shadow: 0 0 18px rgba(20, 40, 75, 0.08);
}
a { color: var(--ord-teal); }
a:hover, a:focus { color: var(--ord-navy); }

/* ---------- Header + banner (2000 x 330) ---------- */
.pkp_structure_head {
  background: #FFFFFF;
  border-bottom: 4px solid var(--ord-gold);
}
.pkp_site_name_wrapper { padding-left: 0; padding-right: 0; }
.pkp_site_name { padding: 0; }
.pkp_site_name .is_img img {
  display: block;
  width: 100%;
  max-width: 100%;
  max-height: none;
  height: auto;
}

/* ---------- Primary navigation ---------- */
.pkp_navigation_primary_row {
  background: var(--ord-navy);
}
.pkp_navigation_primary_wrapper {
  padding-left: 1.5rem;
  padding-right: 1.25rem;
}
.pkp_navigation_primary > li > a,
.pkp_navigation_search_wrapper a {
  color: #FFFFFF;
  font-weight: 600;
  letter-spacing: 0.02em;
}
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus,
.pkp_navigation_search_wrapper a:hover {
  color: var(--ord-gold);
  border-color: var(--ord-gold);
}
.pkp_navigation_primary ul {
  border-top: 3px solid var(--ord-teal);
}
.pkp_navigation_primary ul a:hover {
  background: var(--ord-teal-light);
  color: var(--ord-navy);
}

/* User menu (Register / Login) */
.pkp_navigation_user_wrapper a { color: var(--ord-navy); }
.pkp_navigation_user_wrapper a:hover { color: var(--ord-teal); }

/* ---------- Headings ---------- */
.page h1,
.obj_issue_toc .heading h2,
.page_index_journal h2 {
  color: var(--ord-navy);
}
.page h1 {
  border-bottom: 3px solid var(--ord-gold);
  padding-bottom: 0.4em;
}

/* ---------- Sidebar blocks ---------- */
.pkp_structure_sidebar .pkp_block {
  padding: 0 0 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid #E2E8F0;
  border-radius: 6px;
  background: #FFFFFF;
  overflow: hidden;
}
.pkp_structure_sidebar .pkp_block .title {
  display: block;
  margin: 0 0 0.75rem;
  padding: 0.6rem 1rem;
  background: var(--ord-navy);
  color: #FFFFFF;
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  border-bottom: 3px solid var(--ord-gold);
}
.pkp_structure_sidebar .pkp_block .content { padding: 0 1rem; }

/* "Make a Submission" built-in block */
.block_make_submission a,
.ordina-btn {
  display: block;
  margin: 0.25rem 1rem 0;
  padding: 0.75rem 1rem;
  background: var(--ord-teal);
  color: #FFFFFF !important;
  text-align: center;
  font-weight: 700;
  border-radius: 4px;
  text-decoration: none;
}
.block_make_submission a:hover,
.ordina-btn:hover { background: var(--ord-navy); }
.ordina-btn--gold { background: var(--ord-gold); color: var(--ord-navy) !important; }
.ordina-btn--gold:hover { background: var(--ord-navy); color: #FFFFFF !important; }

/* Custom sidebar menu list */
.ordina-menu { list-style: none; margin: 0; padding: 0; }
.ordina-menu li { border-bottom: 1px solid #EEF1F5; }
.ordina-menu li:last-child { border-bottom: 0; }
.ordina-menu a {
  display: block;
  padding: 0.55rem 0.25rem 0.55rem 0.9rem;
  color: var(--ord-navy);
  font-size: 0.9rem;
  font-weight: 600;
  text-decoration: none;
  border-left: 3px solid transparent;
}
.ordina-menu a:hover {
  background: var(--ord-teal-light);
  border-left-color: var(--ord-teal);
  color: var(--ord-teal);
}

/* Small info list (ISSN, frequency, tools, indexing) */
.ordina-info { margin: 0; padding: 0; list-style: none; font-size: 0.9rem; }
.ordina-info li { padding: 0.3rem 0; }
.ordina-info strong { color: var(--ord-navy); }
.ordina-badge {
  display: inline-block;
  margin: 0.2rem 0.2rem 0.2rem 0;
  padding: 0.3rem 0.6rem;
  border: 1px solid var(--ord-teal);
  border-radius: 999px;
  color: var(--ord-teal);
  font-size: 0.8rem;
  font-weight: 600;
  text-decoration: none;
}
.ordina-badge:hover { background: var(--ord-teal); color: #FFFFFF; }
.ordina-muted { color: #64748B; font-size: 0.8rem; }

/* ---------- Article & issue listing ---------- */
.obj_article_summary .title a { color: var(--ord-navy); }
.obj_article_summary .title a:hover { color: var(--ord-teal); }
.obj_galley_link {
  border-color: var(--ord-teal);
  color: var(--ord-teal);
}
.obj_galley_link:hover {
  background: var(--ord-teal);
  border-color: var(--ord-teal);
  color: #FFFFFF;
}
.cmp_button,
.pkp_button,
button.submit,
.pkp_search .submit {
  background: var(--ord-navy);
  border-color: var(--ord-navy);
  color: #FFFFFF;
}
.cmp_button:hover,
.pkp_button:hover,
button.submit:hover { background: var(--ord-teal); border-color: var(--ord-teal); }

/* ---------- Static pages content ---------- */
.ordina-page h2 {
  color: var(--ord-navy);
  margin-top: 1.6em;
  padding-left: 0.6rem;
  border-left: 4px solid var(--ord-gold);
}
.ordina-page h3 { color: var(--ord-teal); }
.ordina-page table {
  width: 100%;
  border-collapse: collapse;
  margin: 1rem 0;
  font-size: 0.95rem;
}
.ordina-page th {
  background: var(--ord-navy);
  color: #FFFFFF;
  text-align: left;
  padding: 0.6rem 0.8rem;
}
.ordina-page td {
  padding: 0.6rem 0.8rem;
  border-bottom: 1px solid #E2E8F0;
  vertical-align: top;
}
.ordina-page tr:nth-child(even) td { background: var(--ord-grey); }
.ordina-page .ordina-info-table td:first-child { width: 32%; font-weight: 700; color: var(--ord-navy); }
.ordina-note {
  margin: 1rem 0;
  padding: 0.8rem 1rem;
  background: var(--ord-teal-light);
  border-left: 4px solid var(--ord-teal);
  border-radius: 4px;
}

/* ---------- Footer ---------- */
.pkp_structure_footer_wrapper {
  background: var(--ord-navy);
  border-top: 4px solid var(--ord-gold);
  color: #E2E8F0;
}
.pkp_structure_footer_wrapper a { color: #FFFFFF; }
.pkp_structure_footer_wrapper a:hover { color: var(--ord-gold); }
.pkp_brand_footer { background: var(--ord-navy-dark); }
.pkp_brand_footer img { filter: brightness(0) invert(1); opacity: 0.8; }
.ordina-footer {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem 3rem;
  justify-content: space-between;
  font-size: 0.9rem;
  line-height: 1.6;
}
.ordina-footer h4 {
  margin: 0 0 0.4rem;
  color: var(--ord-gold);
  font-size: 0.85rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.ordina-footer p { margin: 0 0 0.3rem; }

/* ---------- Mobile ---------- */
@media (max-width: 767px) {
  .pkp_navigation_primary_row { background: var(--ord-navy); }
  .ordina-footer { flex-direction: column; }
}