/**
 * FPPTI Jabar Theme 1.9.4
 * Journal page final layout: slightly wider shell, cover left, description right,
 * native OJS sidebar at far right, and FPPTI-blue footer.
 * Unique filename intentionally avoids stale browser/proxy/CDN caches.
 */

/* ===== WIDER JOURNAL SHELL =====
 * Slightly wider than the previous 1260px treatment, close to the Open Library
 * reference while retaining comfortable side gutters.
 */
html body.openlib-journal-page .openlib_site_shell{
  width:1320px!important;
  max-width:calc(100% - 48px)!important;
}
html body.openlib-journal-page .pkp_structure_content{
  width:1320px!important;
  max-width:calc(100% - 48px)!important;
  margin:0 auto!important;
  padding:26px 0 48px!important;
  gap:22px!important;
}
html body.openlib-journal-page .pkp_structure_content.has_sidebar{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 286px!important;
  align-items:start!important;
}
html body.openlib-journal-page .pkp_structure_main{
  padding:24px!important;
}

/* ===== HOMEPAGE PROFILE: COVER LEFT + DESCRIPTION RIGHT ===== */
html body.openlib-journal-page .openlib_journal_profile.openlib_journal_profile--split{
  display:grid!important;
  grid-template-columns:minmax(245px,31%) minmax(0,1fr)!important;
  align-items:stretch!important;
  width:100%!important;
  margin:0 0 25px!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid #CFE0F2!important;
  border-radius:16px!important;
  background:#FFFFFF!important;
  box-shadow:none!important;
}
html body.openlib-journal-page .openlib_journal_profile.openlib_journal_profile--split:before{
  display:none!important;
}

/* The current journal cover/poster is sourced from the image already stored in
 * About the Journal. Only that image is shown in this left-hand copy. */
