/* =========================================================
   PLANT SCIENCE HORIZONS (PSH)
   GLOBAL SIDEBAR BLOCK SYSTEM — FINAL CONSOLIDATED VERSION
   ---------------------------------------------------------
   Purpose:
   - Give ALL OJS sidebar blocks the same premium look
   - Apply automatically to newly added sidebar blocks
   - Keep the same appearance on every navigation/page
   - Preserve special layouts for Announcements, Most Read,
     Keyword Cloud and common OJS navigation blocks
   - Mobile optimized
   ---------------------------------------------------------
   IMPORTANT:
   Replace the old sidebar/block CSS with this single section.
   Keep this section near the END of the main stylesheet.
========================================================= */

:root{
  --psh-sb-navy:#073b5c;
  --psh-sb-blue:#0a5879;
  --psh-sb-green:#2f7d59;
  --psh-sb-green-soft:#eef8f2;
  --psh-sb-bg:#ffffff;
  --psh-sb-soft:#f8fbfc;
  --psh-sb-border:#d8e4ec;
  --psh-sb-border-soft:#e0e9ee;
  --psh-sb-text:#243746;
  --psh-sb-muted:#71838d;
  --psh-sb-shadow:0 6px 18px rgba(7,59,92,.075);
  --psh-sb-radius:12px;
}


/* =========================================================
   01. GLOBAL SIDEBAR BLOCK CARD
   Applies automatically to ALL present/future .pkp_block
========================================================= */

.pkp_structure_sidebar > .pkp_block{
  display:block!important;
  width:100%!important;
  max-width:280px!important;

  margin:0 auto 12px!important;
  padding:0!important;

  background:var(--psh-sb-bg)!important;
  border:1px solid var(--psh-sb-border)!important;
  border-radius:var(--psh-sb-radius)!important;

  box-shadow:var(--psh-sb-shadow)!important;

  overflow:hidden!important;
  box-sizing:border-box!important;

  float:none!important;
  clear:both!important;

  font-family:"Segoe UI",Arial,Helvetica,sans-serif!important;
  color:var(--psh-sb-text)!important;
}


/* Prevent inherited theme spacing from changing block size */
.pkp_structure_sidebar > .pkp_block,
.pkp_structure_sidebar > .pkp_block *{
  box-sizing:border-box!important;
}


/* =========================================================
   02. UNIVERSAL TITLE BAR
   Works when title is:
   - direct child of block
   - inside .content
   - h2/h3 direct child
========================================================= */

.pkp_structure_sidebar > .pkp_block > .title,
.pkp_structure_sidebar > .pkp_block > h2,
.pkp_structure_sidebar > .pkp_block > h3,
.pkp_structure_sidebar > .pkp_block > .content > .title{
  display:block!important;
  width:100%!important;

  margin:0!important;
  padding:10px 12px!important;

  background:linear-gradient(
    90deg,
    var(--psh-sb-navy) 0%,
    var(--psh-sb-blue) 68%,
    var(--psh-sb-green) 100%
  )!important;

  color:#ffffff!important;

  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;

  font-family:"Segoe UI",Arial,Helvetica,sans-serif!important;
  font-size:11px!important;
  font-weight:900!important;
  line-height:1.2!important;
  letter-spacing:.65px!important;

  text-align:center!important;
  text-transform:uppercase!important;

  text-decoration:none!important;
}


/* Remove old theme ornaments / underlines */
.pkp_structure_sidebar > .pkp_block > .title::before,
.pkp_structure_sidebar > .pkp_block > .title::after,
.pkp_structure_sidebar > .pkp_block > h2::before,
.pkp_structure_sidebar > .pkp_block > h2::after,
.pkp_structure_sidebar > .pkp_block > h3::before,
.pkp_structure_sidebar > .pkp_block > h3::after,
.pkp_structure_sidebar > .pkp_block > .content > .title::before,
.pkp_structure_sidebar > .pkp_block > .content > .title::after{
  display:none!important;
  content:none!important;
}


/* If title is INSIDE .content, stretch it to card edges */
.pkp_structure_sidebar > .pkp_block > .content > .title{
  margin:-10px -12px 10px!important;
  width:calc(100% + 24px)!important;
}


/* =========================================================
   03. UNIVERSAL CONTENT AREA
========================================================= */

.pkp_structure_sidebar > .pkp_block > .content{
  display:block!important;
  width:100%!important;

  margin:0!important;
  padding:10px 12px 12px!important;

  background:#ffffff!important;
  color:var(--psh-sb-text)!important;

  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;

  font-family:"Segoe UI",Arial,Helvetica,sans-serif!important;
  font-size:11.5px!important;
  line-height:1.45!important;
}


/* Generic text */
.pkp_structure_sidebar > .pkp_block > .content p{
  margin:0 0 7px!important;
  padding:0!important;

  color:var(--psh-sb-text)!important;
  font-size:11.5px!important;
  line-height:1.45!important;
}

.pkp_structure_sidebar > .pkp_block > .content p:last-child{
  margin-bottom:0!important;
}


/* =========================================================
   04. UNIVERSAL LINKS
========================================================= */

.pkp_structure_sidebar > .pkp_block a{
  color:var(--psh-sb-navy)!important;
  text-decoration:none!important;
  font-weight:700!important;

  transition:
    color .16s ease,
    background .16s ease,
    border-color .16s ease,
    transform .16s ease!important;
}

.pkp_structure_sidebar > .pkp_block a:hover{
  color:var(--psh-sb-green)!important;
  text-decoration:none!important;
}


/* =========================================================
   05. GENERIC NAVIGATION / INFORMATION LISTS
   Helps new standard OJS blocks automatically look consistent
========================================================= */

.pkp_structure_sidebar > .pkp_block > .content > ul:not(.most_read),
.pkp_structure_sidebar > .pkp_block > .content > ol{
  list-style:none!important;
  width:100%!important;

  margin:0!important;
  padding:0!important;
}

.pkp_structure_sidebar > .pkp_block > .content > ul:not(.most_read) > li,
.pkp_structure_sidebar > .pkp_block > .content > ol > li{
  margin:0!important;
  padding:7px 0!important;

  border-bottom:1px solid #edf2f5!important;

  color:var(--psh-sb-text)!important;
  font-size:11.3px!important;
  line-height:1.4!important;
}

.pkp_structure_sidebar > .pkp_block > .content > ul:not(.most_read) > li:first-child,
.pkp_structure_sidebar > .pkp_block > .content > ol > li:first-child{
  padding-top:0!important;
}

.pkp_structure_sidebar > .pkp_block > .content > ul:not(.most_read) > li:last-child,
.pkp_structure_sidebar > .pkp_block > .content > ol > li:last-child{
  padding-bottom:0!important;
  border-bottom:0!important;
}


/* =========================================================
   06. GENERIC FORM CONTROLS
   Language, search, select-type plugin blocks, etc.
========================================================= */

.pkp_structure_sidebar > .pkp_block input[type="text"],
.pkp_structure_sidebar > .pkp_block input[type="search"],
.pkp_structure_sidebar > .pkp_block input[type="email"],
.pkp_structure_sidebar > .pkp_block select{
  width:100%!important;
  min-height:34px!important;

  margin:0 0 7px!important;
  padding:6px 8px!important;

  background:#ffffff!important;
  color:var(--psh-sb-text)!important;

  border:1px solid #cfdee7!important;
  border-radius:7px!important;

  font-family:"Segoe UI",Arial,Helvetica,sans-serif!important;
  font-size:11px!important;

  box-shadow:none!important;
  outline:none!important;
}

.pkp_structure_sidebar > .pkp_block input:focus,
.pkp_structure_sidebar > .pkp_block select:focus{
  border-color:var(--psh-sb-blue)!important;
  box-shadow:0 0 0 3px rgba(10,88,121,.08)!important;
}


/* =========================================================
   07. GENERIC BLOCK BUTTONS
========================================================= */

.pkp_structure_sidebar > .pkp_block button,
.pkp_structure_sidebar > .pkp_block input[type="submit"],
.pkp_structure_sidebar > .pkp_block .button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;

  min-height:34px!important;
  padding:7px 11px!important;

  background:var(--psh-sb-navy)!important;
  color:#ffffff!important;

  border:1px solid var(--psh-sb-navy)!important;
  border-radius:7px!important;

  font-family:"Segoe UI",Arial,Helvetica,sans-serif!important;
  font-size:10.5px!important;
  font-weight:900!important;

  cursor:pointer!important;
  text-decoration:none!important;
}

