/* =========================================================
   PSH — ELSEVIER/SCIENCEDIRECT-INSPIRED JOURNAL HEADER V2
   Genuine structural redesign:
   TOP utility bar
   GREEN journal masthead with cover + journal identity + facts
   WHITE action/navigation bar
   ========================================================= */

#headerNavigationContainer.psh-sd-header{
  --sd-green:#4fba7c;
  --sd-green-dark:#2f7d59;
  --sd-navy:#073b5c;
  --sd-blue:#0073a8;
  --sd-ink:#17262e;
  --sd-text:#34454f;
  --sd-muted:#677983;
  --sd-line:#d7e1e5;
  --sd-white:#ffffff;
  --sd-soft:#f5f7f7;

  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  background:#fff!important;
  border:0!important;
  box-shadow:none!important;
  font-family:Arial,"Helvetica Neue",Helvetica,sans-serif!important;
  position:relative!important;
  z-index:1000!important;
}

#headerNavigationContainer.psh-sd-header,
#headerNavigationContainer.psh-sd-header *{
  box-sizing:border-box!important;
}

#headerNavigationContainer.psh-sd-header a{
  text-decoration:none!important;
}

#headerNavigationContainer.psh-sd-header .pkp_head_wrapper{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
}

#headerNavigationContainer.psh-sd-header .pkp_site_nav_toggle{
  display:none!important;
}


/* =========================================================
   1. DARK TOP UTILITY BAR
   ========================================================= */

#headerNavigationContainer.psh-sd-header .psh-sd-utility{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  min-height:38px!important;
  width:100%!important;
  padding:0 28px!important;
  margin:0!important;
  background:#063752!important;
  border:0!important;
}

#headerNavigationContainer.psh-sd-header .psh-sd-utility-left,
#headerNavigationContainer.psh-sd-header .psh-sd-user{
  display:flex!important;
  align-items:center!important;
  gap:22px!important;
}

#headerNavigationContainer.psh-sd-header .psh-sd-utility-link{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  min-height:38px!important;
  color:#fff!important;
  font-size:11.5px!important;
  font-weight:700!important;
  line-height:1!important;
  white-space:nowrap!important;
}

#headerNavigationContainer.psh-sd-header .psh-sd-utility-link:hover{
  color:#a7e4bf!important;
}

#headerNavigationContainer.psh-sd-header .psh-sd-utility-link img{
  width:13px!important;
  height:13px!important;
  object-fit:contain!important;
  filter:brightness(0) saturate(100%) invert(86%) sepia(17%) saturate(1026%) hue-rotate(87deg) brightness(100%) contrast(88%)!important;
}


/* Dynamic OJS user menu */
#headerNavigationContainer.psh-sd-header .psh-sd-user ul,
#headerNavigationContainer.psh-sd-header ul.psh-sd-user-menu{
  display:flex!important;
  align-items:center!important;
  gap:18px!important;
  list-style:none!important;
  margin:0!important;
  padding:0!important;
}

#headerNavigationContainer.psh-sd-header .psh-sd-user-menu > li{
  margin:0!important;
  padding:0!important;
  float:none!important;
  background:transparent!important;
  border:0!important;
}

#headerNavigationContainer.psh-sd-header .psh-sd-user-menu > li > a{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  min-height:38px!important;
  margin:0!important;
  padding:0!important;
  color:#fff!important;
  background:transparent!important;
  border:0!important;
  font-size:11.5px!important;
  font-weight:700!important;
  line-height:1!important;
  white-space:nowrap!important;
}

#headerNavigationContainer.psh-sd-header .psh-sd-user-menu > li > a:hover{
  color:#a7e4bf!important;
}


/* =========================================================
   2. GREEN JOURNAL MASTHEAD — MAIN CHANGE
   ========================================================= */

#headerNavigationContainer.psh-sd-header .psh-sd-masthead{
  position:relative!important;
  display:grid!important;
  grid-template-columns:190px minmax(0,1fr) 360px!important;
  align-items:stretch!important;
  min-height:255px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  background:linear-gradient(90deg,#59bd83 0%,#4db97c 55%,#49b679 100%)!important;
  border:0!important;
  overflow:visible!important;
}


