/* =========================
   TEXT JUSTIFY
========================= */
body,
p,
.pkp_structure_content,
.pkp_structure_content p,
.pkp_page,
.pkp_page p,
.page,
.page p,
.item,
.item p {
  text-align: justify;
}

/* =========================
   BUILT-IN ORCID ICONS
========================= */
.orcid-profile img,
.orcid img,
a.orcid img {
  width: 12px !important;
  height: 12px !important;
  max-width: 12px !important;
  vertical-align: middle;
}

.orcid {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

/* =========================
   FOOTER
========================= */
.footer-btm {
  background: #f2f2f2;
  color: #333;
  border-top: 1px solid #ddd;
  padding: 20px 0;
}

.footer-btm a {
  color: #1f4f82;
  text-decoration: none;
}

/* =========================
   OIJ PAGE
========================= */
body .oij-board-page {
  max-width: 1180px !important;
  margin: 0 auto !important;
  padding: 32px 20px 60px !important;
  font-family: Arial, sans-serif !important;
  color: #24364b !important;
}

body .oij-board-page a {
  text-decoration: none !important;
}

/* =========================
   HERO
========================= */
body .oij-board-page .oij-board-hero {
  display: grid !important;
  grid-template-columns: 220px 1fr !important;
  gap: 28px !important;
  align-items: center !important;
  padding: 30px !important;
  margin-bottom: 30px !important;
  border: 1px solid #e3dfe3 !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg, #ffffff 0%, #fbf7f8 100%) !important;
}

body .oij-board-page .oij-board-logo {
  max-width: 200px !important;
  width: 100% !important;
  height: auto !important;
  display: block !important;
  margin: 0 auto !important;
}

body .oij-board-page .oij-board-kicker {
  display: inline-block !important;
  margin: 0 0 10px !important;
  padding: 7px 12px !important;
  border: 1px solid #edd6dc !important;
  border-radius: 30px !important;
  background: #fff5f7 !important;
  color: #9d2235 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .4px !important;
  text-transform: uppercase !important;
}

body .oij-board-page .oij-board-hero-text h1 {
  margin: 0 0 10px !important;
  color: #243f73 !important;
  font-size: 40px !important;
  text-align: left !important;
}

body .oij-board-page .oij-board-hero-text p {
  margin: 0 !important;
  color: #5f7186 !important;
  font-size: 17px !important;
  line-height: 1.8 !important;
}

/* =========================
   SECTION TITLES
========================= */
body .oij-board-page .oij-board-section {
  margin-top: 28px !important;
}

body .oij-board-page .oij-section-title {
  margin-bottom: 16px !important;
}

body .oij-board-page .oij-section-title h2 {
  margin: 0 !important;
  padding-left: 14px !important;
  border-left: 4px solid #d7263d !important;
  color: #243f73 !important;
  font-size: 28px !important;
  text-align: left !important;
}

/* =========================
   PERSON LIST / CARD
========================= */
body .oij-board-page .oij-person-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

body .oij-board-page .oij-person-card {
  display: grid !important;
  grid-template-columns: 200px 1fr !important;
  gap: 24px !important;
  align-items: start !important;
  padding: 22px !important;
  border: 1px solid #e3dfe3 !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  box-shadow: 0 8px 18px rgba(36, 63, 115, 0.05) !important;
  margin-bottom: 20px !important;
}

body .oij-board-page .oij-person-card--highlight {
  border-top: 4px solid #d7263d !important;
}

body .oij-board-page .oij-person-photo {
  width: 200px !important;
  height: 200px !important;
  object-fit: cover !important;
  border-radius: 14px !important;
  border: 1px solid #ece5e7 !important;
  display: block !important;
  background: #faf8f9 !important;
}

body .oij-board-page .oij-role-pill {
  display: inline-block !important;
  margin: 0 0 10px !important;
  padding: 7px 12px !important;
  border-radius: 30px !important;
  background: #243f73 !important;
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .4px !important;
}

body .oij-board-page .oij-person-body h3 {
  margin: 0 0 8px !important;
  color: #243f73 !important;
  font-size: 26px !important;
  line-height: 1.25 !important;
  text-align: left !important;
}

body .oij-board-page .oij-person-field {
  display: inline-block !important;
  margin: 0 0 10px !important;
  padding: 7px 12px !important;
  border-radius: 20px !important;
  background: #f8eef1 !important;
  color: #8a2434 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
}

body .oij-board-page .oij-person-affiliation {
  margin: 0 0 12px !important;
  color: #5f7186 !important;
  font-size: 15px !important;
  text-align: left !important;
  line-height: 1.7 !important;
}

/* =========================
   INLINE LINKS
========================= */
body .oij-board-page .oij-link-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px 14px !important;
  align-items: center !important;
  margin-top: 8px !important;
}

body .oij-board-page .oij-inline-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #243f73 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
}

body .oij-board-page .oij-inline-link img {
  width: 20px !important;
  height: 20px !important;
  max-width: 20px !important;
  object-fit: contain !important;
  display: block !important;
}

body .oij-board-page .oij-inline-link img[src*="scopus"] {
  width: 20px !important;
  height: 20px !important;
  max-width: 20px !important;
}

body .oij-board-page .oij-inline-link:hover {
  color: #d7263d !important;
}

body .oij-board-page .oij-bio-inline {
  font-weight: 700 !important;
}

/* =========================
   THEME FIX
========================= */
body:has(.oij-board-page) .pkp_structure_sidebar,
body:has(.oij-board-page) .pkp_blockcolumn,
body:has(.oij-board-page) .pkp_sidebar_left,
body:has(.oij-board-page) .pkp_sidebar_right {
  display: none !important;
}

body:has(.oij-board-page) .pkp_structure_main {
  max-width: 1280px !important;
  width: 100% !important;
  margin: 0 auto !important;
}

/* =========================
   MOBILE
========================= */
@media (max-width: 820px) {
  body .oij-board-page .oij-board-hero,
  body .oij-board-page .oij-person-card {
    grid-template-columns: 1fr !important;
  }

  body .oij-board-page .oij-board-logo,
  body .oij-board-page .oij-person-photo {
    margin: 0 auto !important;
  }

  body .oij-board-page .oij-person-body,
  body .oij-board-page .oij-link-row {
    text-align: center !important;
    justify-content: center !important;
  }

  body .oij-board-page .oij-person-body h3,
  body .oij-board-page .oij-section-title h2,
  body .oij-board-page .oij-board-hero-text h1,
  body .oij-board-page .oij-person-affiliation {
    text-align: center !important;
  }

  body .oij-board-page .oij-person-field {
    display: table !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}