/**
 * ZCPojs Theme v0.8.2 — Scholarly Editorial Board Experience
 * Presentation-only layer for OJS 3.5 public Editorial Masthead.
 */

.page_masthead.zcp_masthead_page {
  --zcp-masthead-border: #dbe4e1;
  --zcp-masthead-muted: #66756f;
  --zcp-masthead-ink: #17211e;
  --zcp-masthead-surface: #ffffff;
  --zcp-masthead-soft: #f5f8f7;
  --zcp-masthead-soft-2: #eef5f2;
  color: var(--zcp-masthead-ink);
}

.page_masthead.zcp_masthead_page::before,
.page_masthead.zcp_masthead_page::after,
.page_masthead.zcp_masthead_page .zcp_masthead_leadership_grid::before,
.page_masthead.zcp_masthead_page .zcp_masthead_leadership_grid::after,
.page_masthead.zcp_masthead_page .zcp_masthead_board_grid::before,
.page_masthead.zcp_masthead_page .zcp_masthead_board_grid::after {
  display: none !important;
  content: none !important;
}

.zcp_masthead_header {
  position: relative;
  overflow: hidden;
  margin: 1.25rem 0 2rem;
  padding: clamp(1.35rem, 2.5vw, 2.2rem);
  border: 1px solid var(--zcp-masthead-border);
  border-radius: var(--zcp-radius, 12px);
  background:
    radial-gradient(circle at 92% 8%, color-mix(in srgb, var(--zcp-accent, #0b6b5b) 11%, transparent) 0, transparent 34%),
    linear-gradient(135deg, #ffffff 0%, var(--zcp-masthead-soft) 100%);
}

.zcp_masthead_header::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 5px;
  height: 100%;
  background: var(--zcp-accent, #0b6b5b);
}

.zcp_masthead_eyebrow {
  margin-bottom: .55rem;
  color: var(--zcp-accent, #0b6b5b);
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .105em;
  text-transform: uppercase;
}

.zcp_masthead_header h1 {
  margin: 0;
  max-width: 760px;
  color: var(--zcp-masthead-ink);
  font-size: clamp(1.65rem, 3vw, 2.45rem);
  line-height: 1.12;
  letter-spacing: -.025em;
}

.zcp_masthead_intro {
  max-width: 800px;
  margin: .85rem 0 0;
  color: var(--zcp-masthead-muted);
  font-size: .98rem;
  line-height: 1.7;
}

.zcp_masthead_stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .7rem;
  max-width: 760px;
  margin-top: 1.45rem;
}

.zcp_masthead_stat {
  min-width: 0;
  padding: .78rem .88rem;
  border: 1px solid var(--zcp-masthead-border);
  border-radius: calc(var(--zcp-radius, 12px) * .75);
  background: rgba(255,255,255,.83);
}

.zcp_masthead_stat strong,
.zcp_masthead_stat span {
  display: block;
}

.zcp_masthead_stat strong {
  color: var(--zcp-accent, #0b6b5b);
  font-size: 1.35rem;
  line-height: 1;
}

.zcp_masthead_stat span {
  margin-top: .35rem;
  color: var(--zcp-masthead-muted);
  font-size: .75rem;
  line-height: 1.25;
}

.zcp_masthead_section {
  margin: 2.25rem 0 0;
}

.zcp_masthead_section_heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 1rem 2rem;
  margin-bottom: 1rem;
  padding-bottom: .8rem;
  border-bottom: 1px solid var(--zcp-masthead-border);
}

.zcp_masthead_section_heading > div {
  display: flex;
  align-items: center;
  min-width: 0;
  gap: .65rem;
}

.zcp_masthead_section_heading h2 {
  margin: 0;
  color: var(--zcp-masthead-ink);
  font-size: 1.23rem;
  line-height: 1.2;
}

.zcp_masthead_section_heading p {
  max-width: 600px;
  margin: 0;
  color: var(--zcp-masthead-muted);
  font-size: .83rem;
  line-height: 1.5;
  text-align: right;
}

.zcp_masthead_section_icon {
  display: inline-flex;
  width: 2rem;
  height: 2rem;
  flex: 0 0 2rem;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--zcp-masthead-soft-2);
  color: var(--zcp-accent, #0b6b5b);
  font-size: .72rem;
  font-weight: 900;
}

.zcp_masthead_leadership_grid,
.zcp_masthead_board_grid,
.zcp_masthead_reviewer_grid {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.zcp_masthead_leadership_grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

.zcp_masthead_board_grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .9rem;
}

.zcp_masthead_card {
  position: relative;
  display: flex;
  min-width: 0;
  gap: .9rem;
  margin: 0 !important;
  padding: 1rem;
  border: 1px solid var(--zcp-masthead-border);
  border-radius: var(--zcp-radius, 12px);
  background: var(--zcp-masthead-surface);
  box-shadow: 0 7px 22px rgba(18, 41, 34, .045);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.zcp_masthead_card:hover {
  transform: translateY(-2px);
  border-color: color-mix(in srgb, var(--zcp-accent, #0b6b5b) 32%, var(--zcp-masthead-border));
  box-shadow: 0 12px 28px rgba(18, 41, 34, .085);
}

.zcp_masthead_card_leadership {
  min-height: 178px;
  padding: 1.2rem;
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--zcp-accent, #0b6b5b) 4%, white) 0%, #ffffff 60%);
}

.zcp_masthead_card_leadership::before {
  content: "";
  position: absolute;
  top: 0;
  right: 1.2rem;
  left: 1.2rem;
  height: 3px;
  border-radius: 0 0 999px 999px;
  background: var(--zcp-accent, #0b6b5b);
  opacity: .72;
}

.zcp_masthead_avatar {
  display: flex;
  width: 58px;
  height: 58px;
  flex: 0 0 58px;
  align-items: center;
  justify-content: center;
  border: 1px solid color-mix(in srgb, var(--zcp-accent, #0b6b5b) 20%, #d9e7e2);
  border-radius: 50%;
  background: var(--zcp-masthead-soft-2);
  color: var(--zcp-accent, #0b6b5b);
  font-size: .94rem;
  font-weight: 900;
  letter-spacing: .035em;
  text-transform: uppercase;
}

.zcp_masthead_card_leadership .zcp_masthead_avatar {
  width: 68px;
  height: 68px;
  flex-basis: 68px;
  font-size: 1.05rem;
}

.zcp_masthead_avatar_small {
  width: 38px;
  height: 38px;
  flex-basis: 38px;
  font-size: .72rem;
}

.zcp_masthead_card_body {
  min-width: 0;
  flex: 1 1 auto;
}

.zcp_masthead_role {
  display: inline-flex;
  align-items: center;
  margin-bottom: .48rem;
  padding: .24rem .52rem;
  border-radius: 999px;
  background: var(--zcp-masthead-soft-2);
  color: var(--zcp-accent, #0b6b5b);
  font-size: .66rem;
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: .035em;
  text-transform: uppercase;
}

.zcp_masthead_card h3 {
  margin: 0;
  color: var(--zcp-masthead-ink);
  font-size: .98rem;
  font-weight: 750;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.zcp_masthead_card_leadership h3 {
  font-size: 1.11rem;
}

.zcp_masthead_affiliation {
  margin: .38rem 0 0;
  color: #485b54;
  font-size: .82rem;
  line-height: 1.45;
}

.zcp_masthead_meta {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem .75rem;
  margin-top: .55rem;
  color: var(--zcp-masthead-muted);
  font-size: .72rem;
  line-height: 1.35;
}

.zcp_masthead_country,
.zcp_masthead_since {
  display: inline-flex;
  align-items: center;
  gap: .28rem;
}

.zcp_masthead_country::before {
  content: "●";
  color: var(--zcp-accent, #0b6b5b);
  font-size: .52rem;
}

.zcp_masthead_links {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
  margin-top: .8rem;
}

.zcp_masthead_link,
.zcp_masthead_history_link,
.zcp_masthead_reviewer_orcid {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  border-radius: 999px;
  color: var(--zcp-accent, #0b6b5b);
  font-size: .72rem;
  font-weight: 750;
  text-decoration: none;
}

.zcp_masthead_link {
  padding: .32rem .54rem;
  border: 1px solid var(--zcp-masthead-border);
  background: #fff;
}

.zcp_masthead_link:hover,
.zcp_masthead_link:focus,
.zcp_masthead_history_link:hover,
.zcp_masthead_history_link:focus,
.zcp_masthead_reviewer_orcid:hover,
.zcp_masthead_reviewer_orcid:focus {
  text-decoration: underline;
}

.zcp_masthead_link_orcid span {
  display: inline-flex;
  width: 1.25rem;
  height: 1.25rem;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #a6ce39;
  color: #fff;
  font-size: .62rem;
  font-weight: 900;
}

.zcp_masthead_history {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-top: 2.1rem;
  padding: 1rem 1.1rem;
  border: 1px solid var(--zcp-masthead-border);
  border-radius: var(--zcp-radius, 12px);
  background: var(--zcp-masthead-soft);
}

.zcp_masthead_history strong {
  display: block;
  color: var(--zcp-masthead-ink);
  font-size: .9rem;
}

.zcp_masthead_history p {
  margin: .2rem 0 0;
  color: var(--zcp-masthead-muted);
  font-size: .76rem;
  line-height: 1.45;
}

.zcp_masthead_history_link {
  flex: 0 0 auto;
  padding: .48rem .72rem;
  border: 1px solid color-mix(in srgb, var(--zcp-accent, #0b6b5b) 25%, var(--zcp-masthead-border));
  background: #fff;
}

.zcp_masthead_reviewer_grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .65rem .9rem;
}

.zcp_masthead_reviewer {
  display: flex;
  align-items: center;
  gap: .7rem;
  min-width: 0;
  margin: 0 !important;
  padding: .72rem .8rem;
  border: 1px solid var(--zcp-masthead-border);
  border-radius: calc(var(--zcp-radius, 12px) * .75);
  background: #fff;
}

.zcp_masthead_reviewer > div:last-child {
  min-width: 0;
}

.zcp_masthead_reviewer strong,
.zcp_masthead_reviewer span {
  display: block;
}

.zcp_masthead_reviewer strong {
  color: var(--zcp-masthead-ink);
  font-size: .82rem;
  line-height: 1.35;
}

.zcp_masthead_reviewer span {
  margin-top: .12rem;
  color: var(--zcp-masthead-muted);
  font-size: .72rem;
  line-height: 1.35;
}

.zcp_masthead_reviewer_orcid {
  margin-top: .24rem;
  font-size: .67rem;
}

@media (max-width: 980px) {
  .zcp_masthead_board_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .zcp_masthead_stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .zcp_masthead_header {
    padding: 1.2rem;
  }
  .zcp_masthead_section_heading {
    display: block;
  }
  .zcp_masthead_section_heading p {
    margin-top: .55rem;
    text-align: left;
  }
  .zcp_masthead_leadership_grid,
  .zcp_masthead_board_grid,
  .zcp_masthead_reviewer_grid {
    grid-template-columns: 1fr;
  }
  .zcp_masthead_history {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 480px) {
  .zcp_masthead_stats {
    grid-template-columns: 1fr 1fr;
  }
  .zcp_masthead_card,
  .zcp_masthead_card_leadership {
    padding: .9rem;
  }
  .zcp_masthead_avatar,
  .zcp_masthead_card_leadership .zcp_masthead_avatar {
    width: 48px;
    height: 48px;
    flex-basis: 48px;
    font-size: .78rem;
  }
}

@media print {
  .zcp_masthead_card,
  .zcp_masthead_card:hover {
    transform: none !important;
    box-shadow: none !important;
  }
  .zcp_masthead_header {
    background: #fff !important;
  }
  .zcp_masthead_links,
  .zcp_masthead_history_link {
    display: none !important;
  }
}