/* Current issue cover */
#headerNavigationContainer.psh-sd-header .psh-sd-cover-zone{
  position:relative!important;
  min-height:255px!important;
}

#headerNavigationContainer.psh-sd-header .psh-sd-cover{
  position:absolute!important;
  z-index:5!important;
  left:14px!important;
  top:-28px!important;
  width:158px!important;
  margin:0!important;
  color:inherit!important;
  text-decoration:none!important;
}

#headerNavigationContainer.psh-sd-header .psh-sd-cover img{
  display:block!important;
  width:158px!important;
  max-width:158px!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  background:#fff!important;
  border:1px solid rgba(0,0,0,.16)!important;
  border-radius:0!important;
  box-shadow:0 10px 24px rgba(0,0,0,.21)!important;
}

#headerNavigationContainer.psh-sd-header .psh-sd-cover-caption{
  display:block!important;
  margin-top:7px!important;
  color:#103a28!important;
  font-size:9px!important;
  font-weight:700!important;
  line-height:1.3!important;
  text-align:center!important;
}


/* Journal identity center */
#headerNavigationContainer.psh-sd-header .psh-sd-identity{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-width:0!important;
  padding:38px 30px!important;
}

#headerNavigationContainer.psh-sd-header .psh-sd-title{
  margin:0!important;
  padding:0!important;
  color:#081911!important;
  font-family:Arial,"Helvetica Neue",Helvetica,sans-serif!important;
  font-size:38px!important;
  font-weight:500!important;
  line-height:1.08!important;
  letter-spacing:-.55px!important;
}

#headerNavigationContainer.psh-sd-header .psh-sd-access{
  margin:8px 0 0!important;
  padding:0!important;
  color:#0f2e21!important;
  font-size:14px!important;
  font-weight:500!important;
  line-height:1.35!important;
}

#headerNavigationContainer.psh-sd-header .psh-sd-publisher-line{
  margin:19px 0 0!important;
  padding:0!important;
  color:#193b2c!important;
  font-size:11.5px!important;
  font-weight:400!important;
  line-height:1.45!important;
}

#headerNavigationContainer.psh-sd-header .psh-sd-publisher-line strong{
  font-weight:700!important;
}


/* Right facts — similar to Plant Stress metrics zone */
#headerNavigationContainer.psh-sd-header .psh-sd-facts{
  position:relative!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  align-content:center!important;
  padding:48px 23px 28px!important;
}

#headerNavigationContainer.psh-sd-header .psh-sd-facts::before{
  content:"Journal information"!important;
  position:absolute!important;
  top:27px!important;
  left:23px!important;
  color:#103022!important;
  font-size:12.5px!important;
  font-weight:600!important;
  line-height:1.2!important;
}

#headerNavigationContainer.psh-sd-header .psh-sd-fact{
  min-height:78px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  padding:10px!important;
}

#headerNavigationContainer.psh-sd-header .psh-sd-fact:nth-child(even){
  border-left:1px solid rgba(8,67,40,.42)!important;
}

#headerNavigationContainer.psh-sd-header .psh-sd-fact:nth-child(n+3){
  border-top:1px solid rgba(8,67,40,.25)!important;
}

#headerNavigationContainer.psh-sd-header .psh-sd-fact-value{
  margin:0!important;
  color:#07160f!important;
  font-size:18px!important;
  font-weight:500!important;
  line-height:1.15!important;
  text-align:center!important;
}

#headerNavigationContainer.psh-sd-header .psh-sd-fact-label{
  margin:6px 0 0!important;
  color:#103a28!important;
  font-size:10px!important;
  font-weight:500!important;
  line-height:1.2!important;
  text-align:center!important;
}


/* =========================================================
   3. WHITE JOURNAL NAVIGATION / ACTION BAR
   ========================================================= */