.pkp_structure_sidebar > .pkp_block button:hover,
.pkp_structure_sidebar > .pkp_block input[type="submit"]:hover,
.pkp_structure_sidebar > .pkp_block .button:hover{
  background:var(--psh-sb-green)!important;
  border-color:var(--psh-sb-green)!important;
  color:#ffffff!important;
}


/* =========================================================
   08. MAKE A SUBMISSION BLOCK
========================================================= */

.pkp_structure_sidebar > .pkp_block.block_make_submission .content a,
.pkp_structure_sidebar > .pkp_block.block_make_submission a.block_make_submission_link{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  width:100%!important;
  min-height:38px!important;

  margin:0!important;
  padding:8px 12px!important;

  background:linear-gradient(
    90deg,
    var(--psh-sb-navy),
    var(--psh-sb-blue)
  )!important;

  color:#ffffff!important;

  border:1px solid var(--psh-sb-blue)!important;
  border-radius:8px!important;

  font-size:11px!important;
  font-weight:900!important;
  text-align:center!important;
}

.pkp_structure_sidebar > .pkp_block.block_make_submission .content a:hover,
.pkp_structure_sidebar > .pkp_block.block_make_submission a.block_make_submission_link:hover{
  background:linear-gradient(
    90deg,
    var(--psh-sb-green),
    #438e67
  )!important;
  border-color:var(--psh-sb-green)!important;
  color:#ffffff!important;
}


/* =========================================================
   09. ANNOUNCEMENTS
========================================================= */

.pkp_structure_sidebar
.block_announcements
.block_announcements_article{
  position:relative!important;
  display:block!important;
  width:100%!important;

  margin:0 0 6px!important;
  padding:9px 9px 9px 11px!important;

  background:var(--psh-sb-soft)!important;

  border:1px solid var(--psh-sb-border-soft)!important;
  border-left:3px solid var(--psh-sb-green)!important;
  border-radius:8px!important;

  box-shadow:none!important;
}

.pkp_structure_sidebar
.block_announcements
.block_announcements_article:last-child{
  margin-bottom:0!important;
}

.pkp_structure_sidebar
.block_announcements
.block_announcements_article_headline{
  margin:0 0 4px!important;
  padding:0!important;
  line-height:1.32!important;
}

.pkp_structure_sidebar
.block_announcements
.block_announcements_article_headline a{
  display:block!important;

  color:var(--psh-sb-navy)!important;

  font-family:"Segoe UI",Arial,Helvetica,sans-serif!important;
  font-size:11.7px!important;
  font-weight:800!important;
  line-height:1.32!important;
}

.pkp_structure_sidebar
.block_announcements
.block_announcements_article_headline a:hover{
  color:var(--psh-sb-green)!important;
}

.pkp_structure_sidebar
.block_announcements
.block_announcements_article_date,
.pkp_structure_sidebar
.block_announcements
.block_announcements_article_date strong{
  display:block!important;

  margin:0 0 4px!important;
  padding:0!important;

  background:transparent!important;
  color:var(--psh-sb-muted)!important;

  font-size:9.5px!important;
  font-style:normal!important;
  font-weight:650!important;
  line-height:1.3!important;
}

.pkp_structure_sidebar
.block_announcements
.block_announcements_article_content,
.pkp_structure_sidebar
.block_announcements
.block_announcements_article_content p{
  margin:0!important;
  padding:0!important;

  color:var(--psh-sb-text)!important;

  font-size:10.5px!important;
  font-weight:400!important;
  line-height:1.45!important;
}


/* =========================================================
   10. MOST READ ARTICLES
========================================================= */

.pkp_structure_sidebar ul.most_read{
  list-style:none!important;
  width:100%!important;

  margin:0!important;
  padding:0!important;
}

.pkp_structure_sidebar ul.most_read > li.most_read_article{
  position:relative!important;
  display:block!important;
  width:100%!important;

  margin:0 0 6px!important;
  padding:9px 9px 8px 11px!important;

  background:var(--psh-sb-soft)!important;

  border:1px solid var(--psh-sb-border-soft)!important;
  border-left:3px solid var(--psh-sb-blue)!important;
  border-radius:8px!important;
}

.pkp_structure_sidebar ul.most_read > li.most_read_article:last-child{
  margin-bottom:0!important;
}

.pkp_structure_sidebar .most_read_article_title{
  margin:0 0 6px!important;
  padding:0!important;
}

.pkp_structure_sidebar .most_read_article_title a{
  display:block!important;

  color:var(--psh-sb-navy)!important;

  font-family:"Times New Roman",Times,serif!important;
  font-size:12.2px!important;
  font-weight:800!important;
  line-height:1.3!important;
}

.pkp_structure_sidebar .most_read_article_title a:hover{
  color:var(--psh-sb-green)!important;
}

.pkp_structure_sidebar .most_read_article_journal{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;

  margin:0!important;
  padding:4px 7px!important;

  background:var(--psh-sb-green-soft)!important;
  color:var(--psh-sb-green)!important;

  border:1px solid #d5e8dc!important;
  border-radius:999px!important;

  font-size:9.5px!important;
  font-weight:800!important;
  line-height:1!important;
}

.pkp_structure_sidebar .most_read_article_journal .fa,
.pkp_structure_sidebar .most_read_article_journal .fa-eye{
  color:var(--psh-sb-green)!important;
  font-size:9px!important;
}


/* =========================================================
   11. KEYWORD CLOUD
========================================================= */

.pkp_structure_sidebar > .pkp_block.block_keyword_cloud > .content,
.pkp_structure_sidebar > .block_keyword_cloud > .content{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  width:100%!important;

  padding:12px 10px 14px!important;

  overflow:hidden!important;
}

.pkp_structure_sidebar .block_keyword_cloud svg{
  display:block!important;

  width:100%!important;
  max-width:100%!important;
  height:auto!important;

  margin:0 auto!important;

  overflow:visible!important;
}

.pkp_structure_sidebar .block_keyword_cloud svg text.keyword{
  font-family:"Segoe UI",Arial,Helvetica,sans-serif!important;
  font-weight:700!important;

  cursor:pointer!important;
  opacity:.92!important;

  transition:
    fill .16s ease,
    opacity .16s ease!important;
}

.pkp_structure_sidebar .block_keyword_cloud svg text.keyword:nth-child(7n+1){
  fill:#073b5c!important;
}

.pkp_structure_sidebar .block_keyword_cloud svg text.keyword:nth-child(7n+2){
  fill:#2f7d59!important;
}

.pkp_structure_sidebar .block_keyword_cloud svg text.keyword:nth-child(7n+3){
  fill:#0a5879!important;
}

.pkp_structure_sidebar .block_keyword_cloud svg text.keyword:nth-child(7n+4){
  fill:#486f89!important;
}

.pkp_structure_sidebar .block_keyword_cloud svg text.keyword:nth-child(7n+5){
  fill:#4f8b68!important;
}

.pkp_structure_sidebar .block_keyword_cloud svg text.keyword:nth-child(7n+6){
  fill:#276b78!important;
}

.pkp_structure_sidebar .block_keyword_cloud svg text.keyword:nth-child(7n+7){
  fill:#355b73!important;
}

.pkp_structure_sidebar .block_keyword_cloud svg text.keyword:hover{
  fill:var(--psh-sb-green)!important;
  opacity:1!important;
}


/* =========================================================
   12. GENERIC HOVER POLISH
========================================================= */

.pkp_structure_sidebar
.block_announcements
.block_announcements_article,
.pkp_structure_sidebar
ul.most_read > li.most_read_article{
  transition:
    border-color .16s ease,
    background .16s ease,
    transform .16s ease,
    box-shadow .16s ease!important;
}

.pkp_structure_sidebar
.block_announcements
.block_announcements_article:hover,
.pkp_structure_sidebar
ul.most_read > li.most_read_article:hover{
  background:#f3f8f5!important;
  border-color:#d4e5dc!important;
  transform:translateY(-1px)!important;
  box-shadow:0 4px 10px rgba(7,59,92,.06)!important;
}


/* =========================================================
   13. IMAGES / LOGOS INSIDE BLOCKS
========================================================= */

.pkp_structure_sidebar > .pkp_block > .content img{
  max-width:100%!important;
  height:auto!important;
}


