/**
 * NIJES OJS 3.5.0-5 Custom Journal Stylesheet
 * Integrates NIJES visual identity into Open Journal Systems
 * Primary: #0B3C78 (Deep Blue) | Secondary: #D4A017 (Gold) | Background: #F8FAFC
 * Typography: Inter & Merriweather
 */

/* ── Typography & Base Imports ──────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Merriweather:ital,wght@0,400;0,700;0,900;1,400&family=JetBrains+Mono:wght@400;500&display=swap');

:root {
  --nijes-primary: #0B3C78;
  --nijes-primary-light: #1E5AA8;
  --nijes-primary-dark: #072855;
  --nijes-secondary: #D4A017;
  --nijes-secondary-light: #F0BE4A;
  --nijes-secondary-dark: #A87C10;
  --nijes-bg: #F8FAFC;
  --nijes-surface: #FFFFFF;
  --nijes-border: #E2E8F0;
  --nijes-text: #0F172A;
  --nijes-text-muted: #64748B;
  --nijes-font-main: 'Inter', system-ui, -apple-system, sans-serif;
  --nijes-font-heading: 'Merriweather', Georgia, serif;
}

body {
  font-family: var(--nijes-font-main) !important;
  color: var(--nijes-text) !important;
  background-color: var(--nijes-bg) !important;
  line-height: 1.65 !important;
}

/* ── OJS Top Header & Navigation ────────────────────────────── */
.pkp_site_nav,
.pkp_head {
  background: #FFFFFF !important;
  border-bottom: 2px solid var(--nijes-border) !important;
  box-shadow: 0 4px 20px rgba(11, 60, 120, 0.06) !important;
}

.pkp_site_name .is_text {
  font-family: var(--nijes-font-heading) !important;
  font-weight: 900 !important;
  font-size: 1.65rem !important;
  color: var(--nijes-primary) !important;
  text-decoration: none !important;
}

.pkp_site_name .is_img img {
  max-height: 60px !important;
  width: auto !important;
  border-radius: 50% !important;
}

/* Primary Nav Menu */
.pkp_navigation_primary > li > a {
  font-family: var(--nijes-font-main) !important;
  font-weight: 600 !important;
  font-size: 0.9rem !important;
  color: #334155 !important;
  padding: 12px 16px !important;
  transition: all 0.2s ease !important;
}

.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus,
.pkp_navigation_primary > li.active > a {
  color: var(--nijes-primary) !important;
  background-color: rgba(11, 60, 120, 0.06) !important;
  border-radius: 6px !important;
}

/* User Nav Menu (Login / Register) */
.pkp_navigation_user > li > a {
  font-family: var(--nijes-font-main) !important;
  font-weight: 600 !important;
  font-size: 0.85rem !important;
  color: var(--nijes-primary) !important;
  padding: 8px 14px !important;
}

.pkp_navigation_user > li > a:hover {
  color: var(--nijes-primary-light) !important;
}

/* ── Headings & Titles ──────────────────────────────────────── */
h1, h2, h3, h4, h5, h6,
.page_title,
.obj_issue_summary .title,
.obj_article_summary .title {
  font-family: var(--nijes-font-heading) !important;
  color: var(--nijes-primary) !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
}

.page_title {
  font-size: 2rem !important;
  margin-bottom: 1.5rem !important;
  border-bottom: 2px solid rgba(212, 160, 23, 0.35) !important;
  padding-bottom: 0.75rem !important;
}

/* ── Action Buttons & Primary Controls ──────────────────────── */
.pkp_button,
.cmp_button,
a.pkp_button,
button.pkp_button_primary,
.obj_galley_link {
  font-family: var(--nijes-font-main) !important;
  font-weight: 600 !important;
  border-radius: 24px !important;
  transition: all 0.25s ease !important;
  text-decoration: none !important;
}

.pkp_button_primary,
button.pkp_button_primary,
input[type="submit"].pkp_button_primary {
  background: var(--nijes-primary) !important;
  border-color: var(--nijes-primary) !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 12px rgba(11, 60, 120, 0.2) !important;
}

.pkp_button_primary:hover,
button.pkp_button_primary:hover {
  background: var(--nijes-primary-light) !important;
  border-color: var(--nijes-primary-light) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 16px rgba(11, 60, 120, 0.3) !important;
}

/* PDF Galley Link */
.obj_galley_link.pdf,
a.obj_galley_link {
  background: linear-gradient(135deg, var(--nijes-secondary), var(--nijes-secondary-dark)) !important;
  color: #FFFFFF !important;
  border: none !important;
  padding: 8px 18px !important;
  font-size: 0.82rem !important;
  box-shadow: 0 4px 14px rgba(212, 160, 23, 0.3) !important;
}

.obj_galley_link.pdf:hover,
a.obj_galley_link:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(212, 160, 23, 0.45) !important;
  color: #FFFFFF !important;
}

/* ── Article & Issue Cards ──────────────────────────────────── */
.obj_article_summary,
.obj_issue_summary {
  background: var(--nijes-surface) !important;
  border: 1px solid var(--nijes-border) !important;
  border-radius: 12px !important;
  padding: 24px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03) !important;
  transition: all 0.2s ease !important;
}

.obj_article_summary:hover,
.obj_issue_summary:hover {
  border-color: rgba(11, 60, 120, 0.3) !important;
  box-shadow: 0 8px 24px rgba(11, 60, 120, 0.08) !important;
  transform: translateY(-2px) !important;
}

.obj_article_summary .title a {
  color: var(--nijes-primary) !important;
  text-decoration: none !important;
}

.obj_article_summary .title a:hover {
  color: var(--nijes-primary-light) !important;
}

.obj_article_summary .authors {
  font-weight: 500 !important;
  color: #475569 !important;
  font-size: 0.9rem !important;
}

/* ── DOI & Metadata Badges ──────────────────────────────────── */
.pub_id.doi,
.badge {
  display: inline-block !important;
  background: rgba(11, 60, 120, 0.08) !important;
  color: var(--nijes-primary) !important;
  padding: 4px 10px !important;
  border-radius: 6px !important;
  font-size: 0.78rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

/* ── Forms, Inputs & Wizard ─────────────────────────────────── */
input[type="text"],
input[type="email"],
input[type="password"],
textarea,
select {
  border: 1.5px solid var(--nijes-border) !important;
  border-radius: 8px !important;
  padding: 10px 14px !important;
  font-family: var(--nijes-font-main) !important;
  font-size: 0.95rem !important;
}

input:focus,
textarea:focus,
select:focus {
  border-color: var(--nijes-primary) !important;
  box-shadow: 0 0 0 3px rgba(11, 60, 120, 0.15) !important;
  outline: none !important;
}

/* ── Footer ─────────────────────────────────────────────────── */
.pkp_site_footer {
  background: var(--nijes-primary-dark) !important;
  color: rgba(255, 255, 255, 0.85) !important;
  border-top: 3px solid var(--nijes-secondary) !important;
  padding: 36px 0 !important;
  margin-top: 60px !important;
}

.pkp_site_footer a {
  color: var(--nijes-secondary-light) !important;
  text-decoration: none !important;
}

.pkp_site_footer a:hover {
  text-decoration: underline !important;
}