#headerNavigationContainer.psh-sd-header .psh-sd-nav-wrap{
  width:100%!important;
  margin:0!important;
  padding:0!important;
  background:#fff!important;
  border:0!important;
  border-bottom:1px solid var(--sd-line)!important;
  box-shadow:none!important;
}

#headerNavigationContainer.psh-sd-header .psh-sd-nav{
  display:grid!important;
  grid-template-columns:1fr 1fr 1fr 1fr 1fr 1.25fr 1fr 1fr 1fr!important;
  width:100%!important;
  min-height:70px!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}

#headerNavigationContainer.psh-sd-header .psh-sd-nav > li{
  position:relative!important;
  display:flex!important;
  align-items:stretch!important;
  margin:0!important;
  padding:0!important;
  float:none!important;
  background:#fff!important;
  border:0!important;
  border-right:1px solid var(--sd-line)!important;
}

#headerNavigationContainer.psh-sd-header .psh-sd-nav > li:last-child{
  border-right:0!important;
}

#headerNavigationContainer.psh-sd-header .psh-sd-nav > li > a{
  width:100%!important;
  min-height:70px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  margin:0!important;
  padding:0 12px!important;
  background:#fff!important;
  color:var(--sd-ink)!important;
  border:0!important;
  border-radius:0!important;
  font-size:11.5px!important;
  font-weight:500!important;
  line-height:1.2!important;
  text-align:center!important;
  white-space:nowrap!important;
}

#headerNavigationContainer.psh-sd-header .psh-sd-nav > li > a:hover,
#headerNavigationContainer.psh-sd-header .psh-sd-nav > li:hover > a{
  background:#f4f6f6!important;
  color:#073b5c!important;
}

#headerNavigationContainer.psh-sd-header .psh-sd-nav-icon{
  width:12px!important;
  height:12px!important;
  object-fit:contain!important;
  filter:brightness(0) saturate(100%) invert(25%) sepia(29%) saturate(962%) hue-rotate(157deg) brightness(88%) contrast(92%)!important;
}

#headerNavigationContainer.psh-sd-header .psh-sd-chevron{
  width:8px!important;
  height:8px!important;
  object-fit:contain!important;
  filter:brightness(0) saturate(100%) invert(25%) sepia(29%) saturate(962%) hue-rotate(157deg) brightness(88%) contrast(92%)!important;
}

/* Submit article is the strong CTA like ScienceDirect */
#headerNavigationContainer.psh-sd-header .psh-sd-submit > a{
  background:#073b5c!important;
  color:#fff!important;
  font-weight:700!important;
}

#headerNavigationContainer.psh-sd-header .psh-sd-submit > a:hover{
  background:#0a5879!important;
  color:#fff!important;
}

#headerNavigationContainer.psh-sd-header .psh-sd-submit .psh-sd-nav-icon{
  filter:brightness(0) invert(1)!important;
}


/* Dropdowns */
#headerNavigationContainer.psh-sd-header .psh-sd-submenu{
  position:absolute!important;
  z-index:3000!important;
  top:100%!important;
  left:0!important;
  display:block!important;
  min-width:220px!important;
  margin:0!important;
  padding:8px!important;
  list-style:none!important;
  background:#fff!important;
  border:1px solid #d7e1e5!important;
  border-top:3px solid #2f7d59!important;
  box-shadow:0 14px 28px rgba(7,59,92,.14)!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translateY(6px)!important;
  transition:opacity .16s ease,transform .16s ease,visibility .16s ease!important;
}

#headerNavigationContainer.psh-sd-header .psh-sd-nav > li:hover > .psh-sd-submenu,
#headerNavigationContainer.psh-sd-header .psh-sd-nav > li:focus-within > .psh-sd-submenu{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translateY(0)!important;
}

#headerNavigationContainer.psh-sd-header .psh-sd-submenu li{
  display:block!important;
  margin:0!important;
  padding:0!important;
}