/* =========================================================
   14. TABLES INSIDE SIDEBAR BLOCKS
========================================================= */

.pkp_structure_sidebar > .pkp_block table{
  width:100%!important;
  border-collapse:collapse!important;

  font-size:10.5px!important;
}

.pkp_structure_sidebar > .pkp_block th{
  padding:6px!important;

  background:#f3f8fa!important;
  color:var(--psh-sb-navy)!important;

  border-bottom:1px solid var(--psh-sb-border)!important;

  font-weight:800!important;
  text-align:left!important;
}

.pkp_structure_sidebar > .pkp_block td{
  padding:6px!important;

  color:var(--psh-sb-text)!important;

  border-bottom:1px solid #e8eef2!important;
}

.pkp_structure_sidebar > .pkp_block tr:last-child td{
  border-bottom:0!important;
}


/* =========================================================
   15. GLOBAL CONSISTENCY ON EVERY OJS PAGE
========================================================= */

body .pkp_structure_sidebar > .pkp_block{
  margin-top:0!important;
  margin-bottom:12px!important;

  padding-left:0!important;
  padding-right:0!important;
}


/* Avoid page-specific OJS styles changing the common block title */
body .pkp_structure_sidebar > .pkp_block > .title,
body .pkp_structure_sidebar > .pkp_block > h2,
body .pkp_structure_sidebar > .pkp_block > h3,
body .pkp_structure_sidebar > .pkp_block > .content > .title{
  background:linear-gradient(
    90deg,
    var(--psh-sb-navy) 0%,
    var(--psh-sb-blue) 68%,
    var(--psh-sb-green) 100%
  )!important;

  color:#ffffff!important;
}


/* =========================================================
   16. MOBILE / TABLET
========================================================= */

@media(max-width:768px){

  .pkp_structure_sidebar > .pkp_block{
    width:100%!important;
    max-width:100%!important;

    margin-left:0!important;
    margin-right:0!important;
    margin-bottom:10px!important;

    border-radius:10px!important;
  }

  .pkp_structure_sidebar > .pkp_block > .title,
  .pkp_structure_sidebar > .pkp_block > h2,
  .pkp_structure_sidebar > .pkp_block > h3,
  .pkp_structure_sidebar > .pkp_block > .content > .title{
    padding:10px 11px!important;

    font-size:10.5px!important;
  }

  .pkp_structure_sidebar > .pkp_block > .content{
    padding:10px!important;
  }

  /* Recalculate edge-to-edge nested title for mobile content padding */
  .pkp_structure_sidebar > .pkp_block > .content > .title{
    margin:-10px -10px 10px!important;
    width:calc(100% + 20px)!important;
  }

  .pkp_structure_sidebar > .pkp_block > .content p,
  .pkp_structure_sidebar > .pkp_block > .content li{
    font-size:11px!important;
  }

}


/* =========================================================
   17. VERY SMALL MOBILE
========================================================= */

@media(max-width:420px){

  .pkp_structure_sidebar > .pkp_block{
    border-radius:9px!important;
  }

  .pkp_structure_sidebar > .pkp_block > .title,
  .pkp_structure_sidebar > .pkp_block > h2,
  .pkp_structure_sidebar > .pkp_block > h3,
  .pkp_structure_sidebar > .pkp_block > .content > .title{
    font-size:10px!important;
    letter-spacing:.5px!important;
  }

}

/* =========================================================
   PSH ISSUE ARTICLE — GALLEY ACTIONS V2
   IMPORTANT:
   Does NOT change article card/title/authors/eXXXX layout
========================================================= */


/* Hide ONLY original native PDF button after
   replacement buttons have been created */

.obj_issue_toc .psh-hide-native-galley-v2{
    display:none !important;
}


/* BUTTON ROW — stays in original PDF location */

.obj_issue_toc .psh-galley-actions-v2{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:wrap !important;

    align-items:center !important;
    justify-content:flex-start !important;

    gap:6px !important;

    width:auto !important;
    max-width:100% !important;

    margin:6px 0 0 !important;
    padding:0 !important;

    box-sizing:border-box !important;
}


/* BASE BUTTON */

.obj_issue_toc .psh-galley-btn-v2,
.obj_issue_toc .psh-galley-btn-v2:link,
.obj_issue_toc .psh-galley-btn-v2:visited{

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    flex:0 0 auto !important;

    width:auto !important;
    min-width:0 !important;

    height:37px !important;
    min-height:37px !important;

    padding:0 12px !important;

    gap:6px !important;

    border-radius:5px !important;

    font-family:"Segoe UI",Arial,Helvetica,sans-serif !important;
    font-size:12px !important;
    font-weight:700 !important;
    line-height:1 !important;

    white-space:nowrap !important;
    text-decoration:none !important;

    box-sizing:border-box !important;

    box-shadow:none !important;

    transition:
        background .16s ease,
        color .16s ease,
        border-color .16s ease,
        transform .16s ease !important;
}


/* ICONS */

.obj_issue_toc .psh-galley-btn-v2 svg{
    display:block !important;

    width:14px !important;
    height:14px !important;
    min-width:14px !important;

    fill:currentColor !important;
}


/* VIEW ABSTRACT */

.obj_issue_toc .psh-abstract-v2{
    background:#ffffff !important;
    border:1px solid #0874b9 !important;
    color:#006da8 !important;
}

.obj_issue_toc .psh-abstract-v2:hover{
    background:#eef7fb !important;
    color:#075d89 !important;
    border-color:#075d89 !important;
}


/* VIEW PDF */

.obj_issue_toc .psh-viewpdf-v2{
    background:#073b5c !important;
    border:1px solid #073b5c !important;
    color:#ffffff !important;
}

.obj_issue_toc .psh-viewpdf-v2:hover{
    background:#0a5879 !important;
    border-color:#0a5879 !important;
    color:#ffffff !important;
}


/* DOWNLOAD PDF */

.obj_issue_toc .psh-download-v2{
    background:#2f7d59 !important;
    border:1px solid #2f7d59 !important;
    color:#ffffff !important;
}

.obj_issue_toc .psh-download-v2:hover{
    background:#266b4c !important;
    border-color:#266b4c !important;
    color:#ffffff !important;
}


/* Small hover movement only */

.obj_issue_toc .psh-galley-btn-v2:hover{
    transform:translateY(-1px) !important;
}


/* =========================================================
   MOBILE
   ONLY buttons are responsive.
   Article/card layout remains untouched.
========================================================= */

@media(max-width:600px){

    .obj_issue_toc .psh-galley-actions-v2{
        gap:5px !important;
        margin-top:6px !important;
    }

    .obj_issue_toc .psh-galley-btn-v2,
    .obj_issue_toc .psh-galley-btn-v2:link,
    .obj_issue_toc .psh-galley-btn-v2:visited{

        height:34px !important;
        min-height:34px !important;

        padding:0 8px !important;

        gap:4px !important;

        font-size:10.5px !important;
    }

    .obj_issue_toc .psh-galley-btn-v2 svg{
        width:12px !important;
        height:12px !important;
        min-width:12px !important;
    }
}


/* Very narrow phones:
   wrap naturally instead of breaking card width */

@media(max-width:360px){

    .obj_issue_toc .psh-galley-btn-v2,
    .obj_issue_toc .psh-galley-btn-v2:link,
    .obj_issue_toc .psh-galley-btn-v2:visited{

        padding:0 7px !important;
        font-size:10px !important;
    }
}
/* =========================================================
   PSH CLEAN PDF VIEWER
   Hide journal website chrome ONLY
   Keep native OJS PDF toolbar + PDF
========================================================= */

/* REMOVE WEBSITE HEADER */

html.psh-clean-pdf-viewer .psh-header,
html.psh-clean-pdf-viewer .pkp_structure_head,
html.psh-clean-pdf-viewer #headerNavigationContainer,
html.psh-clean-pdf-viewer header[role="banner"]{
    display:none !important;
}


/* REMOVE WEBSITE FOOTER */

html.psh-clean-pdf-viewer .psh-js-footer,
html.psh-clean-pdf-viewer .pkp_structure_footer_wrapper,
html.psh-clean-pdf-viewer footer[role="contentinfo"]{
    display:none !important;
}


/* REMOVE WEBSITE SIDEBAR / BREADCRUMB */

html.psh-clean-pdf-viewer .pkp_structure_sidebar,
html.psh-clean-pdf-viewer .cmp_breadcrumbs{
    display:none !important;
}