html body.openlib-journal-page .openlib_journal_profile--split .fppti_journal_home_poster{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
  min-height:320px!important;
  padding:22px!important;
  border-right:1px solid #D9E6F3!important;
  border-bottom:0!important;
  background:linear-gradient(145deg,#EDF5FF,#F8FBFF)!important;
}
html body.openlib-journal-page .openlib_journal_profile--split .fppti_journal_home_poster__rich{
  display:flex!important;
  width:100%!important;
  height:100%!important;
  align-items:center!important;
  justify-content:center!important;
}
html body.openlib-journal-page .openlib_journal_profile--split .fppti_journal_home_poster__rich > *{
  display:none!important;
}
html body.openlib-journal-page .openlib_journal_profile--split .fppti_journal_home_poster__rich > p:has(img){
  display:flex!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  text-indent:0!important;
}
html body.openlib-journal-page .openlib_journal_profile--split .fppti_journal_home_poster__rich img,
html body.openlib-journal-page .openlib_journal_profile--split .fppti_journal_home_poster--homepage-image > img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:360px!important;
  margin:0 auto!important;
  border:0!important;
  border-radius:10px!important;
  object-fit:contain!important;
  box-shadow:0 9px 24px rgba(19,53,94,.075)!important;
}
html body.openlib-journal-page .openlib_journal_profile--split .fppti_journal_home_poster--fallback{
  min-height:320px!important;
  color:#FFFFFF!important;
  background:linear-gradient(135deg,#0758C7,#2F7CE5)!important;
}
html body.openlib-journal-page .openlib_journal_profile--split .fppti_journal_home_poster--fallback strong{
  font-size:32px!important;
  line-height:1.1!important;
  font-weight:800!important;
  letter-spacing:-.03em!important;
}

html body.openlib-journal-page .openlib_journal_profile--split .openlib_journal_profile__body{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-width:0!important;
  width:auto!important;
  padding:28px 30px!important;
  border:0!important;
  background:#FFFFFF!important;
}
html body.openlib-journal-page .openlib_journal_profile--split h1{
  margin:0!important;
  padding:0 0 16px!important;
  border-bottom:1px solid #D9E6F3!important;
  color:#10243D!important;
  font-size:24px!important;
  line-height:1.28!important;
  font-weight:800!important;
  letter-spacing:-.025em!important;
}
html body.openlib-journal-page .openlib_journal_profile--split .fppti_journal_about_home{
  margin-top:15px!important;
  padding-top:0!important;
  border-top:0!important;
  color:#4B607B!important;
  font-size:13px!important;
  line-height:1.72!important;
}
html body.openlib-journal-page .openlib_journal_profile--split .fppti_journal_about_home__label{
  display:block!important;
  margin-bottom:8px!important;
}
/* The image is already displayed at left, so suppress it inside the About copy. */
html body.openlib-journal-page .openlib_journal_profile--split .fppti_journal_about_home img,
html body.openlib-journal-page .openlib_journal_profile--split .fppti_journal_about_home p:has(img){
  display:none!important;
}

/* Native OJS sidebar only: never show the retired fallback block. */
html body.openlib-journal-page .pkp_structure_sidebar .fppti_sidebar_menu_fallback{
  display:none!important;
}

/* ===== FOOTER: FPPTI BLUE ===== */
html body.openlib-journal-page .openlib_journal_footer_global{
  border-top:3px solid #2F7CE5!important;
  background:#0B3B75!important;
}
html body.openlib-journal-page .openlib_journal_footer_global .pkp_footer_content{
  color:#DCE9F8!important;
}
html body.openlib-journal-page .openlib_journal_footer_global .pkp_footer_content a,
html body.openlib-journal-page .openlib_journal_footer_global__meta a{
  color:#FFFFFF!important;
}
html body.openlib-journal-page .openlib_journal_footer_global__meta{
  color:#AFC8E5!important;
}

/* ===== DARK MODE ===== */
html[data-openlib-color-mode="dark"] body.openlib-journal-page .openlib_journal_profile.openlib_journal_profile--split,
html[data-openlib-color-mode="dark"] body.openlib-journal-page .openlib_journal_profile--split .openlib_journal_profile__body{
  background:#182437!important;
  border-color:#40536D!important;
}
html[data-openlib-color-mode="dark"] body.openlib-journal-page .openlib_journal_profile--split .fppti_journal_home_poster{
  background:#1E2C40!important;
  border-right-color:#40536D!important;
}
html[data-openlib-color-mode="dark"] body.openlib-journal-page .openlib_journal_profile--split h1{
  color:#F5F8FC!important;
  border-bottom-color:#40536D!important;
}
html[data-openlib-color-mode="dark"] body.openlib-journal-page .openlib_journal_profile--split .fppti_journal_about_home{
  color:#C8D6E7!important;
}

/* Tablet: keep menu beneath main only when the viewport can no longer support
 * the three-column visual composition comfortably. */
@media(max-width:1040px){
  html body.openlib-journal-page .openlib_site_shell,
  html body.openlib-journal-page .pkp_structure_content{
    max-width:calc(100% - 32px)!important;
  }
  html body.openlib-journal-page .pkp_structure_content.has_sidebar{
    grid-template-columns:minmax(0,1fr) 250px!important;
    gap:16px!important;
  }
  html body.openlib-journal-page .openlib_journal_profile.openlib_journal_profile--split{
    grid-template-columns:minmax(210px,34%) minmax(0,1fr)!important;
  }
  html body.openlib-journal-page .openlib_journal_profile--split .fppti_journal_home_poster{padding:18px!important;}
  html body.openlib-journal-page .openlib_journal_profile--split .openlib_journal_profile__body{padding:24px!important;}
}

@media(max-width:820px){
  html body.openlib-journal-page .pkp_structure_content.has_sidebar{
    grid-template-columns:1fr!important;
  }
  html body.openlib-journal-page .pkp_structure_content{padding-top:20px!important;}
  html body.openlib-journal-page .openlib_journal_profile.openlib_journal_profile--split{
    grid-template-columns:1fr!important;
  }
  html body.openlib-journal-page .openlib_journal_profile--split .fppti_journal_home_poster{
    min-height:0!important;
    padding:20px!important;
    border-right:0!important;
    border-bottom:1px solid #D9E6F3!important;
  }
  html body.openlib-journal-page .openlib_journal_profile--split .fppti_journal_home_poster__rich img,
  html body.openlib-journal-page .openlib_journal_profile--split .fppti_journal_home_poster--homepage-image > img{
    max-height:480px!important;
  }
}

@media(max-width:560px){
  html body.openlib-journal-page .openlib_site_shell,
  html body.openlib-journal-page .pkp_structure_content{
    max-width:calc(100% - 20px)!important;
  }
  html body.openlib-journal-page .pkp_structure_main{padding:16px!important;}
  html body.openlib-journal-page .openlib_journal_profile--split .fppti_journal_home_poster{padding:14px!important;}
  html body.openlib-journal-page .openlib_journal_profile--split .openlib_journal_profile__body{padding:19px!important;}
  html body.openlib-journal-page .openlib_journal_profile--split h1{font-size:21px!important;}
}