#headerNavigationContainer.psh-sd-header .psh-sd-submenu a{
  display:block!important;
  padding:10px 12px!important;
  color:#073b5c!important;
  background:#fff!important;
  border-radius:5px!important;
  font-size:11px!important;
  font-weight:600!important;
  line-height:1.3!important;
}

#headerNavigationContainer.psh-sd-header .psh-sd-submenu a:hover{
  background:#eef7f2!important;
  color:#2f7d59!important;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media(max-width:1100px){

  #headerNavigationContainer.psh-sd-header .psh-sd-masthead{
    grid-template-columns:155px minmax(0,1fr)!important;
  }

  #headerNavigationContainer.psh-sd-header .psh-sd-cover{
    width:132px!important;
  }

  #headerNavigationContainer.psh-sd-header .psh-sd-cover img{
    width:132px!important;
    max-width:132px!important;
  }

  #headerNavigationContainer.psh-sd-header .psh-sd-facts{
    grid-column:1 / -1!important;
    grid-template-columns:repeat(4,1fr)!important;
    padding:15px 20px!important;
    background:#45b678!important;
    border-top:1px solid rgba(8,67,40,.18)!important;
  }

  #headerNavigationContainer.psh-sd-header .psh-sd-facts::before{
    display:none!important;
  }

  #headerNavigationContainer.psh-sd-header .psh-sd-fact:nth-child(n){
    border-top:0!important;
  }

  #headerNavigationContainer.psh-sd-header .psh-sd-fact + .psh-sd-fact{
    border-left:1px solid rgba(8,67,40,.32)!important;
  }

  #headerNavigationContainer.psh-sd-header .psh-sd-nav{
    display:flex!important;
    justify-content:flex-start!important;
    overflow-x:auto!important;
    overflow-y:visible!important;
    -webkit-overflow-scrolling:touch!important;
  }

  #headerNavigationContainer.psh-sd-header .psh-sd-nav > li{
    flex:0 0 auto!important;
    min-width:135px!important;
  }
}

@media(max-width:700px){

  #headerNavigationContainer.psh-sd-header .psh-sd-utility{
    padding:0 12px!important;
  }

  #headerNavigationContainer.psh-sd-header .psh-sd-utility-left,
  #headerNavigationContainer.psh-sd-header .psh-sd-user{
    gap:11px!important;
  }

  #headerNavigationContainer.psh-sd-header .psh-sd-masthead{
    display:block!important;
  }

  #headerNavigationContainer.psh-sd-header .psh-sd-cover-zone{
    min-height:180px!important;
  }

  #headerNavigationContainer.psh-sd-header .psh-sd-cover{
    top:-16px!important;
    left:18px!important;
    width:112px!important;
  }

  #headerNavigationContainer.psh-sd-header .psh-sd-cover img{
    width:112px!important;
    max-width:112px!important;
  }

  #headerNavigationContainer.psh-sd-header .psh-sd-identity{
    padding:22px 19px 25px!important;
  }

  #headerNavigationContainer.psh-sd-header .psh-sd-title{
    font-size:29px!important;
  }

  #headerNavigationContainer.psh-sd-header .psh-sd-access{
    font-size:13px!important;
  }

  #headerNavigationContainer.psh-sd-header .psh-sd-facts{
    grid-template-columns:repeat(2,1fr)!important;
    padding:10px 14px!important;
  }

  #headerNavigationContainer.psh-sd-header .psh-sd-fact:nth-child(n){
    border-left:0!important;
    border-top:0!important;
  }

  #headerNavigationContainer.psh-sd-header .psh-sd-fact:nth-child(even){
    border-left:1px solid rgba(8,67,40,.30)!important;
  }

  #headerNavigationContainer.psh-sd-header .psh-sd-fact:nth-child(n+3){
    border-top:1px solid rgba(8,67,40,.23)!important;
  }

  #headerNavigationContainer.psh-sd-header .psh-sd-nav > li{
    min-width:125px!important;
  }

  #headerNavigationContainer.psh-sd-header .psh-sd-nav > li > a{
    min-height:60px!important;
    font-size:10.5px!important;
  }
}