/* IMPORTANT:
   KEEP OJS PDF VIEWER TOOLBAR
*/

html.psh-clean-pdf-viewer .header_view{
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
}


/* KEEP PDF VIEWER */

html.psh-clean-pdf-viewer .galley_view{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
}

/* =========================================================
   PSH ARTICLE VIEW — VISUAL SKIN OVERRIDE V3
   ---------------------------------------------------------
   VISUAL ONLY:
   - keeps the article format/structure already created
   - targets BOTH generated premium classes and native PSH classes
   - no dependency on body.pkp_page_article
   - no dependency on one specific JS-ready class
========================================================= */

:root{
  --av-navy:#073b5c;
  --av-blue:#0a5879;
  --av-green:#2f7d59;
  --av-text:#243744;
  --av-muted:#667985;
  --av-border:#dbe5ea;
  --av-soft:#f6f9fa;
  --av-green-soft:#eff8f3;
  --av-shadow:0 12px 32px rgba(7,59,92,.08);
}


/* =========================================================
   01. ARTICLE AREA
========================================================= */

.obj_article_details,
.obj_article_details.psh_article_details{
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  box-sizing:border-box !important;
}


/* =========================================================
   02. TOP / HERO
   Works with either current premium hero OR template title block
========================================================= */

.obj_article_details .psh-premium-article-hero,
.obj_article_details > .psh_article_title{
  position:relative !important;
  display:block !important;

  width:100% !important;
  margin:0 0 18px !important;
  padding:27px 29px 24px !important;

  background:
    radial-gradient(circle at 100% 0%,rgba(47,125,89,.10),transparent 32%),
    linear-gradient(135deg,#ffffff 0%,#fbfdfe 62%,#f4f9f6 100%) !important;

  border:1px solid var(--av-border) !important;
  border-top:5px solid var(--av-navy) !important;
  border-radius:18px !important;

  box-shadow:var(--av-shadow) !important;

  overflow:hidden !important;
  box-sizing:border-box !important;
}

.obj_article_details .psh-premium-article-hero::after,
.obj_article_details > .psh_article_title::after{
  content:"" !important;
  position:absolute !important;
  top:0 !important;
  right:0 !important;

  width:155px !important;
  height:5px !important;

  background:linear-gradient(90deg,var(--av-blue),var(--av-green)) !important;
}


/* =========================================================
   03. TOP LABELS
========================================================= */

.obj_article_details .psh-hero-topline{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  flex-wrap:wrap !important;

  gap:8px !important;

  margin:0 0 14px !important;
}

.obj_article_details .psh-article-type,
.obj_article_details .psh-open-access-hero{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  min-height:28px !important;
  padding:6px 10px !important;

  border-radius:999px !important;

  font-family:"Segoe UI",Arial,Helvetica,sans-serif !important;
  font-size:9.5px !important;
  font-weight:900 !important;
  line-height:1 !important;
  letter-spacing:.55px !important;
  text-transform:uppercase !important;
}

.obj_article_details .psh-article-type{
  background:var(--av-navy) !important;
  color:#fff !important;
  border:1px solid var(--av-navy) !important;
}

.obj_article_details .psh-open-access-hero{
  background:var(--av-green-soft) !important;
  color:var(--av-green) !important;
  border:1px solid #d5e8dd !important;
}


/* =========================================================
   04. TITLE
========================================================= */

.obj_article_details .psh-premium-article-hero .page_title,
.obj_article_details .psh-premium-article-hero h1,
.obj_article_details > .psh_article_title .psh_article_title_text{
  display:block !important;

  width:100% !important;
  max-width:1050px !important;

  margin:0 0 13px !important;
  padding:0 !important;

  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;

  color:var(--av-navy) !important;

  font-family:Georgia,"Times New Roman",serif !important;
  font-size:31px !important;
  font-weight:800 !important;
  line-height:1.17 !important;
  letter-spacing:-.35px !important;

  text-align:left !important;
}


/* If native PSH title tools remain inside title container */
.obj_article_details .psh_article_title_tools{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  flex-wrap:wrap !important;

  gap:10px !important;

  width:100% !important;
  max-width:100% !important;

  margin:14px 0 0 !important;
  padding:12px 0 0 !important;

  border-top:1px solid #e7edef !important;
}


/* =========================================================
   05. AUTHORS
========================================================= */

.obj_article_details .psh-author-line{
  margin:0 0 8px !important;
  padding:0 !important;

  color:#2f4b5a !important;

  font-family:"Segoe UI",Arial,Helvetica,sans-serif !important;
  font-size:14px !important;
  font-style:normal !important;
  font-weight:750 !important;
  line-height:1.55 !important;
}

.obj_article_details .psh-author-name{
  color:#284656 !important;
}

.obj_article_details .psh-aff-sup,
.obj_article_details .psh-affiliation-number{
  color:var(--av-green) !important;
  font-weight:900 !important;
}


/* ORCID */
.obj_article_details .psh-orcid-link{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  min-width:19px !important;
  height:19px !important;

  margin-left:3px !important;
  padding:0 4px !important;

  background:#a6ce39 !important;
  color:#ffffff !important;

  border-radius:999px !important;

  font-family:Arial,sans-serif !important;
  font-size:8px !important;
  font-style:normal !important;
  font-weight:900 !important;
  line-height:1 !important;

  text-decoration:none !important;
}


/* =========================================================
   06. AFFILIATIONS + CORRESPONDING AUTHOR
========================================================= */

.obj_article_details .psh-affiliation-list{
  display:block !important;

  width:100% !important;

  margin:0 0 10px !important;
  padding:11px 13px !important;

  background:rgba(255,255,255,.74) !important;

  border:1px solid #e0eaee !important;
  border-radius:9px !important;

  color:#5e7480 !important;

  font-family:"Segoe UI",Arial,Helvetica,sans-serif !important;
  font-size:11px !important;
  line-height:1.5 !important;
}

.obj_article_details .psh-corresponding-author{
  display:block !important;

  width:100% !important;

  margin:0 0 11px !important;
  padding:8px 11px !important;

  background:#f1f8f4 !important;
  color:#466154 !important;

  border:1px solid #d7e8de !important;
  border-left:3px solid var(--av-green) !important;
  border-radius:8px !important;

  font-family:"Segoe UI",Arial,Helvetica,sans-serif !important;
  font-size:10.8px !important;
  line-height:1.45 !important;
}

.obj_article_details .psh-corresponding-author a{
  color:var(--av-blue) !important;
  font-weight:800 !important;
  text-decoration:none !important;
}


/* =========================================================
   07. META + DOI
========================================================= */

.obj_article_details .psh-article-meta-row,
.obj_article_details .psh-premium-doi-row,
.obj_article_details .psh-doi-pdf-row{
  display:flex !important;
  align-items:center !important;
  flex-wrap:wrap !important;

  gap:6px !important;

  width:100% !important;

  margin:0 0 9px !important;
  padding:0 !important;
}

.obj_article_details .psh-meta-badge{
  display:inline-flex !important;
  align-items:center !important;

  min-height:29px !important;
  padding:6px 9px !important;

  background:#f4f8fa !important;
  color:#5e727d !important;

  border:1px solid #dce6eb !important;
  border-radius:7px !important;

  font-size:10px !important;
  font-weight:800 !important;
  line-height:1 !important;
}

.obj_article_details .psh-premium-doi-label{
  display:inline-flex !important;
  align-items:center !important;

  min-height:29px !important;
  padding:6px 8px !important;

  background:var(--av-navy) !important;
  color:#ffffff !important;

  border-radius:7px !important;

  font-size:9px !important;
  font-weight:900 !important;
  letter-spacing:.45px !important;
}

.obj_article_details .psh-premium-doi-link,
.obj_article_details .psh-doi-badge,
.obj_article_details .psh-doi-badge a{
  display:inline-flex !important;
  align-items:center !important;

  min-height:29px !important;
  max-width:100% !important;

  padding:6px 9px !important;

  background:#eef6fa !important;
  color:var(--av-blue) !important;

  border:1px solid #d7e6ed !important;
  border-radius:7px !important;

  font-size:10.4px !important;
  font-weight:850 !important;
  line-height:1.1 !important;

  overflow-wrap:anywhere !important;
  text-decoration:none !important;
}


/* =========================================================
   08. CROSSMARK + DIMENSIONS + COUNTER
========================================================= */

.obj_article_details .psh-trust-row,
.obj_article_details .psh-trust-metrics-row{
  display:flex !important;
  align-items:center !important;
  flex-wrap:wrap !important;

  gap:14px !important;

  width:100% !important;

  margin:3px 0 11px !important;
  padding:10px 12px !important;

  background:#ffffff !important;

  border:1px solid #e0e8ec !important;
  border-radius:9px !important;
}

.obj_article_details .psh-crossmark-wrap,
.obj_article_details .psh-crossmark-box,
.obj_article_details .psh-dimensions-wrap,
.obj_article_details .psh-dimensions-box{
  display:inline-flex !important;
  align-items:center !important;
}

.obj_article_details .psh-crossmark-wrap img,
.obj_article_details .psh-crossmark-box img,
.obj_article_details .psh_crossmark_image{
  display:block !important;

  width:108px !important;
  max-width:108px !important;
  height:auto !important;

  margin:0 !important;
}

.obj_article_details .psh_view_counter,
.obj_article_details .psh-native-title-tools .psh_view_counter{
  display:inline-flex !important;
  align-items:center !important;

  min-height:29px !important;

  margin:0 !important;
  padding:6px 9px !important;

  background:#f5f8fa !important;
  color:#617783 !important;

  border:1px solid #dee7eb !important;
  border-radius:999px !important;

  font-family:"Segoe UI",Arial,Helvetica,sans-serif !important;
  font-size:10px !important;
  font-weight:800 !important;
  line-height:1 !important;

  white-space:nowrap !important;
}


/* =========================================================
   09. ACTION BUTTONS
========================================================= */

.obj_article_details .psh-premium-actions,
.obj_article_details .psh-hero-actions{
  display:flex !important;
  align-items:center !important;
  flex-wrap:wrap !important;

  gap:7px !important;

  width:100% !important;

  margin:0 !important;
  padding:12px 0 0 !important;

  border-top:1px solid #e4ebef !important;
}

.obj_article_details .psh-premium-action,
.obj_article_details .psh-hero-action{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  gap:5px !important;

  width:auto !important;
  min-height:37px !important;

  padding:8px 12px !important;

  border-radius:7px !important;

  font-family:"Segoe UI",Arial,Helvetica,sans-serif !important;
  font-size:10.6px !important;
  font-weight:900 !important;
  line-height:1 !important;

  text-decoration:none !important;
  white-space:nowrap !important;

  cursor:pointer !important;

  transition:
    transform .15s ease,
    box-shadow .15s ease !important;
}

.obj_article_details .psh-action-view-pdf,
.obj_article_details .psh-action-viewpdf{
  background:var(--av-navy) !important;
  color:#ffffff !important;
  border:1px solid var(--av-navy) !important;
}

.obj_article_details .psh-action-download-pdf,
.obj_article_details .psh-action-downloadpdf{
  background:var(--av-green) !important;
  color:#ffffff !important;
  border:1px solid var(--av-green) !important;
}

.obj_article_details .psh-action-cite,
.obj_article_details .psh-action-share,
.obj_article_details .psh-action-supplementary{
  background:#ffffff !important;
  color:var(--av-navy) !important;
  border:1px solid #c7d7df !important;
}

.obj_article_details .psh-premium-action:hover,
.obj_article_details .psh-hero-action:hover{
  transform:translateY(-1px) !important;
  box-shadow:0 5px 12px rgba(7,59,92,.11) !important;
}


/* =========================================================
   10. CONTENT CARDS
========================================================= */

.obj_article_details .psh-premium-content-card,
.obj_article_details .item.abstract,
.obj_article_details .item.references,
.obj_article_details .abstract,
.obj_article_details .references{
  width:100% !important;
  max-width:100% !important;

  margin:0 0 15px !important;
  padding:20px 22px !important;

  background:#ffffff !important;

  border:1px solid var(--av-border) !important;
  border-radius:13px !important;

  box-shadow:0 5px 18px rgba(7,59,92,.045) !important;

  box-sizing:border-box !important;
}


/* Headings */
.obj_article_details .psh-premium-content-card > h2,
.obj_article_details .psh-premium-content-card > h3,
.obj_article_details .item.abstract > h2,
.obj_article_details .item.abstract > h3,
.obj_article_details .item.references > h2,
.obj_article_details .item.references > h3,
.obj_article_details .abstract > h2,
.obj_article_details .references > h2{
  display:block !important;

  margin:0 0 12px !important;
  padding:0 0 9px !important;

  color:var(--av-navy) !important;

  border:0 !important;
  border-bottom:1px solid #e5edef !important;

  font-family:"Segoe UI",Arial,Helvetica,sans-serif !important;
  font-size:13px !important;
  font-weight:900 !important;
  line-height:1.2 !important;
  letter-spacing:.35px !important;
  text-transform:uppercase !important;
}


/* Abstract */
.obj_article_details .item.abstract p,
.obj_article_details .abstract p,
.obj_article_details .item.abstract .value,
.obj_article_details .abstract .value{
  color:#304651 !important;

  font-family:"Segoe UI",Arial,Helvetica,sans-serif !important;
  font-size:13.2px !important;
  line-height:1.72 !important;

  text-align:justify !important;
}


/* =========================================================
   11. KEYWORDS
========================================================= */

.obj_article_details .psh-keywords-inline,
.obj_article_details .psh-keywords-premium{
  display:block !important;

  width:100% !important;

  margin:15px 0 0 !important;
  padding:12px 0 0 !important;

  background:transparent !important;

  border:0 !important;
  border-top:1px solid #edf1f3 !important;
  box-shadow:none !important;
}

.obj_article_details .psh-keyword-pills{
  display:flex !important;
  flex-wrap:wrap !important;

  gap:6px !important;

  margin:0 !important;
}

.obj_article_details .psh-keyword-pills span{
  display:inline-flex !important;
  align-items:center !important;

  min-height:27px !important;

  padding:6px 9px !important;

  background:var(--av-green-soft) !important;
  color:var(--av-green) !important;

  border:1px solid #d8e9df !important;
  border-radius:999px !important;

  font-size:10px !important;
  font-weight:800 !important;
  line-height:1 !important;
}


/* =========================================================
   12. REFERENCES — COMPACT
========================================================= */

.obj_article_details .psh-reference-scroll,
.obj_article_details .item.references > .value,
.obj_article_details .references > .value{
  display:block !important;

  max-height:530px !important;

  margin:0 !important;
  padding:0 10px 0 0 !important;

  overflow-y:auto !important;
  overflow-x:hidden !important;

  scrollbar-width:thin !important;
  scrollbar-color:#9db5c0 #eef3f5 !important;
}

.obj_article_details .psh-reference-scroll p,
.obj_article_details .item.references > .value p,
.obj_article_details .references > .value p{
  margin:0 0 9px !important;
  padding:0 0 9px !important;

  color:#3a505c !important;

  border-bottom:1px solid #edf1f3 !important;

  font-size:11.6px !important;
  line-height:1.55 !important;
}

.obj_article_details .psh-reference-scroll a,
.obj_article_details .item.references a,
.obj_article_details .references a{
  color:var(--av-blue) !important;
  font-weight:800 !important;
  text-decoration:none !important;
}


/* =========================================================
   13. HOW TO CITE
========================================================= */

.obj_article_details .psh-info-cite-grid{
  display:grid !important;
  grid-template-columns:minmax(0,1.6fr) minmax(220px,.75fr) !important;

  gap:13px !important;

  width:100% !important;
  margin:0 0 15px !important;
}

.obj_article_details .psh-info-cite-grid.psh-citation-only{
  grid-template-columns:1fr !important;
}

.obj_article_details .psh-cite-panel,
.obj_article_details .psh-article-info-panel{
  margin:0 !important;
  padding:17px 18px !important;

  background:#ffffff !important;

  border:1px solid var(--av-border) !important;
  border-radius:11px !important;

  box-shadow:0 5px 18px rgba(7,59,92,.04) !important;
}

.obj_article_details .psh-cite-panel > h2,
.obj_article_details .psh-article-info-panel > h2{
  margin:0 0 10px !important;
  padding:0 0 8px !important;

  color:var(--av-navy) !important;

  border-bottom:1px solid #e5edef !important;

  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:.3px !important;
  text-transform:uppercase !important;
}

.obj_article_details .psh-native-citation,
.obj_article_details .psh-native-citation .value,
.obj_article_details .psh-native-citation .psh_citation_box{
  margin:0 !important;
  padding:0 !important;

  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

.obj_article_details .psh-native-citation p,
.obj_article_details .psh-native-citation .value{
  color:#3b515d !important;
  font-size:11.5px !important;
  line-height:1.58 !important;
}


/* Citation buttons */
.obj_article_details .psh-citation-download-buttons{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:6px !important;

  margin-top:11px !important;
  padding-top:10px !important;

  border-top:1px solid #edf1f3 !important;
}

.obj_article_details .psh-citation-download-buttons a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  min-height:31px !important;

  padding:6px 10px !important;

  background:#ffffff !important;
  color:var(--av-navy) !important;

  border:1px solid #cbdbe3 !important;
  border-radius:6px !important;

  font-size:10px !important;
  font-weight:900 !important;

  text-decoration:none !important;
}


/* =========================================================
   14. HIDE OLD / DUPLICATED UI ONLY WHEN NEW FORMAT EXISTS
========================================================= */

.obj_article_details.psh-premium-article-ready .psh_article_tabs,
.obj_article_details.psh-premium-article-ready .psh_tab_content,
.obj_article_details.psh-premium-article-ready > .row > .entry_details,
.obj_article_details.psh-premium-article-ready .item.cover_image,
.obj_article_details.psh-premium-article-ready .citation_formats,
.obj_article_details.psh-premium-article-ready .citation_formats_dropdown{
  display:none !important;
}


/* If older helper class was used */
.obj_article_details .psh-hidden-original{
  display:none !important;
}


/* =========================================================
   15. SIMILAR ARTICLES
========================================================= */

.similar_articles,
.psh-similar-premium{
  width:100% !important;

  margin:0 0 15px !important;
  padding:17px 18px !important;

  background:#ffffff !important;

  border:1px solid var(--av-border) !important;
  border-radius:11px !important;

  box-shadow:0 5px 18px rgba(7,59,92,.04) !important;

  box-sizing:border-box !important;
}

.similar_articles h2,
.similar_articles h3,
.psh-similar-premium h2,
.psh-similar-premium h3{
  margin:0 0 10px !important;
  padding:0 0 8px !important;

  color:var(--av-navy) !important;

  border-bottom:1px solid #e5edef !important;

  font-size:12px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
}

.similar_articles ul,
.psh-similar-premium ul{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;

  gap:8px !important;

  margin:0 !important;
  padding:0 !important;

  list-style:none !important;
}

.similar_articles li,
.psh-similar-premium li{
  margin:0 !important;
  padding:10px !important;

  background:#f9fbfc !important;

  border:1px solid #e2eaee !important;
  border-left:3px solid var(--av-green) !important;
  border-radius:8px !important;

  color:#667b86 !important;

  font-size:10.5px !important;
  line-height:1.42 !important;
}

.similar_articles a,
.psh-similar-premium a{
  color:var(--av-navy) !important;
  font-weight:800 !important;
  text-decoration:none !important;
}


/* =========================================================
   16. MOBILE
========================================================= */

@media(max-width:800px){

  .obj_article_details .psh-premium-article-hero,
  .obj_article_details > .psh_article_title{
    padding:21px 19px !important;
    border-radius:13px !important;
  }

  .obj_article_details .psh-premium-article-hero .page_title,
  .obj_article_details .psh-premium-article-hero h1,
  .obj_article_details > .psh_article_title .psh_article_title_text{
    font-size:25px !important;
  }

  .obj_article_details .psh-info-cite-grid{
    grid-template-columns:1fr !important;
  }

}


@media(max-width:600px){

  .obj_article_details .psh-premium-article-hero,
  .obj_article_details > .psh_article_title{
    margin-bottom:12px !important;
    padding:18px 14px !important;

    border-left:0 !important;
    border-right:0 !important;
    border-radius:0 !important;

    box-shadow:none !important;
  }

  .obj_article_details .psh-premium-article-hero .page_title,
  .obj_article_details .psh-premium-article-hero h1,
  .obj_article_details > .psh_article_title .psh_article_title_text{
    font-size:21px !important;
    line-height:1.24 !important;
  }

  .obj_article_details .psh-author-line{
    font-size:12.5px !important;
  }

  .obj_article_details .psh-affiliation-list{
    padding:9px 10px !important;
    font-size:10.3px !important;
  }

  .obj_article_details .psh-premium-actions,
  .obj_article_details .psh-hero-actions{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:6px !important;
  }

  .obj_article_details .psh-premium-action,
  .obj_article_details .psh-hero-action{
    width:100% !important;
    min-width:0 !important;
  }

  .obj_article_details .psh-premium-content-card,
  .obj_article_details .item.abstract,
  .obj_article_details .item.references,
  .obj_article_details .abstract,
  .obj_article_details .references,
  .obj_article_details .psh-cite-panel,
  .obj_article_details .psh-article-info-panel{
    padding:15px !important;
    border-radius:9px !important;
  }

  .obj_article_details .item.abstract p,
  .obj_article_details .abstract p,
  .obj_article_details .item.abstract .value,
  .obj_article_details .abstract .value{
    font-size:12.3px !important;
    line-height:1.66 !important;
    text-align:left !important;
  }

  .similar_articles ul,
  .psh-similar-premium ul{
    grid-template-columns:1fr !important;
  }

}


@media(max-width:380px){

  .obj_article_details .psh-premium-actions,
  .obj_article_details .psh-hero-actions{
    grid-template-columns:1fr !important;
  }

  .obj_article_details .psh-trust-row,
  .obj_article_details .psh-trust-metrics-row{
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:8px !important;
  }

}
/* =========================================================
   PSH ARTICLE VIEW — FINAL SMALL PATCH
========================================================= */


/* 1. DOI + CROSSMARK + DIMENSIONS — SAME LINE */

body.pkp_page_article .psh-premium-doi-row{
    display:flex !important;
    align-items:center !important;
    flex-wrap:wrap !important;

    gap:8px !important;

    width:100% !important;
}


body.pkp_page_article
.psh-premium-doi-row
.psh-trust-row,

body.pkp_page_article
.psh-premium-doi-row
.psh-trust-metrics-row{

    display:inline-flex !important;
    align-items:center !important;
    flex-wrap:wrap !important;

    gap:10px !important;

    width:auto !important;

    margin:0 !important;
    padding:0 !important;

    background:transparent !important;

    border:0 !important;
    border-radius:0 !important;

    box-shadow:none !important;
}


body.pkp_page_article
.psh-premium-doi-row
.psh-crossmark-wrap img,

body.pkp_page_article
.psh-premium-doi-row
.psh-crossmark-box img{

    width:102px !important;
    max-width:102px !important;
    height:auto !important;
}


/* =========================================================
   2. HIDE DUPLICATE PLAIN KEYWORDS
   Keep only keyword pills
========================================================= */

body.pkp_page_article
#psh-article-info > .keywords,

body.pkp_page_article
.psh-keywords-inline > .value,

body.pkp_page_article
.psh-keywords-premium > .value,

body.pkp_page_article
.psh-keyword-source-hidden{

    display:none !important;
}


/* =========================================================
   3. HOW TO CITE FULL WIDTH
========================================================= */

body.pkp_page_article .psh-info-cite-grid,
body.pkp_page_article .psh-info-cite-grid.psh-citation-only{

    display:block !important;

    width:100% !important;
}


/* =========================================================
   4. PUBLICATION NOTES BELOW HOW TO CITE
========================================================= */

body.pkp_page_article
.psh-cite-panel
.psh-publication-notes{

    display:block !important;

    width:100% !important;

    margin:14px 0 0 !important;
    padding:13px 0 0 !important;

    background:transparent !important;

    border:0 !important;
    border-top:1px solid #e5edef !important;

    border-radius:0 !important;

    box-shadow:none !important;
}


body.pkp_page_article
.psh-publication-notes > h2{

    margin:0 0 10px !important;
    padding:0 !important;

    color:#073b5c !important;

    border:0 !important;

    font-size:11px !important;
    font-weight:900 !important;

    letter-spacing:.35px !important;
    text-transform:uppercase !important;
}


body.pkp_page_article
.psh-publication-note{

    margin:0 0 10px !important;
    padding:0 0 10px !important;

    border-bottom:1px solid #edf1f3 !important;
}


body.pkp_page_article
.psh-publication-note:last-child{

    margin-bottom:0 !important;
    padding-bottom:0 !important;

    border-bottom:0 !important;
}


/* =========================================================
   5. HIDE EMPTY / BLANK OLD ARTICLE AREA
========================================================= */

body.pkp_page_article
.obj_article_details.psh-premium-article-ready
> .row{

    display:none !important;

    width:0 !important;
    height:0 !important;
    min-height:0 !important;

    margin:0 !important;
    padding:0 !important;

    border:0 !important;

    overflow:hidden !important;
}


/* MOBILE */

@media(max-width:600px){

    body.pkp_page_article
    .psh-premium-doi-row
    .psh-trust-row,

    body.pkp_page_article
    .psh-premium-doi-row
    .psh-trust-metrics-row{

        width:100% !important;
        margin-top:3px !important;
    }

}
/* HIDE OJS DOWNLOADS / USAGE STATISTICS CHART */

body.pkp_page_article .item.downloads_chart,
body.pkp_page_article .downloads_chart,
body.pkp_page_article .usageStatsGraph,
body.pkp_page_article .usageStatsUnavailable{
    display:none !important;
}
/* =========================================================
   PSH ARTICLE VIEW — GLOBAL FONT CONSISTENCY
   Add at the VERY END of stylesheet
========================================================= */


/* MAIN ARTICLE */

body.pkp_page_article .pkp_structure_main,
body.pkp_page_article .obj_article_details,
body.pkp_page_article .obj_article_details h1,
body.pkp_page_article .obj_article_details h2,
body.pkp_page_article .obj_article_details h3,
body.pkp_page_article .obj_article_details h4,
body.pkp_page_article .obj_article_details h5,
body.pkp_page_article .obj_article_details h6,
body.pkp_page_article .obj_article_details p,
body.pkp_page_article .obj_article_details div,
body.pkp_page_article .obj_article_details span,
body.pkp_page_article .obj_article_details a,
body.pkp_page_article .obj_article_details strong,
body.pkp_page_article .obj_article_details b,
body.pkp_page_article .obj_article_details em,
body.pkp_page_article .obj_article_details label,
body.pkp_page_article .obj_article_details li,
body.pkp_page_article .obj_article_details td,
body.pkp_page_article .obj_article_details th{

    font-family:"Segoe UI",Arial,Helvetica,sans-serif !important;
}


/* =========================================================
   ARTICLE TITLE
========================================================= */

body.pkp_page_article .page_title,
body.pkp_page_article .psh_article_title_text,
body.pkp_page_article .psh-premium-article-hero h1,
body.pkp_page_article .psh-premium-article-hero .page_title{

    font-family:"Segoe UI",Arial,Helvetica,sans-serif !important;

    font-style:normal !important;
}


/* =========================================================
   AUTHORS + AFFILIATIONS
========================================================= */

body.pkp_page_article .psh-author-line,
body.pkp_page_article .psh-author-name,
body.pkp_page_article .psh-affiliation-list,
body.pkp_page_article .psh-affiliation-item,
body.pkp_page_article .psh-corresponding-author{

    font-family:"Segoe UI",Arial,Helvetica,sans-serif !important;
}


/* =========================================================
   DOI + META + CROSSMARK/DIMENSIONS AREA
========================================================= */

body.pkp_page_article .psh-article-meta-row,
body.pkp_page_article .psh-meta-badge,
body.pkp_page_article .psh-premium-doi-row,
body.pkp_page_article .psh-premium-doi-label,
body.pkp_page_article .psh-premium-doi-link,
body.pkp_page_article .psh_view_counter{

    font-family:"Segoe UI",Arial,Helvetica,sans-serif !important;
}


/* =========================================================
   ABSTRACT + KEYWORDS + REFERENCES
========================================================= */

body.pkp_page_article .item.abstract,
body.pkp_page_article .item.abstract *,
body.pkp_page_article .abstract,
body.pkp_page_article .abstract *,

body.pkp_page_article .psh-keywords-inline,
body.pkp_page_article .psh-keywords-inline *,
body.pkp_page_article .psh-keyword-pills,
body.pkp_page_article .psh-keyword-pills *,

body.pkp_page_article .item.references,
body.pkp_page_article .item.references *,
body.pkp_page_article .references,
body.pkp_page_article .references *{

    font-family:"Segoe UI",Arial,Helvetica,sans-serif !important;
}


/* =========================================================
   HOW TO CITE + PUBLICATION NOTES
========================================================= */

body.pkp_page_article .psh-cite-panel,
body.pkp_page_article .psh-cite-panel *,
body.pkp_page_article .psh-native-citation,
body.pkp_page_article .psh-native-citation *,
body.pkp_page_article .psh-publication-notes,
body.pkp_page_article .psh-publication-notes *,
body.pkp_page_article .psh-publication-note,
body.pkp_page_article .psh-publication-note *{

    font-family:"Segoe UI",Arial,Helvetica,sans-serif !important;
}


/* =========================================================
   BUTTONS
========================================================= */

body.pkp_page_article .psh-premium-action,
body.pkp_page_article .psh-hero-action,
body.pkp_page_article button{

    font-family:"Segoe UI",Arial,Helvetica,sans-serif !important;
}


/* =========================================================
   SIMILAR / RELATED ARTICLES
========================================================= */

body.pkp_page_article .similar_articles,
body.pkp_page_article .similar_articles *,
body.pkp_page_article .psh-similar-premium,
body.pkp_page_article .psh-similar-premium *{

    font-family:"Segoe UI",Arial,Helvetica,sans-serif !important;
}


/* =========================================================
   KEEP ICON FONTS INTACT
========================================================= */

body.pkp_page_article .fa,
body.pkp_page_article .fas,
body.pkp_page_article .far,
body.pkp_page_article .fab{

    font-family:"Font Awesome 5 Free","FontAwesome" !important;
}
/* =========================================================
   PSH — HIDE DUPLICATE PLAIN KEYWORDS TEXT
   Keep only keyword pills
========================================================= */

body.pkp_page_article .item.keywords > .value,
body.pkp_page_article .keywords > .value,
body.pkp_page_article .psh-keywords-inline > .value,
body.pkp_page_article .psh-keywords-premium > .value,

body.pkp_page_article .item.keywords > p,
body.pkp_page_article .keywords > p,

body.pkp_page_article .item.keywords > div:not(.label):not(.psh-keyword-pills),
body.pkp_page_article .keywords > div:not(.label):not(.psh-keyword-pills),

body.pkp_page_article .psh-keyword-source-hidden{
    display:none !important;
}
/* =========================================================
   PSH REGISTER PAGE — ULTRA COMPACT PREMIUM
   REPLACE previous register-page CSS with this
========================================================= */


/* =========================================================
   PAGE WIDTH
========================================================= */

body .page_register,
body .page:has(.cmp_form.register){
    max-width:760px !important;
    margin:0 auto !important;
}


/* PAGE TITLE */
body .page_register > h1,
body .page:has(.cmp_form.register) > h1{
    margin:0 0 8px !important;
    padding:0 !important;

    color:#073b5c !important;

    font-family:"Segoe UI",Arial,Helvetica,sans-serif !important;
    font-size:23px !important;
    font-weight:800 !important;
    line-height:1.15 !important;
}


/* =========================================================
   MAIN FORM
========================================================= */

body .cmp_form.register{
    width:100% !important;

    margin:0 !important;
    padding:14px 16px 15px !important;

    box-sizing:border-box !important;

    background:#fff !important;

    border:1px solid #dbe4e8 !important;
    border-radius:9px !important;

    box-shadow:0 6px 20px rgba(7,59,92,.06) !important;

    font-family:"Segoe UI",Arial,Helvetica,sans-serif !important;
}


/* =========================================================
   KILL OJS EXTRA VERTICAL SPACING
========================================================= */

body .cmp_form.register .fields,
body .cmp_form.register fieldset,
body .cmp_form.register .field,
body .cmp_form.register .form-group,
body .cmp_form.register .form-grouping,
body .cmp_form.register .pkp_form_group,
body .cmp_form.register li,
body .cmp_form.register p{
    margin-top:0 !important;
    margin-bottom:0 !important;
}


/* LIST RESET */
body .cmp_form.register ul,
body .cmp_form.register ol{
    margin:0 !important;
    padding:0 !important;
}


/* =========================================================
   REQUIRED NOTE
========================================================= */

body .cmp_form.register > p:first-of-type{
    margin:0 0 7px !important;
    padding:0 !important;

    color:#778890 !important;

    font-size:10px !important;
    line-height:1.25 !important;
}


/* =========================================================
   SECTIONS
========================================================= */

body .cmp_form.register fieldset{
    position:relative !important;

    margin:0 0 8px !important;
    padding:10px 12px 9px !important;

    min-width:0 !important;

    background:#fbfcfc !important;

    border:1px solid #dce5e9 !important;
    border-radius:7px !important;

    box-shadow:none !important;
}


/* LEGEND */
body .cmp_form.register fieldset > legend{
    margin:0 !important;
    padding:3px 7px !important;

    background:#fff !important;

    border:1px solid #d5e0e5 !important;
    border-radius:4px !important;

    color:#073b5c !important;

    font-family:"Segoe UI",Arial,Helvetica,sans-serif !important;
    font-size:10.5px !important;
    font-weight:800 !important;
    line-height:1.1 !important;
}


/* SMALL LEFT ACCENT */
body .cmp_form.register fieldset::before{
    content:"";

    position:absolute;

    left:-1px;
    top:14px;

    width:3px;
    height:21px;

    background:linear-gradient(
        180deg,
        #073b5c,
        #2f7d59
    );

    border-radius:0 3px 3px 0;
}


/* =========================================================
   EACH FIELD — IMPORTANT COMPACT CONTROL
========================================================= */

body .cmp_form.register fieldset > div,
body .cmp_form.register .fields > div,
body .cmp_form.register .field,
body .cmp_form.register .form-group,
body .cmp_form.register .form-grouping{
    margin:0 0 6px !important;
    padding:0 !important;
}


/* LAST FIELD — NO EXTRA SPACE */
body .cmp_form.register fieldset > div:last-child,
body .cmp_form.register .fields > div:last-child{
    margin-bottom:0 !important;
}


/* =========================================================
   LABELS
========================================================= */

body .cmp_form.register label{
    margin:0 !important;
    padding:0 !important;

    color:#304650 !important;

    font-family:"Segoe UI",Arial,Helvetica,sans-serif !important;
    font-size:10.5px !important;
    font-weight:700 !important;
    line-height:1.2 !important;
}


/* REQUIRED TEXT */
body .cmp_form.register .required{
    margin-left:2px !important;

    font-size:9px !important;
    line-height:1 !important;
}


/* =========================================================
   INPUTS
========================================================= */

body .cmp_form.register input[type="text"],
body .cmp_form.register input[type="email"],
body .cmp_form.register input[type="password"],
body .cmp_form.register input[type="url"],
body .cmp_form.register select{

    display:block !important;

    width:100% !important;
    height:32px !important;
    min-height:32px !important;

    margin:2px 0 0 !important;
    padding:5px 8px !important;

    box-sizing:border-box !important;

    background:#fff !important;

    border:1px solid #cad7dd !important;
    border-radius:5px !important;

    box-shadow:none !important;

    color:#263e49 !important;

    font-family:"Segoe UI",Arial,Helvetica,sans-serif !important;
    font-size:11px !important;
    line-height:1.2 !important;
}


/* TEXTAREA */
body .cmp_form.register textarea{
    width:100% !important;

    min-height:48px !important;
    height:48px !important;

    margin:2px 0 0 !important;
    padding:6px 8px !important;

    box-sizing:border-box !important;

    border:1px solid #cad7dd !important;
    border-radius:5px !important;

    font-family:"Segoe UI",Arial,Helvetica,sans-serif !important;
    font-size:11px !important;
}


/* INPUT FOCUS */
body .cmp_form.register input:focus,
body .cmp_form.register select:focus,
body .cmp_form.register textarea:focus{
    outline:none !important;

    border-color:#2f7d59 !important;

    box-shadow:0 0 0 2px rgba(47,125,89,.08) !important;
}


/* =========================================================
   ORCID AREA — COMPACT
========================================================= */

body .cmp_form.register .orcid,
body .cmp_form.register [class*="orcid"]{
    margin:0 0 7px !important;
    padding:0 !important;
}


body .cmp_form.register #connect-orcid-button,
body .cmp_form.register .orcid button{
    min-height:30px !important;

    margin:0 !important;
    padding:5px 9px !important;

    border:1px solid #8dad34 !important;
    border-radius:5px !important;

    background:#a6ce39 !important;

    color:#17360d !important;

    font-family:"Segoe UI",Arial,Helvetica,sans-serif !important;
    font-size:10px !important;
    font-weight:800 !important;
    line-height:1 !important;
}


/* ORCID LINK */
body .cmp_form.register a[href*="orcid"]{
    font-size:10px !important;
    line-height:1.2 !important;
}


/* =========================================================
   CHECKBOX AREA
========================================================= */

body .cmp_form.register input[type="checkbox"]{
    flex:0 0 auto !important;

    width:14px !important;
    height:14px !important;

    margin:1px 5px 0 0 !important;

    accent-color:#2f7d59 !important;
}


/* CHECKBOX ROW */
body .cmp_form.register label:has(input[type="checkbox"]),
body .cmp_form.register .checkbox{
    display:flex !important;
    align-items:flex-start !important;

    gap:2px !important;

    margin:0 0 3px !important;
    padding:3px 4px !important;

    min-height:0 !important;

    border:0 !important;

    font-size:10px !important;
    font-weight:500 !important;
    line-height:1.3 !important;
}


/* =========================================================
   ADD AS REVIEWER
========================================================= */

body .cmp_form.register .psh-add-reviewer-heading{
    margin:6px 0 5px !important;
    padding:5px 8px !important;

    background:linear-gradient(
        90deg,
        #073b5c,
        #0a5879 70%,
        #2f7d59
    ) !important;

    border:0 !important;
    border-radius:5px !important;

    box-shadow:none !important;

    color:#fff !important;

    font-family:"Segoe UI",Arial,Helvetica,sans-serif !important;
    font-size:9.5px !important;
    font-weight:800 !important;
    line-height:1.15 !important;

    letter-spacing:.25px !important;
    text-transform:uppercase !important;
}


/* =========================================================
   REVIEWING INTERESTS
========================================================= */

body .cmp_form.register input[name*="interest"],
body .cmp_form.register input[id*="interest"]{
    margin-bottom:0 !important;
}


/* =========================================================
   HELP / DESCRIPTION TEXT
========================================================= */

body .cmp_form.register .description,
body .cmp_form.register .help,
body .cmp_form.register small{
    display:block !important;

    margin:2px 0 0 !important;
    padding:0 !important;

    color:#788991 !important;

    font-size:9px !important;
    line-height:1.25 !important;
}


/* =========================================================
   BUTTON AREA
========================================================= */

body .cmp_form.register .buttons,
body .cmp_form.register .submit{
    margin:7px 0 0 !important;
    padding:0 !important;
}


/* REGISTER BUTTON */
body .cmp_form.register button[type="submit"],
body .cmp_form.register input[type="submit"]{
    min-width:115px !important;
    min-height:32px !important;

    margin:0 !important;
    padding:6px 14px !important;

    border:0 !important;
    border-radius:5px !important;

    background:linear-gradient(
        90deg,
        #073b5c,
        #095879 65%,
        #2f7d59
    ) !important;

    color:#fff !important;

    font-family:"Segoe UI",Arial,Helvetica,sans-serif !important;
    font-size:10.5px !important;
    font-weight:800 !important;

    box-shadow:none !important;
}


/* LOGIN LINK */
body .cmp_form.register .buttons a{
    margin-left:6px !important;
    padding:5px 9px !important;

    border:1px solid #cbd8dd !important;
    border-radius:5px !important;

    color:#073b5c !important;

    font-size:10px !important;
    font-weight:700 !important;

    text-decoration:none !important;
}


/* =========================================================
   ABSOLUTELY REMOVE EMPTY SPACE
========================================================= */

body .cmp_form.register br{
    line-height:0 !important;
}


body .cmp_form.register .fields:empty,
body .cmp_form.register div:empty:not(.psh-add-reviewer-heading),
body .cmp_form.register p:empty{
    display:none !important;

    height:0 !important;
    min-height:0 !important;

    margin:0 !important;
    padding:0 !important;
}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:600px){

    body .cmp_form.register{
        padding:10px !important;
    }

    body .cmp_form.register fieldset{
        padding:9px 9px 8px !important;
        margin-bottom:7px !important;
    }

    body .page_register > h1,
    body .page:has(.cmp_form.register) > h1{
        font-size:21px !important;
    }

}