/* ======================================================================
   HERU — Health Empowerment and Research Universe
   Modern OJS Theme — Consolidated Final Stylesheet
   Full replacement stylesheet. Do not append this below old HERU V1–V6.
   ====================================================================== */

:root{
  --heru-primary:#0f9d83;
  --heru-primary-600:#0b8975;
  --heru-primary-700:#087064;
  --heru-teal:#20b7a4;
  --heru-aqua:#5bd6c6;
  --heru-navy:#12364f;
  --heru-navy-900:#0b2b40;
  --heru-text:#1d3c4d;
  --heru-muted:#6c818c;
  --heru-soft:#f3faf8;
  --heru-soft-2:#eaf6f3;
  --heru-bg:#f4f7f7;
  --heru-card:#ffffff;
  --heru-border:#dce8e6;
  --heru-border-soft:#eaf0ef;
  --heru-shadow-sm:0 5px 16px rgba(12,52,69,.045);
  --heru-shadow-md:0 12px 34px rgba(12,52,69,.075);
  --heru-shadow-lg:0 22px 55px rgba(12,52,69,.10);
  --heru-radius-sm:8px;
  --heru-radius-md:12px;
  --heru-radius-lg:18px;
  --heru-max:1280px;
}

/* ----------------------------------------------------------------------
   01. GLOBAL / RESET
   ---------------------------------------------------------------------- */
html{
  background:var(--heru-bg);
  scroll-behavior:smooth;
}

body{
  margin:0;
  background:
    radial-gradient(circle at 12% 8%,rgba(32,183,164,.055),transparent 25%),
    var(--heru-bg);
  color:var(--heru-text);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,Helvetica,Arial,sans-serif;
  font-size:14px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

*,*::before,*::after{box-sizing:border-box;}

img{max-width:100%;height:auto;}

a{
  color:var(--heru-primary-700);
  transition:color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease;
}

a:hover,a:focus{color:var(--heru-primary);}

::selection{background:rgba(15,157,131,.17);color:var(--heru-navy);}

/* ----------------------------------------------------------------------
   02. OJS PAGE SHELL
   ---------------------------------------------------------------------- */
.pkp_structure_page{
  width:min(100%,1440px);
  margin:0 auto;
  background:#fff;
  box-shadow:0 0 48px rgba(10,45,61,.09);
  overflow:clip;
}

.pkp_structure_head{
  position:relative;
  z-index:100;
  background:linear-gradient(120deg,var(--heru-navy-900),#0c5f68 62%,#0a8e88);
  border:0;
}

.pkp_head_wrapper{
  max-width:none!important;
  padding:0!important;
}

/* ----------------------------------------------------------------------
   03. USER NAVIGATION
   ---------------------------------------------------------------------- */
.pkp_navigation_user_wrapper{
  min-height:34px;
  padding:0 28px;
  background:rgba(7,35,52,.82);
  border-bottom:1px solid rgba(255,255,255,.07);
}

.pkp_navigation_user{
  max-width:var(--heru-max);
  margin:0 auto!important;
}

.pkp_navigation_user>li>a,
.pkp_navigation_user>li.in_focus>a{
  padding:9px 10px;
  color:rgba(255,255,255,.86)!important;
  font-size:12px;
  font-weight:650;
}

.pkp_navigation_user>li>a:hover,
.pkp_navigation_user>li>a:focus{
  color:#fff!important;
  background:rgba(255,255,255,.08);
}

/* ----------------------------------------------------------------------
   04. JOURNAL HEADER / LOGO
   ---------------------------------------------------------------------- */
.pkp_site_name_wrapper{
  position:relative;
  max-width:var(--heru-max)!important;
  margin:0 auto!important;
  overflow:hidden;
  border:0!important;
  background:
    radial-gradient(circle at 84% 30%,rgba(37,201,181,.18),transparent 29%),
    linear-gradient(120deg,#fff 0%,#fbfffe 54%,#e8f8f4 100%)!important;
}

.pkp_site_name_wrapper::after{
  content:"";
  position:absolute;
  right:-80px;
  top:-120px;
  width:480px;
  height:330px;
  border-radius:50%;
  background:repeating-linear-gradient(135deg,rgba(15,157,131,.035) 0 15px,rgba(32,183,164,.075) 15px 30px);
  transform:rotate(-7deg);
  pointer-events:none;
}

.pkp_site_name{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  min-height:128px;
  padding:22px 38px!important;
  gap:0!important;
}

.pkp_site_name::before{content:none!important;display:none!important;}

.pkp_site_name img{
  display:block;
  max-width:min(520px,65vw)!important;
  max-height:92px!important;
  width:auto!important;
  object-fit:contain;
}

.pkp_site_name .is_text,
.pkp_site_name a.is_text{
  display:block;
  color:var(--heru-navy)!important;
  font-size:32px;
  font-weight:850;
  line-height:1.16;
  letter-spacing:-.55px;
  text-shadow:none!important;
}

.pkp_site_name .is_text::after,
.pkp_site_name a.is_text::after{
  content:"Advancing Health Research, Empowering Communities";
  display:block;
  margin-top:7px;
  color:var(--heru-primary-600)!important;
  font-size:13px;
  font-style:italic;
  font-weight:650;
  letter-spacing:.1px;
}

/* ----------------------------------------------------------------------
   05. PRIMARY NAVIGATION
   ---------------------------------------------------------------------- */
.pkp_navigation_primary_row{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  background:linear-gradient(90deg,#08766e 0%,#0b9387 48%,#0b8790 100%)!important;
  border:0!important;
  box-shadow:0 9px 24px rgba(7,63,71,.13);
}

.pkp_navigation_primary_wrapper{
  display:flex;
  align-items:stretch;
  max-width:var(--heru-max)!important;
  width:100%!important;
  min-height:56px;
  margin:0 auto!important;
  padding:0 28px!important;
  background:transparent!important;
  box-shadow:none!important;
}

#navigationPrimary{
  display:flex;
  align-items:stretch;
  gap:2px;
  margin:0!important;
}

#navigationPrimary>li>a{
  position:relative;
  display:flex;
  align-items:center;
  min-height:56px;
  padding:0 18px!important;
  border:0!important;
  color:#fff!important;
  font-size:13px;
  font-weight:750;
  letter-spacing:.2px;
  text-transform:uppercase;
}

#navigationPrimary>li>a::after{
  content:"";
  position:absolute;
  left:18px;
  right:18px;
  bottom:8px;
  height:2px;
  border-radius:3px;
  background:#a4f2e5;
  transform:scaleX(0);
  transform-origin:center;
  transition:transform .18s ease;
}

#navigationPrimary>li>a:hover,
#navigationPrimary>li>a:focus{
  background:rgba(255,255,255,.07)!important;
  color:#fff!important;
}

#navigationPrimary>li>a:hover::after,
#navigationPrimary>li>a:focus::after{transform:scaleX(1);}

#navigationPrimary ul{
  overflow:hidden;
  padding:6px!important;
  border:1px solid rgba(18,54,79,.08)!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:0 18px 40px rgba(9,44,60,.16)!important;
}

#navigationPrimary ul a{
  padding:10px 12px!important;
  border-radius:8px;
  color:var(--heru-text)!important;
  font-size:12px;
  font-weight:650;
}

#navigationPrimary ul a:hover{background:var(--heru-soft)!important;color:var(--heru-primary-700)!important;}

.pkp_navigation_search_wrapper{
  display:flex;
  align-items:center;
  margin-left:auto!important;
}

.pkp_navigation_search_wrapper a{
  display:flex!important;
  align-items:center;
  min-height:56px;
  padding:0 12px!important;
  color:#fff!important;
  font-size:13px;
  font-weight:700;
}

/* ----------------------------------------------------------------------
   06. CONTENT LAYOUT — ONE CONSISTENT GRID ONLY
   ---------------------------------------------------------------------- */
html body .pkp_structure_page .pkp_structure_content,
html body .pkp_structure_page .pkp_structure_content.has_sidebar{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 300px!important;
  gap:28px!important;
  align-items:start!important;
  width:calc(100% - 48px)!important;
  max-width:var(--heru-max)!important;
  margin:0 auto!important;
  padding:34px 0 54px!important;
  border:0!important;
  overflow:visible!important;
}

html body .pkp_structure_page .pkp_structure_content:not(.has_sidebar){
  grid-template-columns:minmax(0,1fr)!important;
}

html body .pkp_structure_content>.pkp_structure_main{
  grid-column:1!important;
  float:none!important;
  clear:none!important;
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  position:relative!important;
}

html body .pkp_structure_content>.pkp_structure_sidebar,
html body .pkp_structure_content>.pkp_structure_sidebar.left{
  display:block!important;
  grid-column:2!important;
  float:none!important;
  clear:none!important;
  width:300px!important;
  min-width:300px!important;
  max-width:300px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  position:relative!important;
  visibility:visible!important;
  opacity:1!important;
  overflow:visible!important;
}

.pkp_structure_content::before,
.pkp_structure_content::after,
.pkp_structure_main::before,
.pkp_structure_main::after,
.pkp_structure_sidebar::before,
.pkp_structure_sidebar::after{
  content:none!important;
  display:none!important;
}

.page_index_journal .additional_content,
.pkp_page_index .additional_content,
.additional_content{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  float:none!important;
}

/* ----------------------------------------------------------------------
   07. TYPOGRAPHY / TITLES / BREADCRUMBS
   ---------------------------------------------------------------------- */
.page h1,
.pkp_structure_main>h1,
.obj_article_details .page_title,
.obj_issue_toc .heading .current_issue_title{
  color:var(--heru-navy)!important;
  font-weight:820!important;
  letter-spacing:-.35px;
}

.page h1,
.pkp_structure_main>h1{
  margin:0 0 18px!important;
  font-size:25px!important;
  line-height:1.22!important;
}

.page h2{color:var(--heru-navy)!important;font-size:20px;font-weight:800;}
.page h3{color:var(--heru-primary-700)!important;font-size:17px;font-weight:780;}

.cmp_breadcrumbs{
  margin-bottom:18px!important;
  color:#81939b;
  font-size:12px;
}

.cmp_breadcrumbs a{color:#66808b;text-decoration:none;}
.cmp_breadcrumbs a:hover{color:var(--heru-primary-700);}

/* ----------------------------------------------------------------------
   08. BUTTONS / FORMS / INPUTS
   ---------------------------------------------------------------------- */
.cmp_button,
.pkp_button,
a.pkp_button,
button,
input[type="submit"]{
  border-radius:9px!important;
  font-weight:750!important;
  transition:.18s ease!important;
}

.cmp_button,
.pkp_button,
a.pkp_button,
input[type="submit"]{
  border:1px solid var(--heru-primary-600)!important;
  background:linear-gradient(135deg,var(--heru-primary-600),var(--heru-teal))!important;
  color:#fff!important;
  box-shadow:0 6px 16px rgba(15,157,131,.15);
}

.cmp_button:hover,
.pkp_button:hover,
a.pkp_button:hover,
input[type="submit"]:hover{
  transform:translateY(-1px);
  border-color:var(--heru-primary-700)!important;
  background:var(--heru-primary-700)!important;
  color:#fff!important;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="url"],
input[type="search"],
textarea,
select{
  min-height:42px;
  border:1px solid #cededb!important;
  border-radius:9px!important;
  background:#fff!important;
  color:var(--heru-text)!important;
  box-shadow:none!important;
}

textarea{min-height:120px;}

input:focus,textarea:focus,select:focus{
  border-color:rgba(15,157,131,.72)!important;
  outline:0!important;
  box-shadow:0 0 0 3px rgba(15,157,131,.10)!important;
}

.cmp_form fieldset,
.cmp_form .fields>div,
.cmp_notification{
  border-radius:12px!important;
}

/* ----------------------------------------------------------------------
   09. TABLES
   ---------------------------------------------------------------------- */
table{
  width:100%;
  border-collapse:separate!important;
  border-spacing:0!important;
  overflow:hidden;
  border:1px solid var(--heru-border)!important;
  border-radius:12px!important;
  background:#fff;
}

thead th{
  padding:11px 13px;
  background:#edf8f5!important;
  color:var(--heru-navy)!important;
  font-size:12px;
  font-weight:780;
}

tbody td{padding:11px 13px;border-top:1px solid var(--heru-border-soft);}

/* ----------------------------------------------------------------------
   10. NATIVE OJS ISSUE / ARTICLE / ARCHIVE COMPONENTS
   ---------------------------------------------------------------------- */
.obj_issue_summary,
.obj_article_summary{
  margin-bottom:14px!important;
  padding:17px!important;
  border:1px solid var(--heru-border)!important;
  border-radius:13px!important;
  background:#fff!important;
  box-shadow:var(--heru-shadow-sm)!important;
  transition:.2s ease!important;
}

.obj_issue_summary:hover,
.obj_article_summary:hover{
  transform:translateY(-2px);
  border-color:#b9dcd7!important;
  box-shadow:var(--heru-shadow-md)!important;
}

.obj_article_summary .title,
.obj_issue_summary .title{
  color:var(--heru-navy)!important;
  font-weight:760!important;
}

.obj_article_summary .meta,
.obj_article_summary .authors,
.obj_issue_summary .description{
  color:var(--heru-muted)!important;
}

.obj_galley_link{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  min-height:32px;
  padding:5px 11px!important;
  border:1px solid rgba(15,157,131,.2)!important;
  border-radius:8px!important;
  background:#eaf7f4!important;
  color:var(--heru-primary-700)!important;
  font-size:11px;
  font-weight:780!important;
}

.obj_galley_link:hover{background:var(--heru-primary-600)!important;color:#fff!important;border-color:var(--heru-primary-600)!important;}

.obj_issue_toc{
  border-top:0!important;
}

.obj_issue_toc .heading{
  padding-bottom:18px!important;
  border-bottom:1px solid var(--heru-border-soft)!important;
}

.obj_article_details .main_entry,
.obj_article_details .entry_details{
  border-color:var(--heru-border-soft)!important;
}

/* ----------------------------------------------------------------------
   11. GENERIC OJS SIDEBAR BLOCKS
   ---------------------------------------------------------------------- */
.pkp_structure_sidebar .pkp_block{
  width:100%!important;
  margin:0 0 18px!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid rgba(18,73,83,.10)!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 12px 32px rgba(12,52,69,.055)!important;
}

.pkp_structure_sidebar .pkp_block>.title,
.pkp_structure_sidebar .pkp_block h2.title,
.pkp_structure_sidebar .pkp_block h3.title{
  display:block;
  margin:0!important;
  padding:15px 16px 12px!important;
  border:0!important;
  border-bottom:1px solid var(--heru-border-soft)!important;
  background:linear-gradient(135deg,#f9fffd,#eef8f5)!important;
  color:var(--heru-navy)!important;
  font-size:11px!important;
  font-weight:820!important;
  letter-spacing:.65px!important;
  text-transform:uppercase!important;
}

.pkp_structure_sidebar .pkp_block>.title::after,
.pkp_structure_sidebar .pkp_block .title::after{content:none!important;display:none!important;}

.pkp_structure_sidebar .pkp_block>.content,
.pkp_structure_sidebar .pkp_block .content{
  padding:12px 15px!important;
}

.pkp_structure_sidebar .pkp_block ul{margin:0!important;padding:0!important;list-style:none!important;}
.pkp_structure_sidebar .pkp_block li{margin:0!important;border-bottom:1px solid #eef3f2!important;}
.pkp_structure_sidebar .pkp_block li:last-child{border-bottom:0!important;}

.pkp_structure_sidebar .pkp_block li>a{
  display:block!important;
  padding:9px 2px!important;
  color:#39535f!important;
  font-size:12px!important;
  font-weight:650!important;
  text-decoration:none!important;
}

.pkp_structure_sidebar .pkp_block li>a:hover{color:var(--heru-primary-700)!important;}

/* ----------------------------------------------------------------------
   12. HERU MODERN SIDEBAR NAVIGATION
   HTML wrapper: .heru-side-modern
   ---------------------------------------------------------------------- */
.pkp_structure_sidebar .pkp_block:has(.heru-side-modern){
  position:relative!important;
  padding:0!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 16px 40px rgba(12,52,69,.075)!important;
}

.pkp_structure_sidebar .pkp_block:has(.heru-side-modern)>.title{display:none!important;}
.pkp_structure_sidebar .pkp_block:has(.heru-side-modern)>.content{padding:0!important;}

.heru-side-modern{
  width:100%!important;
  background:#fff!important;
}

.heru-side-modern__top{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  padding:16px 16px 14px!important;
  border-bottom:1px solid var(--heru-border-soft)!important;
  background:
    radial-gradient(circle at 90% 0%,rgba(32,183,164,.14),transparent 45%),
    linear-gradient(135deg,#fbfffe,#f0f9f6)!important;
}

.heru-side-modern__top::before{
  content:""!important;
  position:absolute!important;
  left:16px!important;
  right:16px!important;
  top:0!important;
  height:3px!important;
  border-radius:0 0 6px 6px!important;
  background:linear-gradient(90deg,var(--heru-primary-600),var(--heru-aqua))!important;
}

.heru-side-modern__logo{
  flex:0 0 38px!important;
  width:38px!important;
  height:38px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:12px!important;
  background:linear-gradient(145deg,var(--heru-primary-600),var(--heru-teal))!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:900!important;
  box-shadow:0 7px 16px rgba(15,157,131,.20)!important;
}

.heru-side-modern__brand{min-width:0!important;}
.heru-side-modern__brand small{
  display:block!important;
  margin:0 0 2px!important;
  color:var(--heru-primary-600)!important;
  font-size:7px!important;
  line-height:1!important;
  font-weight:850!important;
  letter-spacing:1.1px!important;
}
.heru-side-modern__brand strong{
  display:block!important;
  color:var(--heru-navy)!important;
  font-size:15px!important;
  line-height:1.2!important;
  font-weight:820!important;
}

.heru-side-modern__section{
  padding:11px 12px 8px!important;
  border-bottom:1px solid #eef3f2!important;
}

.heru-side-modern__label{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  margin:0 7px 5px!important;
  color:#96a6ab!important;
  font-size:6.6px!important;
  font-weight:850!important;
  letter-spacing:1.2px!important;
}

.heru-side-modern__label::before{
  content:""!important;
  width:5px!important;
  height:5px!important;
  flex:0 0 5px!important;
  border-radius:50%!important;
  background:var(--heru-teal)!important;
}

.heru-side-modern a{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 24px!important;
  align-items:center!important;
  gap:7px!important;
  min-height:36px!important;
  margin:1px 0!important;
  padding:7px 7px 7px 10px!important;
  border:0!important;
  border-radius:9px!important;
  background:transparent!important;
  color:#334f5c!important;
  box-shadow:none!important;
  text-decoration:none!important;
}

.heru-side-modern a::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:9px!important;
  bottom:9px!important;
  width:3px!important;
  border-radius:0 4px 4px 0!important;
  background:var(--heru-primary)!important;
  opacity:0!important;
  transform:scaleY(.45)!important;
  transition:.18s ease!important;
}

.heru-side-modern a span{
  min-width:0!important;
  color:inherit!important;
  font-size:11.5px!important;
  line-height:1.3!important;
  font-weight:680!important;
}

.heru-side-modern a i{
  width:22px!important;
  height:22px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:7px!important;
  background:#f2f8f6!important;
  color:#94a8ac!important;
  font-style:normal!important;
  font-size:13px!important;
  font-weight:600!important;
}

.heru-side-modern a:hover,
.heru-side-modern a[aria-current="page"]{
  transform:translateX(2px)!important;
  background:linear-gradient(90deg,#edf9f6,#f8fcfb)!important;
  color:var(--heru-primary-700)!important;
}

.heru-side-modern a:hover::before,
.heru-side-modern a[aria-current="page"]::before{
  opacity:1!important;
  transform:scaleY(1)!important;
}

.heru-side-modern a:hover i,
.heru-side-modern a[aria-current="page"] i{
  background:#dcf3ed!important;
  color:var(--heru-primary-700)!important;
}

.heru-side-modern__bottom{
  padding:11px 12px 12px!important;
  background:linear-gradient(180deg,#fbfdfc,#f5faf8)!important;
}

.heru-side-modern__bottom a{
  min-height:41px!important;
  margin:0!important;
  border:1px solid rgba(15,157,131,.12)!important;
  background:linear-gradient(135deg,#e5f6f1,#f2faf8)!important;
  color:var(--heru-primary-700)!important;
  font-weight:780!important;
}

/* Information block follows the same visual language */
.pkp_structure_sidebar .block_information .title{
  background:linear-gradient(135deg,#fbfffe,#f0f9f6)!important;
  color:var(--heru-navy)!important;
}

/* ----------------------------------------------------------------------
   13. SIDEBAR CUSTOM BLOCKS: TEMPLATE / TOOLS / VISITORS
   ---------------------------------------------------------------------- */
.heru-side-menu,.heru-template-box,.heru-tools-grid,.heru-visitor-box{width:100%;}

.heru-side-menu a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:9px 2px;
  border-bottom:1px solid var(--heru-border-soft);
  color:#39535f!important;
  font-size:12px;
  font-weight:650;
  text-decoration:none!important;
}
.heru-side-menu a:last-child{border-bottom:0;}
.heru-side-menu a::after{content:"›";color:var(--heru-primary);font-size:17px;}
.heru-side-menu a:hover{color:var(--heru-primary-700)!important;}

.heru-template-box{text-align:center;}
.heru-template-icon{
  width:58px;height:58px;margin:2px auto 10px;
  display:flex;align-items:center;justify-content:center;
  border-radius:14px;
  background:linear-gradient(145deg,#176aa8,#2b87c7);
  color:#fff;font-size:22px;font-weight:900;
  box-shadow:0 8px 17px rgba(18,100,163,.16);
}
.heru-template-box p{margin:0 0 11px;color:var(--heru-muted);font-size:11px;line-height:1.5;}
.heru-template-btn{
  display:flex;align-items:center;justify-content:center;min-height:38px;padding:0 10px;
  border-radius:8px;background:linear-gradient(90deg,var(--heru-primary-700),var(--heru-primary));
  color:#fff!important;font-size:11px;font-weight:780;text-decoration:none!important;
}

.heru-tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
.heru-tool{
  min-height:66px;display:flex;align-items:center;justify-content:center;padding:8px 6px;
  border:1px solid var(--heru-border);border-radius:10px;background:#fff;color:var(--heru-text)!important;
  text-align:center;font-size:11px;font-weight:750;text-decoration:none!important;
}
.heru-tool:hover{transform:translateY(-1px);border-color:#a8d8d1;color:var(--heru-primary-700)!important;background:var(--heru-soft);}

.heru-visitor-box{display:grid;gap:0;}
.heru-visitor-row{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--heru-border-soft);font-size:11px;}
.heru-visitor-row:last-child{border-bottom:0;}
.heru-visitor-row strong{color:var(--heru-navy);}

/* ----------------------------------------------------------------------
   14. HOMEPAGE HERO
   ---------------------------------------------------------------------- */
.heru-home{width:100%;}

.heru-hero,
.heru-hero--full{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.2fr) minmax(245px,.8fr)!important;
  align-items:center!important;
  gap:30px!important;
  min-height:315px!important;
  margin:0 0 18px!important;
  padding:34px 34px!important;
  overflow:hidden!important;
  border:1px solid #d8e9e6!important;
  border-radius:18px!important;
  background:
    radial-gradient(circle at 84% 32%,rgba(32,183,164,.16),transparent 29%),
    radial-gradient(circle at 95% 80%,rgba(15,157,131,.08),transparent 25%),
    linear-gradient(120deg,#fff 0%,#f8fdfc 50%,#e8f8f4 100%)!important;
  box-shadow:var(--heru-shadow-md)!important;
}

.heru-hero::before{
  content:"";
  position:absolute;
  left:-80px;
  bottom:-125px;
  width:300px;
  height:300px;
  border-radius:50%;
  background:rgba(32,183,164,.055);
}

.heru-hero__content{position:relative;z-index:3;max-width:630px;}
.heru-eyebrow{
  display:inline-flex;align-items:center;gap:8px;margin:0 0 13px;padding:6px 11px;
  border-radius:999px;background:#e5f6f1;color:var(--heru-primary-700);
  font-size:10px;font-weight:820;letter-spacing:.8px;
}
.heru-eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--heru-teal);box-shadow:0 0 0 4px rgba(32,183,164,.11);}

.heru-hero h1{
  max-width:690px!important;
  margin:0 0 13px!important;
  color:var(--heru-navy)!important;
  font-size:34px!important;
  line-height:1.08!important;
  font-weight:850!important;
  letter-spacing:-.75px!important;
}
.heru-hero h1 span{color:var(--heru-primary-600);}
.heru-hero p{max-width:590px!important;margin:0!important;color:#4c6876!important;font-size:13px!important;line-height:1.68!important;font-weight:480!important;}
.heru-hero__actions{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin-top:21px!important;}

.heru-btn{
  display:inline-flex;align-items:center;justify-content:center;min-height:42px!important;padding:0 17px!important;
  border-radius:9px!important;text-decoration:none!important;font-size:11px!important;font-weight:800!important;letter-spacing:.2px;
}
.heru-btn--primary{border:1px solid var(--heru-primary-600);background:linear-gradient(135deg,var(--heru-primary-600),var(--heru-teal));color:#fff!important;box-shadow:0 8px 18px rgba(15,157,131,.18);}
.heru-btn--primary:hover{transform:translateY(-1px);color:#fff!important;box-shadow:0 11px 22px rgba(15,157,131,.23);}
.heru-btn--outline{border:1px solid #9dd9d1;background:rgba(255,255,255,.82);color:var(--heru-primary-700)!important;}
.heru-btn--outline:hover{background:#fff;transform:translateY(-1px);}

.heru-hero__visual{position:relative!important;min-height:230px!important;}
.heru-health-panel{
  position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;
  background:radial-gradient(circle at 50% 50%,rgba(32,183,164,.14) 0 18%,transparent 19% 32%,rgba(15,157,131,.10) 33% 33.5%,transparent 34% 48%,rgba(15,157,131,.07) 49% 49.5%,transparent 50%)!important;
}
.heru-health-icons{display:none!important;}
.heru-health-panel::before,.heru-health-panel::after{
  content:""!important;position:absolute!important;width:50px!important;height:50px!important;border-radius:15px!important;
  border:1px solid rgba(15,157,131,.13)!important;background:rgba(255,255,255,.82)!important;box-shadow:0 7px 18px rgba(12,52,69,.05)!important;
}
.heru-health-panel::before{left:17%!important;top:18%!important;transform:rotate(10deg)!important;}
.heru-health-panel::after{right:16%!important;bottom:18%!important;transform:rotate(-9deg)!important;}
.heru-health-cross{
  position:relative!important;z-index:2!important;width:104px!important;height:104px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;border-radius:27px!important;
  background:linear-gradient(145deg,var(--heru-primary-600),var(--heru-teal))!important;color:#fff!important;
  font-size:71px!important;font-weight:260!important;box-shadow:0 18px 38px rgba(15,157,131,.19)!important;
}

/* ----------------------------------------------------------------------
   15. HOMEPAGE FEATURE / ABOUT / ISSUE / INDEXING
   ---------------------------------------------------------------------- */
.heru-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px!important;margin:0 0 24px!important;}
.heru-feature-card{
  display:flex;align-items:center;gap:13px;min-height:92px!important;padding:15px!important;
  border:1px solid var(--heru-border)!important;border-radius:13px!important;background:#fff!important;box-shadow:var(--heru-shadow-sm)!important;
}
.heru-feature-card:hover{transform:translateY(-2px);border-color:#b8ddd7!important;box-shadow:var(--heru-shadow-md)!important;}
.heru-feature-icon{
  flex:0 0 48px!important;width:48px!important;height:48px!important;display:flex;align-items:center;justify-content:center;
  border-radius:14px!important;background:linear-gradient(145deg,var(--heru-primary-600),var(--heru-teal))!important;color:#fff!important;font-size:15px!important;font-weight:800!important;
}
.heru-feature-card h3{margin:0 0 3px!important;color:var(--heru-navy)!important;font-size:13px!important;font-weight:790!important;}
.heru-feature-card p{margin:0!important;color:var(--heru-muted)!important;font-size:10.5px!important;line-height:1.45!important;}

.heru-section{margin-top:24px!important;}
.heru-section-heading{display:flex;align-items:center;gap:9px;margin-bottom:12px!important;padding-bottom:9px;border-bottom:1px solid var(--heru-border-soft);}
.heru-section-heading span{width:22px;height:3px;border-radius:99px;background:linear-gradient(90deg,var(--heru-primary-600),var(--heru-teal));}
.heru-section-heading h2{margin:0!important;color:var(--heru-navy)!important;font-size:16px!important;font-weight:820!important;letter-spacing:.1px;}

.heru-about-box{display:grid;grid-template-columns:minmax(0,1fr) 165px;gap:20px;align-items:center;padding:3px 0 8px!important;border:0!important;}
.heru-about-text p{margin:0 0 9px!important;color:#506a77!important;font-size:12px!important;line-height:1.65!important;}
.heru-about-visual{min-height:118px!important;position:relative;border-radius:14px!important;background:linear-gradient(145deg,#f1fbf8,#dff5ef)!important;overflow:hidden!important;}
.heru-microscope{position:absolute;left:25px;bottom:14px;font-size:62px;color:var(--heru-primary-600);}
.heru-dna-label{position:absolute;right:17px;top:18px;padding:7px 9px;border:1px solid #a8dcd5;border-radius:8px;color:var(--heru-primary-700);font-size:10px;font-weight:850;}

.heru-mini-btn{display:inline-flex;align-items:center;justify-content:center;min-height:33px;margin-top:6px;padding:0 12px;border:1px solid #a5d9d2;border-radius:8px;color:var(--heru-primary-700)!important;background:#fff;font-size:10px;font-weight:780;text-decoration:none!important;}
.heru-mini-btn:hover{background:var(--heru-soft);}

.heru-scope-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin-bottom:8px;border-top:1px solid var(--heru-border-soft);}
.heru-scope-grid div{min-height:46px;display:flex;align-items:center;gap:7px;padding:7px;border-bottom:1px solid var(--heru-border-soft);color:var(--heru-primary-700);font-size:13px;font-weight:760;}
.heru-scope-grid span{color:#4d6673;font-size:10px;font-weight:580;}

.heru-issue-box{display:grid;grid-template-columns:145px minmax(0,1fr);gap:20px;margin:2px 0 8px;padding-top:6px;border:0;}
.heru-cover-placeholder{min-height:218px;padding:16px 14px;display:flex;flex-direction:column;border-radius:10px;background:linear-gradient(145deg,#0a6c65,#0b8f83 46%,#154b66);color:#fff;box-shadow:0 10px 24px rgba(11,53,80,.15);}
.heru-cover-mark{width:36px;height:36px;margin-bottom:10px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid #fff;font-size:18px;font-weight:900;}
.heru-cover-placeholder strong{font-size:22px;letter-spacing:.7px;}
.heru-cover-placeholder small{margin-top:3px;font-size:9px;line-height:1.35;}
.heru-cover-placeholder span{margin-top:auto;font-size:8px;letter-spacing:.5px;}
.heru-issue-content h3{margin:0 0 4px!important;color:var(--heru-navy)!important;font-size:15px!important;}
.heru-muted{margin:0 0 8px!important;color:#82959c!important;font-size:10px!important;}
.heru-article-line{padding:8px 0;border-top:1px solid var(--heru-border-soft);}
.heru-article-line strong,.heru-article-line span,.heru-article-line small{display:block;}
.heru-article-line strong{color:var(--heru-navy);font-size:10.5px;}
.heru-article-line span{margin:2px 0;color:#667c87;font-size:9.5px;}
.heru-article-line small{color:var(--heru-primary-600);font-size:8.5px;font-weight:700;}

.heru-index-grid-v2{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;width:100%!important;margin-top:12px!important;}
.heru-index-card{display:flex!important;align-items:center!important;justify-content:center!important;height:74px!important;padding:10px 14px!important;border:1px solid var(--heru-border)!important;border-radius:11px!important;background:#fff!important;overflow:hidden!important;text-decoration:none!important;box-shadow:var(--heru-shadow-sm)!important;}
.heru-index-card:hover{transform:translateY(-2px);border-color:#b7ddd7!important;box-shadow:var(--heru-shadow-md)!important;}
.heru-index-card img{display:block!important;width:auto!important;height:auto!important;max-width:82%!important;max-height:45px!important;object-fit:contain!important;margin:0 auto!important;border:0!important;box-shadow:none!important;}
.heru-index-card img[alt="GARUDA"]{max-height:53px!important;}
.heru-index-card img[alt="SINTA"]{max-height:49px!important;}
.heru-index-note{margin:8px 0 0;color:#8a9ba1;font-size:9px;font-style:italic;}

/* ----------------------------------------------------------------------
   16. SHARED STATIC PAGE VISUAL SYSTEM
   Works with the existing HERU page classes.
   ---------------------------------------------------------------------- */
.heru-reviewers-page,
.heru-editorial-final,
.heru-review-process-page,
.heru-ethics-page,
.heru-submission-page,
.heru-author-page,
.heru-plagiarism-page,
.heru-apc-page,
.heru-openaccess-page,
.heru-license-page,
.heru-stat-page,
.heru-contact-page,
.heru-v3-focus{
  width:100%!important;
  color:var(--heru-text)!important;
}

.heru-reviewers-intro,
.heru-editorial-head,
.heru-review-process-hero,
.heru-ethics-hero,
.heru-submission-hero,
.heru-author-hero,
.heru-plagiarism-hero,
.heru-apc-hero,
.heru-openaccess-hero,
.heru-license-hero,
.heru-stat-hero,
.heru-contact-hero,
.heru-v3-hero{
  position:relative!important;
  overflow:hidden!important;
  margin:0 0 18px!important;
  padding:24px 26px!important;
  border:1px solid #d9e8e5!important;
  border-radius:16px!important;
  background:
    radial-gradient(circle at 92% 12%,rgba(32,183,164,.13),transparent 32%),
    linear-gradient(120deg,#fff,#f5fbf9)!important;
  box-shadow:var(--heru-shadow-sm)!important;
}

.heru-reviewers-intro::before,
.heru-editorial-head::before,
.heru-review-process-hero::before,
.heru-ethics-hero::before,
.heru-submission-hero::before,
.heru-author-hero::before,
.heru-plagiarism-hero::before,
.heru-apc-hero::before,
.heru-openaccess-hero::before,
.heru-license-hero::before,
.heru-stat-hero::before,
.heru-contact-hero::before,
.heru-v3-hero::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:0!important;
  height:3px!important;
  background:linear-gradient(90deg,var(--heru-primary-600),var(--heru-aqua))!important;
}

.heru-reviewers-badge,
.heru-editorial-label,
.heru-review-process-badge,
.heru-ethics-badge,
.heru-submission-badge,
.heru-author-badge,
.heru-plagiarism-badge,
.heru-apc-badge,
.heru-openaccess-badge,
.heru-license-badge,
.heru-stat-badge,
.heru-contact-badge,
.heru-v3-eyebrow{
  display:inline-flex!important;
  align-items:center!important;
  min-height:23px!important;
  margin:0 0 8px!important;
  padding:4px 9px!important;
  border-radius:7px!important;
  background:#e7f6f2!important;
  color:var(--heru-primary-700)!important;
  font-size:8px!important;
  line-height:1!important;
  font-weight:850!important;
  letter-spacing:.9px!important;
}

.heru-reviewers-intro h2,
.heru-editorial-head h2,
.heru-review-process-hero h2,
.heru-ethics-hero h2,
.heru-submission-hero h2,
.heru-author-hero h2,
.heru-plagiarism-hero h2,
.heru-apc-hero h2,
.heru-openaccess-hero h2,
.heru-license-hero h2,
.heru-stat-hero h2,
.heru-contact-hero h2,
.heru-v3-hero h1{
  margin:0 0 8px!important;
  color:var(--heru-navy)!important;
  font-size:27px!important;
  line-height:1.18!important;
  font-weight:830!important;
  letter-spacing:-.45px!important;
}

.heru-reviewers-intro p,
.heru-editorial-head p,
.heru-review-process-hero p,
.heru-ethics-hero p,
.heru-submission-hero p,
.heru-author-hero p,
.heru-plagiarism-hero p,
.heru-apc-hero p,
.heru-openaccess-hero p,
.heru-license-hero p,
.heru-stat-hero p,
.heru-contact-hero p,
.heru-v3-hero p{
  max-width:830px!important;
  margin:0!important;
  color:#607883!important;
  font-size:12px!important;
  line-height:1.65!important;
}

.heru-team-section,
.heru-review-criteria,
.heru-ethics-section,
.heru-submission-section,
.heru-author-section,
.heru-plagiarism-section,
.heru-apc-section,
.heru-openaccess-section,
.heru-license-section,
.heru-stat-section,
.heru-contact-section,
.heru-scope-section{
  margin-bottom:24px!important;
}

.heru-team-heading,
.heru-review-process-title,
.heru-ethics-heading,
.heru-submission-heading,
.heru-author-heading,
.heru-plagiarism-heading,
.heru-apc-heading,
.heru-openaccess-heading,
.heru-license-heading,
.heru-stat-heading,
.heru-contact-heading{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin:0 0 11px!important;
  padding-bottom:8px!important;
  border-bottom:1px solid var(--heru-border-soft)!important;
}

.heru-team-heading>span,
.heru-review-process-title>span,
.heru-ethics-heading>span,
.heru-submission-heading>span,
.heru-author-heading>span,
.heru-plagiarism-heading>span,
.heru-apc-heading>span,
.heru-openaccess-heading>span,
.heru-license-heading>span,
.heru-stat-heading>span,
.heru-contact-heading>span{
  width:20px!important;
  height:3px!important;
  border-radius:99px!important;
  background:linear-gradient(90deg,var(--heru-primary-600),var(--heru-teal))!important;
}

.heru-team-heading h3,
.heru-review-process-title h3,
.heru-ethics-heading h3,
.heru-submission-heading h3,
.heru-author-heading h3,
.heru-plagiarism-heading h3,
.heru-apc-heading h3,
.heru-openaccess-heading h3,
.heru-license-heading h3,
.heru-stat-heading h3,
.heru-contact-heading h3{
  margin:0!important;
  color:var(--heru-navy)!important;
  font-size:16px!important;
  font-weight:810!important;
}

/* Shared card surfaces */
.heru-reviewer-card,
.heru-team-card,
.heru-review-step,
.heru-ethics-principle,
.heru-ethics-card,
.heru-misconduct-grid>div,
.heru-submission-checklist>div,
.heru-submission-step,
.heru-author-card,
.heru-author-small-card,
.heru-manuscript-flow>div,
.heru-plagiarism-card,
.heru-plagiarism-grid>div,
.heru-plagiarism-actions>div,
.heru-apc-grid>div,
.heru-openaccess-card,
.heru-openaccess-grid>div,
.heru-openaccess-rights-grid>div,
.heru-license-card,
.heru-license-grid>div,
.heru-license-rights>div,
.heru-stat-card,
.heru-stat-monitor>div,
.heru-contact-card,
.heru-contact-help-grid>div,
.heru-contact-editor,
.heru-contact-address,
.heru-submission-corresponding{
  border:1px solid var(--heru-border)!important;
  border-radius:11px!important;
  background:#fff!important;
  box-shadow:var(--heru-shadow-sm)!important;
}

.heru-reviewer-card:hover,
.heru-team-card:hover,
.heru-review-step:hover,
.heru-stat-card:hover,
.heru-contact-card:hover{
  transform:translateY(-2px)!important;
  border-color:#b5ddd7!important;
  box-shadow:var(--heru-shadow-md)!important;
}

/* ----------------------------------------------------------------------
   17. FOCUS & SCOPE V3
   ---------------------------------------------------------------------- */
.heru-v3-hero-top{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:14px!important;margin-bottom:11px!important;}
.heru-v3-count{color:#84969d!important;font-size:9px!important;font-weight:650!important;}
.heru-v3-focus-block{
  display:grid!important;grid-template-columns:minmax(220px,.75fr) minmax(0,1.75fr)!important;gap:25px!important;
  align-items:start!important;margin:0 0 24px!important;padding:18px 20px!important;
  border:1px solid var(--heru-border)!important;border-radius:13px!important;background:#fff!important;box-shadow:var(--heru-shadow-sm)!important;
}
.heru-v3-focus-label{display:flex!important;gap:10px!important;align-items:flex-start!important;}
.heru-v3-focus-label>span{flex:0 0 31px!important;width:31px!important;height:31px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:9px!important;background:linear-gradient(145deg,var(--heru-primary-600),var(--heru-teal))!important;color:#fff!important;font-size:8px!important;font-weight:850!important;}
.heru-v3-focus-label small{display:block!important;margin:1px 0 3px!important;color:var(--heru-primary-600)!important;font-size:7px!important;font-weight:850!important;letter-spacing:.8px!important;}
.heru-v3-focus-label h2{margin:0!important;color:var(--heru-navy)!important;font-size:13px!important;line-height:1.35!important;font-weight:800!important;}
.heru-v3-focus-copy p{margin:0 0 7px!important;color:#637b86!important;font-size:10.5px!important;line-height:1.6!important;}
.heru-v3-focus-copy p:last-child{margin-bottom:0!important;}
.heru-v3-section-title{display:flex!important;justify-content:space-between!important;align-items:flex-end!important;gap:22px!important;margin-bottom:12px!important;}
.heru-v3-section-title small{display:block!important;margin-bottom:2px!important;color:var(--heru-primary-600)!important;font-size:7px!important;font-weight:850!important;letter-spacing:.9px!important;}
.heru-v3-section-title h2{margin:0!important;color:var(--heru-navy)!important;font-size:17px!important;font-weight:820!important;}
.heru-v3-section-title>p{max-width:390px!important;margin:0!important;color:#84969d!important;font-size:9px!important;line-height:1.45!important;text-align:right!important;}
.heru-v3-scope-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;}
.heru-v3-scope-item{display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important;min-height:47px!important;padding:8px 10px!important;border:1px solid var(--heru-border)!important;border-radius:10px!important;background:#fff!important;box-shadow:0 3px 10px rgba(18,48,74,.025)!important;}
.heru-v3-scope-item:hover{transform:translateY(-1px)!important;border-color:#b5ddd7!important;background:#fbfefd!important;}
.heru-v3-scope-no{flex:0 0 26px!important;width:26px!important;height:26px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:8px!important;background:#e6f5f1!important;color:var(--heru-primary-700)!important;font-size:7.5px!important;font-weight:850!important;}
.heru-v3-scope-name{min-width:0!important;color:#294754!important;font-size:9.8px!important;line-height:1.35!important;font-weight:690!important;word-break:normal!important;overflow-wrap:normal!important;}
.heru-v3-bottom{display:flex!important;align-items:center!important;gap:12px!important;margin-top:18px!important;padding:13px 16px!important;border-radius:11px!important;background:linear-gradient(110deg,var(--heru-navy),var(--heru-primary-700))!important;box-shadow:0 8px 20px rgba(18,48,74,.10)!important;}
.heru-v3-bottom-mark{flex:0 0 41px!important;width:41px!important;height:41px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:10px!important;background:rgba(255,255,255,.12)!important;color:#fff!important;font-size:8px!important;font-weight:900!important;}
.heru-v3-bottom strong{display:block!important;margin-bottom:2px!important;color:#fff!important;font-size:10.5px!important;}
.heru-v3-bottom p{margin:0!important;color:rgba(255,255,255,.76)!important;font-size:9px!important;line-height:1.5!important;}

/* ----------------------------------------------------------------------
   18. PEER REVIEWERS
   ---------------------------------------------------------------------- */
.heru-reviewers-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important;}
.heru-reviewer-card{display:flex!important;align-items:flex-start!important;gap:12px!important;min-height:126px!important;padding:15px!important;}
.heru-reviewer-number{flex:0 0 38px!important;width:38px!important;height:38px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:11px!important;background:linear-gradient(145deg,var(--heru-primary-600),var(--heru-teal))!important;color:#fff!important;font-size:9px!important;font-weight:850!important;}
.heru-reviewer-body{flex:1!important;min-width:0!important;}
.heru-reviewer-role{display:block!important;margin-bottom:4px!important;color:var(--heru-primary-600)!important;font-size:8px!important;font-weight:850!important;letter-spacing:.7px!important;text-transform:uppercase!important;}
.heru-reviewer-body h3{margin:0 0 7px!important;color:var(--heru-navy)!important;font-size:13px!important;line-height:1.35!important;font-weight:790!important;}
.heru-reviewer-meta{display:flex!important;flex-direction:column!important;gap:2px!important;margin-bottom:8px!important;color:#718790!important;font-size:9.5px!important;}
.heru-scopus-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:29px!important;padding:0 10px!important;border:1px solid #a6d9d2!important;border-radius:7px!important;background:#f8fdfc!important;color:var(--heru-primary-700)!important;font-size:8.8px!important;font-weight:780!important;text-decoration:none!important;}
.heru-scopus-btn:hover{background:var(--heru-primary-600)!important;color:#fff!important;border-color:var(--heru-primary-600)!important;}
.heru-reviewers-footer{margin-top:18px!important;padding:14px 17px!important;border-left:3px solid var(--heru-primary)!important;border-radius:8px!important;background:var(--heru-soft)!important;}
.heru-reviewers-footer h3{margin:0 0 5px!important;color:var(--heru-navy)!important;font-size:14px!important;}
.heru-reviewers-footer p{margin:0!important;color:#637b86!important;font-size:10.5px!important;line-height:1.6!important;}

/* ----------------------------------------------------------------------
   19. EDITORIAL TEAM
   ---------------------------------------------------------------------- */
.heru-team-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
.heru-team-card{display:flex!important;align-items:flex-start!important;gap:11px!important;min-height:118px!important;padding:14px!important;}
.heru-team-card-main{border-color:#b9ddd8!important;background:linear-gradient(120deg,#fff,#f6fbfa)!important;}
.heru-team-avatar{flex:0 0 40px!important;width:40px!important;height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:12px!important;background:linear-gradient(145deg,var(--heru-primary-600),var(--heru-teal))!important;color:#fff!important;font-size:9px!important;font-weight:850!important;}
.heru-team-content{flex:1!important;min-width:0!important;}
.heru-team-role{display:block!important;margin-bottom:4px!important;color:var(--heru-primary-600)!important;font-size:8px!important;font-weight:850!important;letter-spacing:.7px!important;text-transform:uppercase!important;}
.heru-team-content h3{margin:0 0 5px!important;color:var(--heru-navy)!important;font-size:12.5px!important;line-height:1.35!important;font-weight:790!important;}
.heru-team-content p{margin:0 0 7px!important;color:#687f89!important;font-size:9.5px!important;line-height:1.5!important;}
.heru-team-contact{display:flex!important;flex-direction:column!important;gap:3px!important;}
.heru-team-contact a{color:var(--heru-primary-700)!important;font-size:9px!important;font-weight:700!important;text-decoration:none!important;}
.heru-team-empty{display:flex!important;align-items:center!important;gap:13px!important;padding:16px!important;border:1px dashed #b9ddd7!important;border-radius:10px!important;background:#f9fdfc!important;}
.heru-team-empty-icon{flex:0 0 40px!important;width:40px!important;height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:11px!important;background:#e2f3ef!important;color:var(--heru-primary-700)!important;font-size:10px!important;font-weight:850!important;}
.heru-review-info{display:grid!important;grid-template-columns:minmax(0,1fr) 120px!important;gap:17px!important;align-items:center!important;padding:16px 18px!important;margin-bottom:22px!important;border-radius:12px!important;background:linear-gradient(115deg,var(--heru-navy),var(--heru-primary-700))!important;color:#fff!important;}
.heru-review-small{color:#90eadc!important;font-size:8px!important;font-weight:850!important;letter-spacing:.9px!important;}
.heru-review-info h3{margin:4px 0 5px!important;color:#fff!important;font-size:14px!important;}
.heru-review-info p{margin:0!important;color:rgba(255,255,255,.8)!important;font-size:9.7px!important;line-height:1.55!important;}
.heru-review-badge{display:flex!important;align-items:center!important;justify-content:center!important;min-height:72px!important;padding:9px!important;border-radius:10px!important;background:rgba(255,255,255,.11)!important;color:#fff!important;text-align:center!important;font-size:10px!important;font-weight:780!important;}
.heru-contact-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
.heru-contact-item{padding:11px 13px!important;border:1px solid var(--heru-border)!important;border-radius:9px!important;background:#fff!important;}
.heru-editorial-bottom{display:flex!important;flex-direction:column!important;gap:2px!important;margin-top:20px!important;padding:13px 15px!important;border-radius:9px!important;background:var(--heru-soft)!important;}

/* ----------------------------------------------------------------------
   20. PEER REVIEW PROCESS
   ---------------------------------------------------------------------- */
.heru-review-process-note{padding:11px 14px!important;margin-bottom:20px!important;border-left:3px solid var(--heru-primary)!important;border-radius:7px!important;background:var(--heru-soft)!important;color:#58727e!important;font-size:10.5px!important;line-height:1.55!important;}
.heru-review-steps{display:flex!important;flex-direction:column!important;gap:8px!important;}
.heru-review-step{display:grid!important;grid-template-columns:40px minmax(0,1fr)!important;gap:12px!important;padding:13px 15px!important;}
.heru-review-step-number{width:34px!important;height:34px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:10px!important;background:linear-gradient(145deg,var(--heru-primary-600),var(--heru-teal))!important;color:#fff!important;font-size:8px!important;font-weight:850!important;}
.heru-review-step-content>span{display:block!important;margin-bottom:2px!important;color:var(--heru-primary-600)!important;font-size:7px!important;font-weight:850!important;letter-spacing:.75px!important;}
.heru-review-step-content h3{margin:0 0 4px!important;color:var(--heru-navy)!important;font-size:12.5px!important;font-weight:790!important;}
.heru-review-step-content p{margin:0!important;color:#687f89!important;font-size:9.7px!important;line-height:1.55!important;}
.heru-decision-list{display:flex!important;flex-wrap:wrap!important;gap:5px!important;margin-top:8px!important;}
.heru-decision-list span{padding:4px 7px!important;border-radius:6px!important;background:#e8f5f2!important;color:var(--heru-primary-700)!important;font-size:8px!important;font-weight:780!important;}
.heru-review-criteria-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;}
.heru-review-criteria-grid>div{min-height:82px!important;padding:11px!important;border:1px solid var(--heru-border)!important;border-radius:10px!important;background:#fbfdfd!important;}
.heru-review-criteria-grid strong{display:block!important;margin-bottom:4px!important;color:var(--heru-navy)!important;font-size:10px!important;}
.heru-review-criteria-grid span{display:block!important;color:#748991!important;font-size:8.8px!important;line-height:1.45!important;}

/* ----------------------------------------------------------------------
   21. ETHICS / AUTHOR / PLAGIARISM / APC / OPEN ACCESS / LICENSE
   Compact, consistent card system
   ---------------------------------------------------------------------- */
.heru-ethics-principles{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;}
.heru-misconduct-grid,
.heru-plagiarism-grid,
.heru-plagiarism-actions,
.heru-openaccess-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;}
.heru-apc-grid,
.heru-license-rights,
.heru-reference-box,
.heru-required-files,
.heru-submission-checklist,
.heru-manuscript-flow,
.heru-author-checklist{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
.heru-author-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;}
.heru-license-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;}
.heru-openaccess-rights-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;}

.heru-ethics-principle,
.heru-misconduct-grid>div,
.heru-author-small-card,
.heru-plagiarism-grid>div,
.heru-plagiarism-actions>div,
.heru-apc-grid>div,
.heru-openaccess-grid>div,
.heru-openaccess-rights-grid>div,
.heru-license-grid>div{
  padding:12px!important;
}

.heru-ethics-icon,
.heru-author-small-card>span,
.heru-plagiarism-grid span,
.heru-apc-grid span,
.heru-openaccess-grid span,
.heru-license-grid span{
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:27px!important;height:27px!important;margin-bottom:7px!important;border-radius:8px!important;
  background:#e5f5f1!important;color:var(--heru-primary-700)!important;font-size:7.5px!important;font-weight:850!important;
}

.heru-ethics-principle strong,
.heru-misconduct-grid strong,
.heru-author-small-card strong,
.heru-plagiarism-grid strong,
.heru-plagiarism-actions strong,
.heru-apc-grid strong,
.heru-openaccess-grid strong,
.heru-openaccess-rights-grid strong,
.heru-license-grid strong{
  display:block!important;margin-bottom:4px!important;color:var(--heru-navy)!important;font-size:10.5px!important;font-weight:780!important;
}

.heru-ethics-principle p,
.heru-misconduct-grid p,
.heru-author-small-card p,
.heru-plagiarism-grid p,
.heru-plagiarism-actions p,
.heru-apc-grid p,
.heru-openaccess-grid p,
.heru-license-grid p{
  margin:0!important;color:#718690!important;font-size:9px!important;line-height:1.5!important;
}

.heru-ethics-card,
.heru-author-card,
.heru-plagiarism-card,
.heru-openaccess-card,
.heru-license-card{padding:15px 17px!important;}

.heru-ethics-card p,.heru-author-card p,.heru-plagiarism-card p,.heru-openaccess-card p,.heru-license-card p,
.heru-ethics-card li,.heru-author-card li{
  color:#5f7883!important;font-size:10px!important;line-height:1.58!important;
}

.heru-ethics-highlight,
.heru-plagiarism-highlight,
.heru-author-ethics,
.heru-openaccess-rights,
.heru-license-highlight,
.heru-apc-note,
.heru-stat-note,
.heru-contact-notice{
  padding:14px 16px!important;border-left:3px solid var(--heru-primary)!important;border-radius:8px!important;background:var(--heru-soft)!important;
}

.heru-submission-flow{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:7px!important;}
.heru-submission-step{padding:11px!important;box-shadow:none!important;background:#fbfdfd!important;}
.heru-submission-step-number{width:27px!important;height:27px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin-bottom:7px!important;border-radius:8px!important;background:linear-gradient(145deg,var(--heru-primary-600),var(--heru-teal))!important;color:#fff!important;font-size:7px!important;font-weight:850!important;}
.heru-submission-step strong{display:block!important;margin-bottom:3px!important;color:var(--heru-navy)!important;font-size:9.8px!important;}
.heru-submission-step p{margin:0!important;color:#748991!important;font-size:8.5px!important;line-height:1.45!important;}

.heru-submission-checklist>div{position:relative!important;padding:13px 14px 13px 47px!important;}
.heru-submission-checklist>div>span{position:absolute!important;left:12px!important;top:12px!important;width:26px!important;height:26px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:8px!important;background:#e2f3ef!important;color:var(--heru-primary-700)!important;font-size:7px!important;font-weight:850!important;}
.heru-submission-checklist strong{display:block!important;margin-bottom:3px!important;color:var(--heru-navy)!important;font-size:10px!important;}
.heru-submission-checklist p{margin:0!important;color:#718690!important;font-size:8.8px!important;line-height:1.5!important;}

.heru-manuscript-flow>div{position:relative!important;padding:12px 13px 12px 45px!important;background:#fbfdfd!important;}
.heru-manuscript-flow>div>span{position:absolute!important;left:11px!important;top:11px!important;width:25px!important;height:25px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:8px!important;background:#e4f4f0!important;color:var(--heru-primary-700)!important;font-size:7px!important;font-weight:850!important;}
.heru-manuscript-flow strong{display:block!important;margin-bottom:3px!important;color:var(--heru-navy)!important;font-size:10px!important;}
.heru-manuscript-flow p{margin:0!important;color:#718690!important;font-size:8.8px!important;line-height:1.48!important;}

.heru-apc-status{display:flex!important;align-items:center!important;gap:14px!important;padding:14px 16px!important;margin-bottom:22px!important;border:1px solid #badfd9!important;border-radius:11px!important;background:#f5fbf9!important;}
.heru-apc-status-icon{flex:0 0 44px!important;width:44px!important;height:44px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:12px!important;background:linear-gradient(145deg,var(--heru-primary-600),var(--heru-teal))!important;color:#fff!important;font-size:8px!important;font-weight:850!important;}
.heru-apc-table{overflow:hidden!important;border:1px solid var(--heru-border)!important;border-radius:11px!important;background:#fff!important;}
.heru-apc-row{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(160px,.55fr)!important;gap:14px!important;align-items:center!important;padding:11px 14px!important;border-bottom:1px solid var(--heru-border-soft)!important;}
.heru-apc-row:last-child{border-bottom:0!important;}
.heru-apc-row strong{color:var(--heru-navy)!important;font-size:10px!important;}
.heru-apc-row span{color:var(--heru-primary-700)!important;font-size:9.5px!important;font-weight:750!important;text-align:right!important;}

.heru-openaccess-license,
.heru-license-cc,
.heru-author-template,
.heru-ethics-footer,
.heru-plagiarism-footer,
.heru-apc-footer,
.heru-review-process-footer,
.heru-stat-transparency,
.heru-contact-whatsapp{
  padding:16px 18px!important;
  border-radius:12px!important;
  background:linear-gradient(115deg,var(--heru-navy),var(--heru-primary-700))!important;
  color:#fff!important;
  box-shadow:0 9px 22px rgba(18,48,74,.10)!important;
}

.heru-openaccess-license,.heru-license-cc,.heru-stat-transparency{display:grid!important;grid-template-columns:62px minmax(0,1fr)!important;gap:15px!important;align-items:center!important;}
.heru-openaccess-license-icon,.heru-license-cc-icon,.heru-stat-shield{width:54px!important;height:54px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:14px!important;background:rgba(255,255,255,.11)!important;border:1px solid rgba(255,255,255,.18)!important;color:#fff!important;font-size:12px!important;font-weight:900!important;}

.heru-openaccess-footer,.heru-license-footer,.heru-stat-footer,.heru-contact-footer{padding:16px 18px!important;border:1px solid #d2e8e4!important;border-radius:11px!important;background:linear-gradient(120deg,#f8fdfc,#eaf7f3)!important;}

/* ----------------------------------------------------------------------
   22. STATISTICS
   ---------------------------------------------------------------------- */
.heru-stat-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
.heru-stat-card{display:flex!important;align-items:center!important;gap:11px!important;padding:13px!important;}
.heru-stat-number{flex:0 0 35px!important;width:35px!important;height:35px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:10px!important;background:linear-gradient(145deg,var(--heru-primary-600),var(--heru-teal))!important;color:#fff!important;font-size:8px!important;font-weight:850!important;}
.heru-stat-card small{display:block!important;margin-bottom:2px!important;color:var(--heru-primary-600)!important;font-size:7px!important;font-weight:850!important;letter-spacing:.7px!important;}
.heru-stat-card strong{display:block!important;margin-bottom:2px!important;color:var(--heru-navy)!important;font-size:10.5px!important;}
.heru-stat-card p{margin:0!important;color:#748991!important;font-size:8.8px!important;line-height:1.45!important;}
.heru-stat-frequency{display:grid!important;grid-template-columns:minmax(0,1fr) 125px 125px!important;gap:8px!important;}
.heru-stat-frequency-main{padding:14px!important;border-left:3px solid var(--heru-primary)!important;border-radius:9px!important;background:var(--heru-soft)!important;}
.heru-stat-month{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-height:94px!important;padding:12px!important;border:1px solid var(--heru-border)!important;border-radius:10px!important;background:#fff!important;}
.heru-stat-monitor{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;}
.heru-stat-monitor>div{padding:11px!important;}
.heru-stat-monitor>div>span{display:flex!important;width:25px!important;height:25px!important;align-items:center!important;justify-content:center!important;margin-bottom:6px!important;border-radius:8px!important;background:#e5f5f1!important;color:var(--heru-primary-700)!important;font-size:7px!important;font-weight:850!important;}
.heru-stat-development{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:7px!important;padding:14px!important;border:1px solid var(--heru-border)!important;border-radius:11px!important;background:#fff!important;}

/* ----------------------------------------------------------------------
   23. CONTACT PAGE — FIXED FLEX / GRID BEHAVIOR
   ---------------------------------------------------------------------- */
.heru-contact-main-grid{display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr)!important;gap:9px!important;}
.heru-contact-editor{display:flex!important;align-items:center!important;gap:12px!important;padding:14px!important;background:linear-gradient(120deg,#fff,#f7fcfb)!important;}
.heru-contact-avatar{flex:0 0 42px!important;width:42px!important;height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:12px!important;background:linear-gradient(145deg,var(--heru-primary-600),var(--heru-teal))!important;color:#fff!important;font-size:9px!important;font-weight:900!important;}
.heru-contact-editor-info{min-width:0!important;}
.heru-contact-editor-info>span{display:block!important;margin-bottom:2px!important;color:var(--heru-primary-600)!important;font-size:7px!important;font-weight:850!important;letter-spacing:.7px!important;}
.heru-contact-editor-info h3{margin:0 0 2px!important;color:var(--heru-navy)!important;font-size:13px!important;}
.heru-contact-editor-info p{margin:0 0 4px!important;color:#718690!important;font-size:9px!important;}
.heru-contact-editor-info strong{color:var(--heru-primary-700)!important;font-size:8.8px!important;}
.heru-contact-journal{padding:14px!important;border-radius:11px!important;background:linear-gradient(120deg,var(--heru-navy),var(--heru-primary-700))!important;}
.heru-contact-journal>span{display:block!important;margin-bottom:4px!important;color:#8ee9db!important;font-size:7px!important;font-weight:850!important;letter-spacing:.8px!important;}
.heru-contact-journal strong{display:block!important;color:#fff!important;font-size:18px!important;font-weight:900!important;}
.heru-contact-journal p{margin:3px 0 5px!important;color:#fff!important;font-size:9.5px!important;line-height:1.4!important;}
.heru-contact-journal small{color:rgba(255,255,255,.72)!important;font-size:8px!important;font-style:italic!important;}

.heru-contact-cards{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
.heru-contact-card{display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;align-items:center!important;gap:10px!important;padding:11px 12px!important;text-decoration:none!important;}
.heru-contact-icon{width:32px!important;height:32px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:9px!important;background:#e5f5f1!important;color:var(--heru-primary-700)!important;font-size:11px!important;font-weight:900!important;}
.heru-contact-card>div:last-child{min-width:0!important;}
.heru-contact-card span{display:block!important;margin-bottom:2px!important;color:var(--heru-primary-600)!important;font-size:7px!important;font-weight:850!important;letter-spacing:.6px!important;}
.heru-contact-card strong{display:block!important;min-width:0!important;color:var(--heru-navy)!important;font-size:9.7px!important;line-height:1.35!important;overflow-wrap:anywhere!important;}
.heru-contact-card small{display:block!important;margin-top:2px!important;color:#84969d!important;font-size:7.8px!important;}
.heru-contact-whatsapp{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:16px!important;align-items:center!important;margin-bottom:22px!important;}
.heru-contact-wa-actions{display:flex!important;gap:6px!important;flex-wrap:wrap!important;}
.heru-contact-wa-actions a{display:inline-flex!important;min-height:32px!important;align-items:center!important;justify-content:center!important;padding:0 10px!important;border-radius:7px!important;background:#fff!important;color:var(--heru-primary-700)!important;font-size:8px!important;font-weight:800!important;text-decoration:none!important;}
.heru-contact-help-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;}
.heru-contact-help-grid>div{padding:11px!important;background:#fbfdfd!important;}
.heru-contact-help-grid span{display:flex!important;width:25px!important;height:25px!important;align-items:center!important;justify-content:center!important;margin-bottom:6px!important;border-radius:8px!important;background:#e5f5f1!important;color:var(--heru-primary-700)!important;font-size:7px!important;font-weight:850!important;}
.heru-contact-address{display:flex!important;align-items:center!important;gap:12px!important;padding:13px 14px!important;}
.heru-contact-address-icon{flex:0 0 38px!important;width:38px!important;height:38px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:11px!important;background:#e5f5f1!important;color:var(--heru-primary-700)!important;font-size:7px!important;font-weight:900!important;}

/* ----------------------------------------------------------------------
   24. FOOTER
   ---------------------------------------------------------------------- */
.pkp_structure_footer_wrapper{
  margin:0!important;
  border-top:4px solid var(--heru-teal)!important;
  background:linear-gradient(115deg,#0a2d43 0%,#075b61 58%,#08766e 100%)!important;
}

.pkp_structure_footer{
  max-width:var(--heru-max)!important;
  min-height:0!important;
  margin:0 auto!important;
  padding:0!important;
  color:#fff!important;
}

.heru-footer{display:grid;grid-template-columns:1.15fr 1fr 1fr 1.05fr;gap:25px;padding:30px 32px 23px;}
.heru-footer h3{margin:0 0 10px!important;color:#fff!important;font-size:12px!important;font-weight:820!important;letter-spacing:.3px;text-transform:uppercase;}
.heru-footer p,.heru-footer li{margin:0 0 5px;color:rgba(255,255,255,.82)!important;font-size:10.5px;line-height:1.55;}
.heru-footer ul{margin:0;padding:0;list-style:none;}
.heru-footer a{color:#b7f0e6!important;text-decoration:none!important;}
.heru-footer a:hover{color:#fff!important;}
.heru-footer__brand{font-size:19px;font-weight:900;letter-spacing:.5px;}
.heru-footer__tagline{display:block;margin-top:4px;color:#9ee5d9!important;font-size:10px;font-style:italic;}
.heru-footer__bottom{grid-column:1/-1;margin-top:7px;padding-top:12px;border-top:1px solid rgba(255,255,255,.14);text-align:center;color:rgba(255,255,255,.68);font-size:9.5px;}
.pkp_brand_footer{float:none!important;margin:0!important;padding:8px 32px 14px!important;text-align:right!important;filter:brightness(0) invert(1);opacity:.64!important;}
.pkp_brand_footer img{max-height:38px!important;width:auto!important;}

/* ----------------------------------------------------------------------
   25. RESPONSIVE — TABLET
   ---------------------------------------------------------------------- */
@media(max-width:1100px){
  html body .pkp_structure_page .pkp_structure_content,
  html body .pkp_structure_page .pkp_structure_content.has_sidebar{
    grid-template-columns:minmax(0,1fr) 270px!important;
    gap:20px!important;
  }
  html body .pkp_structure_content>.pkp_structure_sidebar,
  html body .pkp_structure_content>.pkp_structure_sidebar.left{
    width:270px!important;min-width:270px!important;max-width:270px!important;
  }
  .heru-scope-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  .heru-stat-monitor{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}

@media(max-width:991px){
  .pkp_site_name{min-height:105px;padding:18px 24px!important;}
  .pkp_site_name img{max-height:76px!important;}
  .pkp_navigation_primary_wrapper{padding:0 16px!important;}

  html body .pkp_structure_page .pkp_structure_content,
  html body .pkp_structure_page .pkp_structure_content.has_sidebar{
    display:block!important;
    width:calc(100% - 32px)!important;
    max-width:none!important;
    padding:25px 0 42px!important;
  }
  html body .pkp_structure_content>.pkp_structure_sidebar,
  html body .pkp_structure_content>.pkp_structure_sidebar.left{
    width:100%!important;min-width:0!important;max-width:none!important;margin-top:24px!important;
  }

  .heru-hero,.heru-hero--full{grid-template-columns:1fr!important;min-height:auto!important;padding:28px!important;}
  .heru-hero__visual{min-height:210px!important;}
  .heru-v3-scope-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .heru-reviewers-grid,.heru-team-grid{grid-template-columns:1fr!important;}
  .heru-submission-flow{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .heru-ethics-principles{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .heru-misconduct-grid,.heru-plagiarism-grid,.heru-plagiarism-actions,.heru-openaccess-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .heru-license-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .heru-footer{grid-template-columns:repeat(2,minmax(0,1fr));}
}

/* ----------------------------------------------------------------------
   26. RESPONSIVE — MOBILE
   ---------------------------------------------------------------------- */
@media(max-width:700px){
  body{font-size:13px;}
  .pkp_navigation_user_wrapper{padding:0 14px;}
  .pkp_site_name{min-height:92px;padding:14px 18px!important;}
  .pkp_site_name img{max-width:85vw!important;max-height:66px!important;}
  .pkp_site_name .is_text,.pkp_site_name a.is_text{font-size:23px;}
  .pkp_site_name .is_text::after,.pkp_site_name a.is_text::after{font-size:11px;}

  html body .pkp_structure_page .pkp_structure_content,
  html body .pkp_structure_page .pkp_structure_content.has_sidebar{width:calc(100% - 24px)!important;padding:20px 0 34px!important;}

  .heru-hero,.heru-hero--full{padding:22px 19px!important;border-radius:14px!important;}
  .heru-hero h1{font-size:28px!important;}
  .heru-hero p{font-size:12px!important;}
  .heru-feature-grid{grid-template-columns:1fr!important;}
  .heru-about-box{grid-template-columns:1fr!important;}
  .heru-about-visual{display:none!important;}
  .heru-scope-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .heru-issue-box{grid-template-columns:1fr;}
  .heru-cover-placeholder{max-width:180px;}
  .heru-index-grid-v2{grid-template-columns:repeat(2,minmax(0,1fr))!important;}

  .heru-v3-focus-block{grid-template-columns:1fr!important;gap:14px!important;}
  .heru-v3-section-title{align-items:flex-start!important;flex-direction:column!important;gap:5px!important;}
  .heru-v3-section-title>p{text-align:left!important;}

  .heru-review-criteria-grid,.heru-author-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .heru-submission-checklist,.heru-required-files,.heru-manuscript-flow,.heru-reference-box,.heru-author-checklist,.heru-apc-grid,.heru-license-rights,.heru-contact-cards{grid-template-columns:1fr!important;}
  .heru-stat-grid,.heru-contact-main-grid{grid-template-columns:1fr!important;}
  .heru-stat-frequency{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .heru-stat-frequency-main{grid-column:1/-1!important;}
  .heru-contact-help-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .heru-contact-whatsapp{grid-template-columns:1fr!important;}
  .heru-review-info,.heru-openaccess-license,.heru-license-cc,.heru-stat-transparency{grid-template-columns:1fr!important;}
}

@media(max-width:520px){
  .heru-reviewers-intro,.heru-editorial-head,.heru-review-process-hero,.heru-ethics-hero,.heru-submission-hero,.heru-author-hero,.heru-plagiarism-hero,.heru-apc-hero,.heru-openaccess-hero,.heru-license-hero,.heru-stat-hero,.heru-contact-hero,.heru-v3-hero{padding:19px 17px!important;}
  .heru-reviewers-intro h2,.heru-editorial-head h2,.heru-review-process-hero h2,.heru-ethics-hero h2,.heru-submission-hero h2,.heru-author-hero h2,.heru-plagiarism-hero h2,.heru-apc-hero h2,.heru-openaccess-hero h2,.heru-license-hero h2,.heru-stat-hero h2,.heru-contact-hero h2,.heru-v3-hero h1{font-size:22px!important;}
  .heru-v3-scope-grid,.heru-ethics-principles,.heru-misconduct-grid,.heru-plagiarism-grid,.heru-plagiarism-actions,.heru-openaccess-grid,.heru-openaccess-rights-grid,.heru-license-grid,.heru-review-criteria-grid,.heru-author-grid,.heru-submission-flow,.heru-stat-monitor,.heru-contact-help-grid{grid-template-columns:1fr!important;}
  .heru-review-step{grid-template-columns:34px minmax(0,1fr)!important;}
  .heru-stat-frequency{grid-template-columns:1fr!important;}
  .heru-index-grid-v2{grid-template-columns:1fr!important;}
  .heru-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .heru-footer{grid-template-columns:1fr;padding:25px 20px 18px;}
  .heru-footer__bottom{grid-column:1;}
}

/* =========================================================
   SIDEBAR JOURNAL MENU - MODERN BUTTON STYLE
   Tambahkan di bagian paling bawah CSS
   ========================================================= */

/* Kotak sidebar utama */
.pkp_structure_sidebar .pkp_block {
    background: linear-gradient(180deg, #f8fffd 0%, #f3fbf9 100%);
    border: 1px solid #d8ece7;
    border-radius: 24px;
    box-shadow: 0 14px 40px rgba(8, 44, 56, 0.08);
    overflow: hidden;
    margin-bottom: 24px;
}

/* Header block sidebar */
.pkp_structure_sidebar .pkp_block .title {
    margin: 0;
    padding: 20px 22px 14px;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #0f8f83;
    background: linear-gradient(135deg, #ecfbf7 0%, #f7fffd 100%);
    border-bottom: 1px solid #e2f1ed;
    position: relative;
}

.pkp_structure_sidebar .pkp_block .title::after {
    content: "";
    display: block;
    width: 48px;
    height: 4px;
    border-radius: 999px;
    background: linear-gradient(90deg, #18b8a5, #0b8f81);
    margin-top: 10px;
}

/* Isi block */
.pkp_structure_sidebar .pkp_block .content {
    padding: 14px;
}

/* Hilangkan bullet list default */
.pkp_structure_sidebar .pkp_block .content ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.pkp_structure_sidebar .pkp_block .content ul li {
    margin: 0 0 12px;
    padding: 0;
}

.pkp_structure_sidebar .pkp_block .content ul li:last-child {
    margin-bottom: 0;
}

/* =========================================================
   STYLE UNTUK JOURNAL MENU CUSTOM
   HTML Anda memakai .jm-icon .jm-text .jm-arrow
   ========================================================= */
#customblock-journal-menu .content {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

#customblock-journal-menu .content > div,
#customblock-journal-menu .content > p {
    margin: 0;
}

/* Tombol utama */
#customblock-journal-menu .content a {
    display: flex;
    align-items: center;
    gap: 14px;
    width: 100%;
    padding: 14px 16px;
    border-radius: 18px;
    background: #ffffff;
    border: 1px solid #dcefeb;
    color: #17384f;
    text-decoration: none;
    box-shadow: 0 6px 18px rgba(10, 54, 67, 0.05);
    transition: all 0.25s ease;
    position: relative;
    overflow: hidden;
}

/* Efek garis kiri */
#customblock-journal-menu .content a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 12px;
    bottom: 12px;
    width: 4px;
    border-radius: 999px;
    background: linear-gradient(180deg, #18b8a5 0%, #0e8f82 100%);
    opacity: 0;
    transition: all 0.25s ease;
}

/* Hover tombol */
#customblock-journal-menu .content a:hover {
    transform: translateY(-2px);
    border-color: #b9e5dc;
    box-shadow: 0 14px 28px rgba(11, 90, 92, 0.12);
    background: linear-gradient(135deg, #ffffff 0%, #f5fcfa 100%);
}

#customblock-journal-menu .content a:hover::before {
    opacity: 1;
}

/* Ikon angka bulat */
#customblock-journal-menu .content a .jm-icon {
    width: 40px;
    min-width: 40px;
    height: 40px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 800;
    color: #ffffff;
    background: linear-gradient(135deg, #17b7a4 0%, #0b8f81 100%);
    box-shadow: 0 8px 18px rgba(18, 170, 150, 0.22);
    transition: all 0.25s ease;
}

/* Teks tombol */
#customblock-journal-menu .content a .jm-text {
    flex: 1;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    color: #163a50;
}

/* Arrow kanan */
#customblock-journal-menu .content a .jm-arrow {
    width: 30px;
    min-width: 30px;
    height: 30px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eef9f6;
    color: #0c9385;
    font-size: 18px;
    font-weight: 700;
    transition: all 0.25s ease;
}

/* Hover elemen dalam tombol */
#customblock-journal-menu .content a:hover .jm-icon {
    transform: scale(1.06);
}

#customblock-journal-menu .content a:hover .jm-arrow {
    background: linear-gradient(135deg, #16b5a2 0%, #0a8f81 100%);
    color: #ffffff;
    transform: translateX(2px);
}

/* Tombol aktif (manual pakai class="active") */
#customblock-journal-menu .content a.active,
#customblock-journal-menu .content a[aria-current="page"] {
    background: linear-gradient(135deg, #effcf8 0%, #ffffff 100%);
    border-color: #8fd9cc;
    box-shadow: 0 14px 28px rgba(11, 90, 92, 0.12);
}

#customblock-journal-menu .content a.active::before,
#customblock-journal-menu .content a[aria-current="page"]::before {
    opacity: 1;
}

#customblock-journal-menu .content a.active .jm-arrow,
#customblock-journal-menu .content a[aria-current="page"] .jm-arrow {
    background: linear-gradient(135deg, #16b5a2 0%, #0a8f81 100%);
    color: #fff;
}

/* =========================================================
   STYLE UNTUK BLOCK SIDEBAR BAWAAN OJS (generic)
   Supaya blok Information juga ikut bagus
   ========================================================= */
.pkp_structure_sidebar .pkp_block .content ul li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    padding: 13px 16px;
    border-radius: 16px;
    background: #ffffff;
    border: 1px solid #dcefeb;
    color: #17384f;
    text-decoration: none;
    font-weight: 700;
    box-shadow: 0 6px 16px rgba(10, 54, 67, 0.05);
    transition: all 0.25s ease;
}

.pkp_structure_sidebar .pkp_block .content ul li a:hover {
    background: linear-gradient(135deg, #ffffff 0%, #f5fcfa 100%);
    border-color: #b9e5dc;
    transform: translateY(-2px);
    box-shadow: 0 12px 24px rgba(11, 90, 92, 0.10);
    color: #0c8c7e;
}

/* Jarak antar section label kecil seperti JOURNAL / EDITORIAL / AUTHORS */
#customblock-journal-menu .content strong,
#customblock-journal-menu .content .menu-section-label {
    display: block;
    margin: 18px 6px 6px;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.16em;
    color: #9ab5b1;
}

/* =========================================================
   HERU SIDEBAR - SEMUA MENU SEPERTI CONTACT EDITORIAL OFFICE
   LETAKKAN PALING BAWAH CSS
   ========================================================= */

/* setiap grup */
body .pkp_structure_sidebar
.heru-side-modern__section{
    padding:12px 12px 7px !important;
}

/* label JOURNAL / EDITORIAL / AUTHORS / POLICIES */
body .pkp_structure_sidebar
.heru-side-modern__label{
    margin:0 5px 8px !important;
    font-size:7px !important;
    letter-spacing:1.2px !important;
    font-weight:850 !important;
    color:#94a9aa !important;
}

/* =========================================================
   SEMUA LINK MENU
   ========================================================= */

body .pkp_structure_sidebar
.heru-side-modern__section a{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 26px !important;
    align-items:center !important;

    gap:8px !important;

    min-height:42px !important;

    margin:0 0 7px !important;
    padding:9px 10px 9px 13px !important;

    border:1px solid #d8eee8 !important;
    border-radius:11px !important;

    background:
        linear-gradient(
            135deg,
            #eaf8f5 0%,
            #f5fbf9 100%
        ) !important;

    color:#08776d !important;

    text-decoration:none !important;

    box-shadow:none !important;

    transition:
        background .2s ease,
        border-color .2s ease,
        transform .2s ease,
        box-shadow .2s ease !important;
}


/* teks menu */
body .pkp_structure_sidebar
.heru-side-modern__section a span{
    color:#08776d !important;

    font-size:9.5px !important;
    line-height:1.3 !important;

    font-weight:800 !important;
}


/* tombol arrow kanan */
body .pkp_structure_sidebar
.heru-side-modern__section a i{
    width:24px !important;
    height:24px !important;

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

    border-radius:7px !important;

    background:#ffffff !important;

    color:#0a9385 !important;

    font-size:13px !important;
    font-style:normal !important;
    font-weight:700 !important;

    box-shadow:
        0 3px 8px rgba(18,84,85,.06) !important;

    transition:.2s ease !important;
}


/* hilangkan garis kiri dari CSS sebelumnya */
body .pkp_structure_sidebar
.heru-side-modern__section a:before{
    display:none !important;
}


/* =========================================================
   HOVER
   ========================================================= */

body .pkp_structure_sidebar
.heru-side-modern__section a:hover{
    background:
        linear-gradient(
            135deg,
            #d9f2ec 0%,
            #edf9f6 100%
        ) !important;

    border-color:#b7dfd6 !important;

    color:#066c63 !important;

    transform:translateY(-1px) !important;

    box-shadow:
        0 7px 16px rgba(18,84,85,.08) !important;
}


body .pkp_structure_sidebar
.heru-side-modern__section a:hover span{
    color:#066c63 !important;
}


body .pkp_structure_sidebar
.heru-side-modern__section a:hover i{
    background:
        linear-gradient(
            135deg,
            #0e9587,
            #18b6a4
        ) !important;

    color:#ffffff !important;

    transform:translateX(2px) !important;
}


/* =========================================================
   CONTACT EDITORIAL OFFICE
   SAMAKAN PERSIS DENGAN MENU LAIN
   ========================================================= */

body .pkp_structure_sidebar
.heru-side-modern__bottom{
    padding:7px 12px 12px !important;

    background:transparent !important;
}


body .pkp_structure_sidebar
.heru-side-modern__bottom a{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 26px !important;
    align-items:center !important;

    min-height:42px !important;

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

    border:1px solid #d8eee8 !important;
    border-radius:11px !important;

    background:
        linear-gradient(
            135deg,
            #eaf8f5 0%,
            #f5fbf9 100%
        ) !important;

    color:#08776d !important;

    box-shadow:none !important;
}


body .pkp_structure_sidebar
.heru-side-modern__bottom a span{
    color:#08776d !important;

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


body .pkp_structure_sidebar
.heru-side-modern__bottom a i{
    width:24px !important;
    height:24px !important;

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

    border-radius:7px !important;

    background:#ffffff !important;

    color:#0a9385 !important;

    font-size:13px !important;
}


/* hover contact */
body .pkp_structure_sidebar
.heru-side-modern__bottom a:hover{
    background:
        linear-gradient(
            135deg,
            #d9f2ec,
            #edf9f6
        ) !important;

    border-color:#b7dfd6 !important;

    transform:translateY(-1px) !important;

    box-shadow:
        0 7px 16px rgba(18,84,85,.08) !important;
}


/* =========================================================
   JARAK ANTAR GRUP
   ========================================================= */

body .pkp_structure_sidebar
.heru-side-modern__section{
    border-bottom:1px solid #eef3f1 !important;
}

body .pkp_structure_sidebar
.heru-side-modern__section:last-of-type{
    border-bottom:0 !important;
}

/* =========================================================
   HERU FINAL - BOTTOM HOMEPAGE & FOOTER
   ========================================================= */

/* ABOUT */

.heru-final-about{
    margin:30px 0 !important;
    padding:0 !important;
}

.heru-final-heading{
    margin-bottom:15px !important;
    padding-bottom:10px !important;
    border-bottom:1px solid #e6efed !important;
}

.heru-final-heading > span{
    display:block !important;
    margin-bottom:3px !important;
    color:#0d9688 !important;
    font-size:8px !important;
    font-weight:850 !important;
    letter-spacing:1.2px !important;
}

.heru-final-heading h2{
    margin:0 !important;
    color:#12384e !important;
    font-size:18px !important;
    font-weight:850 !important;
}

.heru-final-about p{
    max-width:850px !important;
    margin:0 0 9px !important;
    color:#5f7782 !important;
    font-size:10.5px !important;
    line-height:1.7 !important;
}

.heru-final-outline-btn{
    display:inline-flex !important;
    align-items:center !important;
    min-height:36px !important;
    margin-top:7px !important;
    padding:0 14px !important;
    border:1px solid #b8e1d9 !important;
    border-radius:9px !important;
    color:#08766e !important;
    background:#fff !important;
    font-size:8.5px !important;
    font-weight:800 !important;
    text-decoration:none !important;
}


/* CURRENT ISSUE */

.heru-preissue{
    margin:30px 0 !important;
}

.heru-preissue-card{
    display:grid !important;
    grid-template-columns:145px minmax(0,1fr) !important;
    gap:22px !important;
    align-items:stretch !important;
}

.heru-preissue-cover{
    min-height:205px !important;
    padding:20px 17px !important;
    border-radius:14px !important;
    background:
        linear-gradient(
            155deg,
            #0a9687,
            #0d6d74 68%,
            #12394f
        ) !important;
    color:#fff !important;
    box-shadow:0 12px 28px rgba(15,85,91,.14) !important;
}

.heru-preissue-cover > span{
    display:block !important;
    margin-bottom:28px !important;
    font-size:22px !important;
    font-weight:900 !important;
}

.heru-preissue-cover strong{
    display:block !important;
    font-size:16px !important;
    line-height:1.35 !important;
}

.heru-preissue-cover small{
    display:block !important;
    margin-top:25px !important;
    color:rgba(255,255,255,.72) !important;
    font-size:7.5px !important;
    line-height:1.5 !important;
}

.heru-preissue-info{
    padding:20px 0 !important;
}

.heru-preissue-status{
    display:inline-flex !important;
    padding:5px 9px !important;
    margin-bottom:8px !important;
    border-radius:999px !important;
    background:#e5f7f3 !important;
    color:#087d73 !important;
    font-size:7px !important;
    font-weight:850 !important;
    letter-spacing:.8px !important;
}

.heru-preissue-info h3{
    margin:0 0 8px !important;
    color:#14394e !important;
    font-size:17px !important;
}

.heru-preissue-info p{
    max-width:650px !important;
    margin:0 0 15px !important;
    color:#667e88 !important;
    font-size:10px !important;
    line-height:1.65 !important;
}

.heru-preissue-meta{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:7px !important;
}

.heru-preissue-meta span{
    padding:7px 10px !important;
    border-radius:8px !important;
    background:#f3f9f7 !important;
    color:#657e86 !important;
    font-size:8.5px !important;
}

.heru-preissue-meta b{
    color:#087d73 !important;
}


/* =========================================================
   FINAL FOOTER
   ========================================================= */

.heru-final-footer{
    position:relative !important;
    width:100% !important;
    margin:45px 0 0 !important;
    padding:0 !important;
    overflow:hidden !important;

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

    background:
        radial-gradient(
            circle at 92% 5%,
            rgba(48,213,187,.18),
            transparent 31%
        ),
        linear-gradient(
            125deg,
            #10384e 0%,
            #075f68 50%,
            #0b8f80 100%
        ) !important;

    color:#fff !important;

    box-shadow:
        0 -10px 35px rgba(11,53,80,.07) !important;
}


/* top accent */
.heru-final-footer:before{
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    top:0 !important;
    height:4px !important;

    background:
        linear-gradient(
            90deg,
            #27d0b7,
            #6cebd8
        ) !important;
}


/* MAIN */

.heru-footer-main{
    display:grid !important;

    grid-template-columns:
        1.15fr 1fr 1fr 1fr !important;

    gap:38px !important;

    padding:38px 42px 30px !important;
}


/* BRAND */

.heru-footer-logo-text{
    margin-bottom:9px !important;

    color:#fff !important;

    font-size:25px !important;

    font-weight:900 !important;

    letter-spacing:1px !important;
}


.heru-footer-brand > strong{
    display:block !important;

    margin-bottom:8px !important;

    color:#c8f3ea !important;

    font-size:9px !important;

    line-height:1.45 !important;
}


.heru-footer-brand p{
    margin:0 0 14px !important;

    color:rgba(255,255,255,.76) !important;

    font-size:8.5px !important;

    line-height:1.6 !important;
}


.heru-footer-brand > span{
    display:inline-block !important;

    color:#73dfce !important;

    font-size:7px !important;

    font-weight:750 !important;
}


/* COLUMN */

.heru-footer-column h4{
    position:relative !important;

    margin:0 0 16px !important;

    padding-bottom:9px !important;

    color:#fff !important;

    font-size:9px !important;

    font-weight:850 !important;

    letter-spacing:.8px !important;

    text-transform:uppercase !important;
}


.heru-footer-column h4:after{
    content:"" !important;

    position:absolute !important;

    left:0 !important;
    bottom:0 !important;

    width:28px !important;
    height:2px !important;

    border-radius:99px !important;

    background:#52d9c6 !important;
}


/* EDITOR PEOPLE */

.heru-footer-person{
    margin-bottom:11px !important;
}


.heru-footer-person small{
    display:block !important;

    margin-bottom:2px !important;

    color:#76dacb !important;

    font-size:6px !important;

    font-weight:850 !important;

    letter-spacing:.8px !important;
}


.heru-footer-person strong{
    display:block !important;

    color:rgba(255,255,255,.89) !important;

    font-size:8px !important;

    line-height:1.4 !important;
}


/* PUBLICATION */

.heru-footer-column ul{
    margin:0 !important;

    padding:0 !important;

    list-style:none !important;
}


.heru-footer-column li{
    display:flex !important;

    justify-content:space-between !important;

    gap:10px !important;

    padding:6px 0 !important;

    border-bottom:
        1px solid rgba(255,255,255,.09) !important;

    font-size:7.5px !important;
}


.heru-footer-column li span{
    color:rgba(255,255,255,.59) !important;
}


.heru-footer-column li strong{
    color:rgba(255,255,255,.90) !important;

    font-weight:750 !important;

    text-align:right !important;
}


/* CONTACT */

.heru-footer-contact > strong{
    display:block !important;

    margin-bottom:2px !important;

    color:#fff !important;

    font-size:8.5px !important;
}


.heru-footer-contact > span{
    display:block !important;

    margin-bottom:13px !important;

    color:#83ddcf !important;

    font-size:7px !important;
}


.heru-footer-contact a{
    display:block !important;

    margin-bottom:7px !important;

    color:rgba(255,255,255,.78) !important;

    font-size:7.5px !important;

    text-decoration:none !important;

    transition:.2s ease !important;
}


.heru-footer-contact a:hover{
    color:#7ef0df !important;
}


/* BOTTOM */

.heru-footer-bottom{
    display:flex !important;

    justify-content:space-between !important;
    align-items:center !important;

    gap:20px !important;

    margin:0 42px !important;

    padding:16px 0 20px !important;

    border-top:
        1px solid rgba(255,255,255,.10) !important;

    color:rgba(255,255,255,.55) !important;

    font-size:6.8px !important;
}


.heru-footer-bottom > div{
    display:flex !important;

    gap:7px !important;
}


/* RESPONSIVE */

@media(max-width:900px){

    .heru-footer-main{
        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;
    }

}


@media(max-width:600px){

    .heru-preissue-card{
        grid-template-columns:1fr !important;
    }

    .heru-preissue-cover{
        min-height:170px !important;
    }

    .heru-footer-main{
        grid-template-columns:1fr !important;

        padding:30px 24px 25px !important;
    }

    .heru-footer-bottom{
        margin:0 24px !important;

        align-items:flex-start !important;

        flex-direction:column !important;
    }

}

/* =========================================================
   HERU HOMEPAGE V7
   MINIMAL • MODERN • ACADEMIC
   ========================================================= */

.heru-home-v7{
    width:100%;
    color:#193b4d;
}


/* =========================================================
   HERO
   ========================================================= */

.heru-home-v7-hero{
    display:grid;
    grid-template-columns:minmax(0,1.5fr) minmax(220px,.65fr);
    align-items:center;
    gap:30px;

    min-height:315px;

    margin-bottom:20px;
    padding:38px 42px;

    border:1px solid #d9e8e5;
    border-radius:20px;

    background:
        radial-gradient(
            circle at 87% 42%,
            rgba(33,197,175,.16),
            transparent 30%
        ),
        linear-gradient(
            120deg,
            #ffffff 0%,
            #f4fbf9 100%
        );

    box-shadow:
        0 14px 38px rgba(18,54,79,.055);
}


.heru-home-v7-badge{
    display:inline-flex;
    align-items:center;

    padding:7px 12px;
    margin-bottom:17px;

    border-radius:999px;

    background:#e6f7f3;
    color:#08776d;

    font-size:9px;
    line-height:1;
    font-weight:850;

    letter-spacing:1px;
}


.heru-home-v7-hero-content h1{
    max-width:670px;

    margin:0 0 15px !important;

    color:#12384f !important;

    font-size:36px !important;
    line-height:1.08 !important;

    font-weight:850 !important;

    letter-spacing:-1px !important;
}


.heru-home-v7-hero-content p{
    max-width:650px;

    margin:0 !important;

    color:#607985 !important;

    font-size:13px !important;
    line-height:1.7 !important;
}


.heru-home-v7-actions{
    display:flex;
    flex-wrap:wrap;

    gap:9px;

    margin-top:22px;
}


.heru-v7-btn-primary,
.heru-v7-btn-secondary{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-height:43px;

    padding:0 18px;

    border-radius:10px;

    font-size:10px;
    font-weight:850;

    text-decoration:none !important;

    transition:.2s ease;
}


.heru-v7-btn-primary{
    border:1px solid #0f9d83;

    background:
        linear-gradient(
            135deg,
            #0e8e81,
            #1ab7a5
        );

    color:#fff !important;

    box-shadow:
        0 8px 18px rgba(15,157,131,.16);
}


.heru-v7-btn-secondary{
    border:1px solid #b7ded7;

    background:#fff;

    color:#08766e !important;
}


.heru-v7-btn-primary:hover,
.heru-v7-btn-secondary:hover{
    transform:translateY(-2px);
}


/* HERO SYMBOL */

.heru-home-v7-symbol{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    gap:13px;
}


.heru-v7-health-icon{
    width:112px;
    height:112px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:30px;

    background:
        linear-gradient(
            145deg,
            #0f9688,
            #1bb7a5
        );

    color:#fff;

    font-size:57px;
    line-height:1;

    font-weight:300;

    box-shadow:
        0 17px 34px rgba(13,151,136,.19);
}


.heru-home-v7-symbol > span{
    color:#72908f;

    font-size:8px;
    font-weight:750;

    letter-spacing:.7px;
}


/* =========================================================
   FEATURE STRIP
   ========================================================= */

.heru-home-v7-features{
    display:grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap:10px;

    margin-bottom:38px;
}


.heru-home-v7-features > div{
    display:flex;
    align-items:center;

    gap:13px;

    min-height:80px;

    padding:16px 18px;

    border:1px solid #dfeae8;
    border-radius:14px;

    background:#fff;

    box-shadow:
        0 6px 18px rgba(18,54,79,.035);
}


.heru-home-v7-features > div > span{
    flex:0 0 39px;

    width:39px;
    height:39px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:11px;

    background:#e6f6f2;

    color:#08786e;

    font-size:9px;
    font-weight:900;
}


.heru-home-v7-features strong{
    display:block;

    margin-bottom:3px;

    color:#183c4d;

    font-size:11px;
}


.heru-home-v7-features p{
    margin:0;

    color:#73898f;

    font-size:8.5px;

    line-height:1.45;
}


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

.heru-home-v7-section{
    margin-bottom:38px;
}


.heru-v7-section-head{
    display:flex;

    align-items:flex-end;
    justify-content:space-between;

    gap:25px;

    margin-bottom:14px;
    padding-bottom:11px;

    border-bottom:1px solid #e3ecea;
}


.heru-v7-section-head > div > span{
    display:block;

    margin-bottom:4px;

    color:#0b9588;

    font-size:7px;
    font-weight:900;

    letter-spacing:1.15px;
}


.heru-v7-section-head h2{
    margin:0 !important;

    color:#15394e !important;

    font-size:19px !important;

    font-weight:850 !important;
}


.heru-v7-section-head > a{
    color:#08786f !important;

    font-size:8.5px;

    font-weight:800;

    text-decoration:none !important;
}


/* =========================================================
   ABOUT
   ========================================================= */

.heru-v7-about-grid{
    display:grid;

    grid-template-columns:
        minmax(0,1.5fr) minmax(260px,.7fr);

    gap:28px;
}


.heru-v7-about-copy{
    padding-top:3px;
}


.heru-v7-about-copy p{
    margin:0 0 10px;

    color:#617984;

    font-size:10.5px;
    line-height:1.7;
}


.heru-v7-about-copy > a{
    display:inline-flex;

    margin-top:5px;

    color:#08786f !important;

    font-size:9px;

    font-weight:850;

    text-decoration:none !important;
}


/* FACTS */

.heru-v7-journal-facts{
    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:7px;
}


.heru-v7-journal-facts > div{
    padding:12px;

    border:1px solid #dfeae8;
    border-radius:10px;

    background:#f8fcfb;
}


.heru-v7-journal-facts small{
    display:block;

    margin-bottom:3px;

    color:#0c9588;

    font-size:6.5px;

    font-weight:900;

    letter-spacing:.7px;
}


.heru-v7-journal-facts strong{
    display:block;

    margin-bottom:2px;

    color:#193c4d;

    font-size:10px;
}


.heru-v7-journal-facts span{
    display:block;

    color:#819498;

    font-size:7.7px;

    line-height:1.4;
}


/* =========================================================
   SCOPE
   ========================================================= */

.heru-v7-scope{
    display:grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap:7px;
}


.heru-v7-scope > div{
    display:grid;

    grid-template-columns:27px minmax(0,1fr);

    align-items:center;

    min-height:43px;

    padding:6px 10px;

    border:1px solid #e1ebe9;
    border-radius:9px;

    background:#fff;

    color:#294753;

    font-size:9px;
    font-weight:700;
}


.heru-v7-scope > div > span{
    color:#0b9588;

    font-size:7.5px;
    font-weight:900;
}


/* =========================================================
   EDITORIAL
   ========================================================= */

.heru-v7-editorial{
    display:grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap:9px;
}


.heru-v7-editorial > div{
    display:flex;

    align-items:center;

    gap:11px;

    padding:14px;

    border:1px solid #dfeae8;
    border-radius:11px;

    background:#fff;
}


.heru-v7-editor-avatar{
    flex:0 0 38px;

    width:38px;
    height:38px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:11px;

    background:
        linear-gradient(
            145deg,
            #0d9184,
            #1ab5a4
        );

    color:#fff;

    font-size:8px;
    font-weight:900;
}


.heru-v7-editorial small{
    display:block;

    margin-bottom:3px;

    color:#0b9588;

    font-size:6px;

    font-weight:900;

    letter-spacing:.6px;
}


.heru-v7-editorial strong{
    display:block;

    color:#173b4d;

    font-size:9px;

    line-height:1.35;
}


.heru-v7-editorial p{
    margin:3px 0 0;

    color:#85979b;

    font-size:7.3px;

    line-height:1.35;
}


/* =========================================================
   DISCOVERY LOGOS
   ========================================================= */

.heru-v7-index-grid{
    display:grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap:8px;
}


.heru-v7-index-grid > a{
    display:flex;

    align-items:center;
    justify-content:center;

    height:78px;

    padding:10px 16px;

    border:1px solid #e0eae8;
    border-radius:11px;

    background:#fff;

    transition:.2s ease;
}


.heru-v7-index-grid > a:hover{
    transform:translateY(-2px);

    border-color:#abdcd4;

    box-shadow:
        0 7px 18px rgba(17,70,87,.055);
}


.heru-v7-index-grid img{
    display:block;

    width:auto;
    height:auto;

    max-width:80%;
    max-height:45px;

    object-fit:contain;
}


/* =========================================================
   CTA
   ========================================================= */

.heru-v7-cta{
    display:grid;

    grid-template-columns:minmax(0,1fr) auto;

    align-items:center;

    gap:30px;

    padding:24px 26px;

    margin-top:6px;

    border-radius:15px;

    background:
        linear-gradient(
            120deg,
            #12394f 0%,
            #08766e 100%
        );

    box-shadow:
        0 13px 30px rgba(18,57,79,.11);
}


.heru-v7-cta > div > span{
    display:block;

    margin-bottom:4px;

    color:#70e3d2;

    font-size:7px;
    font-weight:900;

    letter-spacing:1px;
}


.heru-v7-cta h2{
    margin:0 0 5px !important;

    color:#fff !important;

    font-size:17px !important;

    font-weight:800 !important;
}


.heru-v7-cta p{
    margin:0;

    color:rgba(255,255,255,.72);

    font-size:9px;

    line-height:1.5;
}


.heru-v7-cta > a{
    display:inline-flex;

    align-items:center;
    justify-content:center;

    min-height:40px;

    padding:0 15px;

    border-radius:9px;

    background:#fff;

    color:#08776e !important;

    font-size:8.5px;

    font-weight:850;

    text-decoration:none !important;
}


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

@media(max-width:900px){

    .heru-home-v7-hero{
        grid-template-columns:1fr;
    }

    .heru-home-v7-symbol{
        display:none;
    }

    .heru-v7-about-grid{
        grid-template-columns:1fr;
    }

    .heru-v7-editorial,
    .heru-v7-scope{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

}


@media(max-width:600px){

    .heru-home-v7-hero{
        padding:27px 23px;

        min-height:auto;
    }

    .heru-home-v7-hero-content h1{
        font-size:29px !important;
    }

    .heru-home-v7-features,
    .heru-v7-editorial,
    .heru-v7-scope,
    .heru-v7-index-grid,
    .heru-v7-journal-facts{
        grid-template-columns:1fr;
    }

    .heru-v7-cta{
        grid-template-columns:1fr;
    }

}
/* HERU HOMEPAGE V8 FINAL - Modern OJS Homepage */

html body .pkp_page_index .heru-home-v8,
html body .heru-home-v8{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 0 34px !important;
  color:#17384a !important;
}

/* HERO */
html body .heru-home-v8 .heru-v8-hero{
  position:relative !important;
  display:grid !important;
  grid-template-columns:minmax(0,1.45fr) minmax(220px,.55fr) !important;
  align-items:center !important;
  gap:34px !important;
  min-height:310px !important;
  margin:0 0 16px !important;
  padding:34px 38px !important;
  overflow:hidden !important;
  border:1px solid #d8e9e5 !important;
  border-radius:20px !important;
  background:
    radial-gradient(circle at 86% 34%,rgba(36,197,174,.18),transparent 30%),
    linear-gradient(120deg,#ffffff 0%,#f4fbf9 100%) !important;
  box-shadow:0 16px 40px rgba(13,54,74,.07) !important;
}
html body .heru-home-v8 .heru-v8-hero:before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;right:0 !important;top:0 !important;
  height:4px !important;
  background:linear-gradient(90deg,#0f9d83,#35cdb9) !important;
}
html body .heru-home-v8 .heru-v8-eyebrow{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  width:auto !important;
  margin:0 0 14px !important;
  padding:7px 11px !important;
  border-radius:999px !important;
  background:#e8f7f3 !important;
  color:#08776e !important;
  font-size:8px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:1.1px !important;
}
html body .heru-home-v8 .heru-v8-eyebrow span{
  width:7px !important;height:7px !important;
  border-radius:50% !important;
  background:#18b8a6 !important;
  box-shadow:0 0 0 4px rgba(24,184,166,.12) !important;
}
html body .heru-home-v8 .heru-v8-hero-copy h1{
  margin:0 0 14px !important;
  color:#12384f !important;
  font-size:35px !important;
  line-height:1.08 !important;
  font-weight:850 !important;
  letter-spacing:-.9px !important;
}
html body .heru-home-v8 .heru-v8-hero-copy p{
  max-width:650px !important;
  margin:0 !important;
  color:#607984 !important;
  font-size:11.5px !important;
  line-height:1.75 !important;
}
html body .heru-home-v8 .heru-v8-hero-actions{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:9px !important;
  margin-top:21px !important;
}
html body .heru-home-v8 .heru-v8-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  min-height:42px !important;
  padding:0 17px !important;
  border-radius:10px !important;
  font-size:9px !important;
  font-weight:850 !important;
  text-decoration:none !important;
  transition:.2s ease !important;
}
html body .heru-home-v8 .heru-v8-btn-primary{
  border:1px solid #0f9d83 !important;
  background:linear-gradient(135deg,#0d8f82,#18b7a5) !important;
  color:#fff !important;
  box-shadow:0 8px 18px rgba(15,157,131,.16) !important;
}
html body .heru-home-v8 .heru-v8-btn-outline{
  border:1px solid #b8e0d8 !important;
  background:#fff !important;
  color:#08766e !important;
}
html body .heru-home-v8 .heru-v8-btn:hover{transform:translateY(-2px) !important;}
html body .heru-home-v8 .heru-v8-hero-visual{
  position:relative !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:12px !important;
  z-index:1 !important;
}
html body .heru-home-v8 .heru-v8-health-orbit{
  width:150px !important;height:150px !important;
  display:flex !important;
  align-items:center !important;justify-content:center !important;
  border:2px solid rgba(25,181,161,.13) !important;
  border-radius:50% !important;
  box-shadow:0 0 0 18px rgba(25,181,161,.045) !important;
}
html body .heru-home-v8 .heru-v8-health-plus{
  width:94px !important;height:94px !important;
  display:flex !important;
  align-items:center !important;justify-content:center !important;
  border-radius:25px !important;
  background:linear-gradient(145deg,#0f9789,#1bb7a5) !important;
  color:#fff !important;
  font-size:52px !important;
  line-height:1 !important;
  font-weight:300 !important;
  box-shadow:0 15px 30px rgba(14,151,136,.18) !important;
}
html body .heru-home-v8 .heru-v8-hero-visual > strong{
  color:#627c82 !important;
  font-size:8px !important;
  font-weight:750 !important;
  letter-spacing:.5px !important;
}

/* HIGHLIGHTS */
html body .heru-home-v8 .heru-v8-highlights{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:10px !important;
  margin:0 0 34px !important;
}
html body .heru-home-v8 .heru-v8-highlights article{
  display:flex !important;
  align-items:center !important;
  gap:13px !important;
  min-height:78px !important;
  padding:14px 16px !important;
  border:1px solid #dfeae8 !important;
  border-radius:13px !important;
  background:#fff !important;
  box-shadow:0 6px 18px rgba(17,61,76,.035) !important;
}
html body .heru-home-v8 .heru-v8-highlight-icon{
  flex:0 0 40px !important;
  width:40px !important;height:40px !important;
  display:flex !important;align-items:center !important;justify-content:center !important;
  border-radius:11px !important;
  background:#e7f7f3 !important;
  color:#08786f !important;
  font-size:9px !important;font-weight:900 !important;
}
html body .heru-home-v8 .heru-v8-highlights strong{
  display:block !important;
  margin-bottom:3px !important;
  color:#173b4d !important;
  font-size:10.5px !important;
}
html body .heru-home-v8 .heru-v8-highlights p{
  margin:0 !important;
  color:#758b91 !important;
  font-size:8.2px !important;
  line-height:1.45 !important;
}

/* SECTIONS */
html body .heru-home-v8 .heru-v8-section{
  margin:0 0 36px !important;
  padding:0 !important;
}
html body .heru-home-v8 .heru-v8-section-heading{
  display:flex !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  gap:24px !important;
  margin:0 0 14px !important;
  padding:0 0 11px !important;
  border-bottom:1px solid #e3ecea !important;
}
html body .heru-home-v8 .heru-v8-section-heading small{
  display:block !important;
  margin-bottom:4px !important;
  color:#0b9588 !important;
  font-size:6.8px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:1.1px !important;
}
html body .heru-home-v8 .heru-v8-section-heading h2{
  margin:0 !important;
  color:#14394f !important;
  font-size:19px !important;
  line-height:1.2 !important;
  font-weight:850 !important;
}
html body .heru-home-v8 .heru-v8-section-heading > a{
  color:#08786f !important;
  font-size:8px !important;
  font-weight:800 !important;
  text-decoration:none !important;
}
html body .heru-home-v8 .heru-v8-section-heading > p{
  max-width:360px !important;
  margin:0 !important;
  color:#83969b !important;
  font-size:8.2px !important;
  line-height:1.45 !important;
  text-align:right !important;
}

/* ABOUT */
html body .heru-home-v8 .heru-v8-about{
  display:grid !important;
  grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr) !important;
  gap:28px !important;
  align-items:start !important;
}
html body .heru-home-v8 .heru-v8-about-copy p{
  margin:0 0 9px !important;
  color:#617984 !important;
  font-size:10.3px !important;
  line-height:1.72 !important;
}
html body .heru-home-v8 .heru-v8-text-link{
  display:inline-flex !important;
  gap:7px !important;
  margin-top:5px !important;
  color:#08786f !important;
  font-size:8.5px !important;
  font-weight:850 !important;
  text-decoration:none !important;
}
html body .heru-home-v8 .heru-v8-facts{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:8px !important;
}
html body .heru-home-v8 .heru-v8-facts article{
  padding:12px !important;
  border:1px solid #dfeae8 !important;
  border-radius:10px !important;
  background:#f8fcfb !important;
}
html body .heru-home-v8 .heru-v8-facts small{
  display:block !important;
  margin-bottom:3px !important;
  color:#0b9588 !important;
  font-size:6.2px !important;
  font-weight:900 !important;
  letter-spacing:.7px !important;
}
html body .heru-home-v8 .heru-v8-facts strong{
  display:block !important;
  margin-bottom:2px !important;
  color:#173b4d !important;
  font-size:9.5px !important;
}
html body .heru-home-v8 .heru-v8-facts span{
  display:block !important;
  color:#819398 !important;
  font-size:7.4px !important;
  line-height:1.35 !important;
}

/* SCOPE */
html body .heru-home-v8 .heru-v8-scope-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:8px !important;
}
html body .heru-home-v8 .heru-v8-scope-grid a{
  display:grid !important;
  grid-template-columns:28px minmax(0,1fr) !important;
  align-items:center !important;
  gap:8px !important;
  min-height:45px !important;
  padding:8px 11px !important;
  border:1px solid #e0ebe9 !important;
  border-radius:10px !important;
  background:#fff !important;
  color:#294753 !important;
  text-decoration:none !important;
  transition:.18s ease !important;
}
html body .heru-home-v8 .heru-v8-scope-grid a:hover{
  transform:translateY(-2px) !important;
  border-color:#abdcd3 !important;
  background:#f9fdfc !important;
  box-shadow:0 7px 18px rgba(17,70,87,.055) !important;
}
html body .heru-home-v8 .heru-v8-scope-grid a > span{
  width:26px !important;height:26px !important;
  display:flex !important;align-items:center !important;justify-content:center !important;
  border-radius:8px !important;
  background:#e8f7f4 !important;
  color:#087d74 !important;
  font-size:7px !important;font-weight:900 !important;
}
html body .heru-home-v8 .heru-v8-scope-grid strong{
  color:#244653 !important;
  font-size:8.8px !important;
  line-height:1.35 !important;
  font-weight:750 !important;
}

/* EDITORIAL */
html body .heru-home-v8 .heru-v8-editorial-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:9px !important;
}
html body .heru-home-v8 .heru-v8-editorial-grid article{
  display:flex !important;
  align-items:center !important;
  gap:11px !important;
  min-height:74px !important;
  padding:13px 14px !important;
  border:1px solid #dfeae8 !important;
  border-radius:11px !important;
  background:#fff !important;
  box-shadow:0 4px 14px rgba(17,61,76,.03) !important;
}
html body .heru-home-v8 .heru-v8-editor-avatar{
  flex:0 0 38px !important;
  width:38px !important;height:38px !important;
  display:flex !important;align-items:center !important;justify-content:center !important;
  border-radius:11px !important;
  background:linear-gradient(145deg,#0d9184,#1ab5a4) !important;
  color:#fff !important;
  font-size:8px !important;font-weight:900 !important;
}
html body .heru-home-v8 .heru-v8-editorial-grid small{
  display:block !important;
  margin-bottom:3px !important;
  color:#0b9588 !important;
  font-size:5.8px !important;
  line-height:1.2 !important;
  font-weight:900 !important;
  letter-spacing:.6px !important;
}
html body .heru-home-v8 .heru-v8-editorial-grid strong{
  display:block !important;
  color:#173b4d !important;
  font-size:8.9px !important;
  line-height:1.3 !important;
}
html body .heru-home-v8 .heru-v8-editorial-grid p{
  margin:3px 0 0 !important;
  color:#85979b !important;
  font-size:7.1px !important;
  line-height:1.35 !important;
}

/* DISCOVERY */
html body .heru-home-v8 .heru-v8-discovery-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:9px !important;
}
html body .heru-home-v8 .heru-v8-discovery-grid a{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:82px !important;
  padding:12px 16px !important;
  border:1px solid #dfeae8 !important;
  border-radius:12px !important;
  background:#fff !important;
  box-shadow:0 5px 15px rgba(17,61,76,.025) !important;
  transition:.18s ease !important;
}
html body .heru-home-v8 .heru-v8-discovery-grid a:hover{
  transform:translateY(-2px) !important;
  border-color:#abdcd4 !important;
  box-shadow:0 9px 22px rgba(17,70,87,.06) !important;
}
html body .heru-home-v8 .heru-v8-discovery-grid img{
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-width:82% !important;
  max-height:48px !important;
  object-fit:contain !important;
  margin:0 auto !important;
  border:0 !important;
  box-shadow:none !important;
}
html body .heru-home-v8 .heru-v8-discovery-grid img[alt="GARUDA"]{max-height:56px !important;}
html body .heru-home-v8 .heru-v8-discovery-grid img[alt="SINTA"]{max-height:54px !important;}

/* CTA */
html body .heru-home-v8 .heru-v8-cta{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:28px !important;
  margin:4px 0 0 !important;
  padding:21px 24px !important;
  border-radius:14px !important;
  background:linear-gradient(120deg,#12394f,#08766e) !important;
  box-shadow:0 12px 28px rgba(18,57,79,.1) !important;
}
html body .heru-home-v8 .heru-v8-cta small{
  display:block !important;
  margin-bottom:4px !important;
  color:#70e3d2 !important;
  font-size:6.5px !important;
  font-weight:900 !important;
  letter-spacing:1px !important;
}
html body .heru-home-v8 .heru-v8-cta h2{
  margin:0 0 4px !important;
  color:#fff !important;
  font-size:16px !important;
  line-height:1.3 !important;
  font-weight:800 !important;
}
html body .heru-home-v8 .heru-v8-cta p{
  margin:0 !important;
  color:rgba(255,255,255,.72) !important;
  font-size:8.4px !important;
  line-height:1.45 !important;
}
html body .heru-home-v8 .heru-v8-cta > a{
  display:inline-flex !important;
  align-items:center !important;justify-content:center !important;
  gap:7px !important;
  min-height:38px !important;
  padding:0 14px !important;
  border-radius:9px !important;
  background:#fff !important;
  color:#08776e !important;
  font-size:8px !important;font-weight:850 !important;
  text-decoration:none !important;
}

/* HIDE OJS CURRENT ISSUE */
html body.pkp_page_index .current_issue,
html body.pkp_page_index .cmp_current_issue,
html body.pkp_page_index .homepage_issue,
html body.pkp_page_index .obj_issue_summary,
html body.pkp_page_index .issue_summary,
html body.pkp_page_index .heru-current-section,
html body.pkp_page_index .heru-preissue{
  display:none !important;
}

/* RESPONSIVE */
@media(max-width:900px){
  html body .heru-home-v8 .heru-v8-hero{grid-template-columns:1fr !important;}
  html body .heru-home-v8 .heru-v8-hero-visual{display:none !important;}
  html body .heru-home-v8 .heru-v8-about{grid-template-columns:1fr !important;}
  html body .heru-home-v8 .heru-v8-scope-grid,
  html body .heru-home-v8 .heru-v8-editorial-grid,
  html body .heru-home-v8 .heru-v8-discovery-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media(max-width:600px){
  html body .heru-home-v8 .heru-v8-hero{padding:25px 22px !important;min-height:auto !important;}
  html body .heru-home-v8 .heru-v8-hero-copy h1{font-size:28px !important;}
  html body .heru-home-v8 .heru-v8-highlights,
  html body .heru-home-v8 .heru-v8-facts,
  html body .heru-home-v8 .heru-v8-scope-grid,
  html body .heru-home-v8 .heru-v8-editorial-grid,
  html body .heru-home-v8 .heru-v8-discovery-grid{grid-template-columns:1fr !important;}
  html body .heru-home-v8 .heru-v8-section-heading{align-items:flex-start !important;flex-direction:column !important;gap:6px !important;}
  html body .heru-home-v8 .heru-v8-section-heading > p{text-align:left !important;}
  html body .heru-home-v8 .heru-v8-cta{grid-template-columns:1fr !important;}
}
/* =========================================================
   HERU CONTACT V5
   ========================================================= */

.heru-contact-v5{
    width:100%;
}


/* EDITOR PROFILE */

.heru-contact-v5-editor{
    display:grid !important;
    grid-template-columns:58px minmax(0,1fr) auto !important;
    align-items:center !important;

    gap:16px !important;

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

    border:1px solid #dbe9e6 !important;
    border-radius:15px !important;

    background:
        linear-gradient(
            120deg,
            #ffffff 0%,
            #f3fbf9 100%
        ) !important;

    box-shadow:
        0 8px 25px rgba(18,54,79,.05) !important;
}


.heru-contact-v5-avatar{
    width:50px !important;
    height:50px !important;

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

    border-radius:15px !important;

    background:
        linear-gradient(
            145deg,
            #0c9184,
            #18b8a6
        ) !important;

    color:#fff !important;

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

    box-shadow:
        0 8px 18px rgba(15,157,131,.18) !important;
}


.heru-contact-v5-label{
    display:block !important;

    margin-bottom:3px !important;

    color:#0a9587 !important;

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

    letter-spacing:1px !important;
}


.heru-contact-v5-profile h2{
    margin:0 0 3px !important;

    color:#173b4d !important;

    font-size:15px !important;
    font-weight:850 !important;
}


.heru-contact-v5-profile p{
    margin:0 0 5px !important;

    color:#70868e !important;

    font-size:9px !important;
}


.heru-contact-v5-profile strong{
    display:block !important;

    color:#08786e !important;

    font-size:8.5px !important;
}


.heru-contact-v5-status{
    padding:7px 11px !important;

    border-radius:999px !important;

    background:#e2f6f1 !important;

    color:#08776e !important;

    font-size:8px !important;

    font-weight:800 !important;
}


/* HEADING */

.heru-contact-v5-heading{
    display:flex !important;

    justify-content:space-between !important;
    align-items:flex-end !important;

    gap:20px !important;

    margin:0 0 13px !important;
    padding-bottom:11px !important;

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


.heru-contact-v5-heading > div > span{
    display:block !important;

    margin-bottom:3px !important;

    color:#0a9587 !important;

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

    letter-spacing:1px !important;
}


.heru-contact-v5-heading h2{
    margin:0 !important;

    color:#15394e !important;

    font-size:18px !important;

    font-weight:850 !important;
}


.heru-contact-v5-heading > p{
    max-width:420px !important;

    margin:0 !important;

    color:#85979c !important;

    font-size:8.5px !important;

    line-height:1.45 !important;

    text-align:right !important;
}


/* CONTACT GRID */

.heru-contact-v5-grid{
    display:grid !important;

    grid-template-columns:
        repeat(2,minmax(0,1fr)) !important;

    gap:10px !important;
}


/* CARD */

.heru-contact-v5-card{
    display:grid !important;

    grid-template-columns:
        46px minmax(0,1fr) 30px !important;

    align-items:center !important;

    gap:12px !important;

    min-width:0 !important;

    padding:15px !important;

    border:1px solid #dce9e7 !important;

    border-radius:13px !important;

    background:#fff !important;

    color:inherit !important;

    text-decoration:none !important;

    box-shadow:
        0 5px 16px rgba(18,54,79,.035) !important;

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        border-color .2s ease !important;
}


.heru-contact-v5-card:hover{
    transform:translateY(-3px) !important;

    border-color:#a8dcd3 !important;

    box-shadow:
        0 12px 26px rgba(18,54,79,.08) !important;
}


/* ICON */

.heru-contact-v5-icon{
    width:42px !important;
    height:42px !important;

    display:flex !important;

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

    border-radius:12px !important;
}


.heru-contact-v5-icon svg{
    width:21px !important;
    height:21px !important;

    fill:currentColor !important;
}


/* EMAIL */

.heru-contact-v5-email{
    background:#e8f6f3 !important;
    color:#087d73 !important;
}


/* WHATSAPP */

.heru-contact-v5-whatsapp{
    background:#e4f7ec !important;
    color:#159447 !important;
}


/* CONTACT DATA */

.heru-contact-v5-data{
    min-width:0 !important;
}


.heru-contact-v5-data small{
    display:block !important;

    margin-bottom:3px !important;

    color:#94a5aa !important;

    font-size:6.7px !important;

    font-weight:900 !important;

    letter-spacing:.8px !important;
}


.heru-contact-v5-data strong{
    display:block !important;

    overflow:hidden !important;

    color:#1e4050 !important;

    font-size:10px !important;

    line-height:1.4 !important;

    font-weight:800 !important;

    text-overflow:ellipsis !important;
}


.heru-contact-v5-data span{
    display:block !important;

    margin-top:3px !important;

    color:#7e9298 !important;

    font-size:8px !important;
}


/* ARROW */

.heru-contact-v5-arrow{
    width:28px !important;
    height:28px !important;

    display:flex !important;

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

    border-radius:8px !important;

    background:#f1f8f6 !important;

    color:#0b9588 !important;

    font-size:13px !important;

    transition:.2s ease !important;
}


.heru-contact-v5-card:hover
.heru-contact-v5-arrow{
    background:#0c9587 !important;

    color:#fff !important;

    transform:translateX(2px) !important;
}


/* RESPONSIVE */

@media(max-width:720px){

    .heru-contact-v5-grid{
        grid-template-columns:1fr !important;
    }

    .heru-contact-v5-editor{
        grid-template-columns:55px minmax(0,1fr) !important;
    }

    .heru-contact-v5-status{
        grid-column:1 / -1 !important;

        justify-self:start !important;
    }

    .heru-contact-v5-heading{
        flex-direction:column !important;

        align-items:flex-start !important;
    }

    .heru-contact-v5-heading > p{
        text-align:left !important;
    }

}
/* =========================================================
   HERU CONTACT MODERN
========================================================= */
.heru-contact-modern{
  max-width: 100%;
  color: #17324d;
}

.heru-contact-hero{
  background: linear-gradient(135deg, #f5fbf9 0%, #eef8f6 100%);
  border: 1px solid #d9ece7;
  border-top: 4px solid #18a999;
  border-radius: 24px;
  padding: 34px 32px;
  margin-bottom: 28px;
  box-shadow: 0 10px 30px rgba(10, 70, 90, 0.06);
}

.heru-contact-hero h2{
  margin: 8px 0 14px;
  font-size: 2.15rem;
  line-height: 1.15;
  color: #163754;
}

.heru-contact-hero p{
  margin: 0;
  font-size: 1rem;
  line-height: 1.8;
  color: #587187;
  max-width: 850px;
}

.hc-badge{
  display: inline-block;
  padding: 8px 14px;
  border-radius: 999px;
  background: #dcf4ef;
  color: #137b70;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.heru-contact-block{
  margin-bottom: 30px;
}

.hc-section-head{
  margin-bottom: 16px;
}

.hc-section-head span{
  display: inline-block;
  margin-bottom: 6px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: #1c9e90;
  text-transform: uppercase;
}

.hc-section-head h3{
  margin: 0 0 8px;
  font-size: 1.7rem;
  color: #163754;
}

.hc-section-head p{
  margin: 0;
  color: #5f778b;
  line-height: 1.8;
}

/* Editorial card */
.hc-editor-card{
  display: flex;
  align-items: center;
  gap: 18px;
  background: #ffffff;
  border: 1px solid #dbeae6;
  border-radius: 22px;
  padding: 22px 24px;
  box-shadow: 0 12px 30px rgba(16, 86, 105, 0.05);
}

.hc-editor-avatar{
  width: 62px;
  height: 62px;
  min-width: 62px;
  border-radius: 18px;
  background: linear-gradient(135deg, #0f9d8f, #1fb8a8);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 20px;
  box-shadow: 0 10px 24px rgba(20, 162, 147, 0.22);
}

.hc-editor-info small{
  display: block;
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #159585;
  font-weight: 700;
  margin-bottom: 6px;
}

.hc-editor-info h4{
  margin: 0 0 6px;
  font-size: 1.4rem;
  color: #163754;
}

.hc-editor-info p{
  margin: 0;
  color: #61788c;
}

.hc-editor-tag{
  margin-left: auto;
  background: #effaf7;
  color: #138879;
  border: 1px solid #d4ece6;
  padding: 10px 14px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 700;
}

/* Contact cards */
.hc-contact-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.hc-contact-card{
  display: flex;
  align-items: center;
  gap: 16px;
  text-decoration: none !important;
  background: #ffffff;
  border: 1px solid #d9ebe6;
  border-radius: 22px;
  padding: 18px 18px;
  box-shadow: 0 10px 30px rgba(12, 71, 90, 0.05);
  transition: all 0.25s ease;
}

.hc-contact-card:hover{
  transform: translateY(-4px);
  border-color: #18aa9a;
  box-shadow: 0 18px 36px rgba(18, 142, 130, 0.14);
}

.hc-contact-icon{
  width: 58px;
  height: 58px;
  min-width: 58px;
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hc-contact-icon svg{
  width: 26px;
  height: 26px;
  fill: #ffffff;
}

.hc-contact-icon.email{
  background: linear-gradient(135deg, #1b5fa7, #2d7fd3);
}

.hc-contact-icon.whatsapp{
  background: linear-gradient(135deg, #0f9b62, #25d366);
}

.hc-contact-text{
  flex: 1;
}

.hc-contact-text small{
  display: block;
  margin-bottom: 6px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #18a090;
}

.hc-contact-text strong{
  display: block;
  font-size: 1.06rem;
  line-height: 1.4;
  color: #17324d;
  margin-bottom: 5px;
}

.hc-contact-text span{
  display: block;
  color: #647b8e;
  font-size: 14px;
}

.hc-contact-arrow{
  font-size: 24px;
  color: #1aa596;
  font-weight: 700;
}

/* Support */
.heru-contact-support{
  margin-top: 18px;
  background: linear-gradient(135deg, #0b476b, #0f9f92);
  color: #fff;
  border-radius: 24px;
  padding: 26px 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  box-shadow: 0 16px 38px rgba(6, 78, 98, 0.18);
}

.hc-support-text span{
  display: inline-block;
  margin-bottom: 6px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  opacity: 0.9;
}

.hc-support-text h3{
  margin: 0 0 6px;
  font-size: 1.6rem;
  color: #fff;
}

.hc-support-text p{
  margin: 0;
  color: rgba(255,255,255,0.86);
  line-height: 1.7;
  max-width: 720px;
}

.hc-support-actions{
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.hc-mini-btn{
  display: inline-block;
  padding: 12px 18px;
  border-radius: 14px;
  background: #ffffff;
  color: #0c7f72 !important;
  text-decoration: none !important;
  font-weight: 700;
  border: none;
  box-shadow: 0 10px 24px rgba(0,0,0,0.10);
  transition: all 0.25s ease;
}

.hc-mini-btn:hover{
  transform: translateY(-2px);
  background: #f5fffd;
}

/* Responsive */
@media (max-width: 900px){
  .hc-contact-grid{
    grid-template-columns: 1fr;
  }

  .hc-editor-card{
    flex-wrap: wrap;
  }

  .hc-editor-tag{
    margin-left: 0;
  }

  .heru-contact-support{
    flex-direction: column;
    align-items: flex-start;
  }

  .heru-contact-hero h2{
    font-size: 1.7rem;
  }
}
/* =========================================================
   HERU CONTACT LINKS V7
   ========================================================= */

.heru-contact-links-v7{
    width:100% !important;
    margin:28px 0 !important;
    position:relative !important;
    z-index:5 !important;
}

.heru-contact-links-head{
    margin-bottom:16px !important;
    padding-bottom:12px !important;
    border-bottom:1px solid #e2ecea !important;
}

.heru-contact-links-head > span{
    display:block !important;
    margin-bottom:4px !important;

    color:#0a9587 !important;
    font-size:8px !important;
    font-weight:900 !important;
    letter-spacing:1.1px !important;
}

.heru-contact-links-head h2{
    margin:0 0 5px !important;
    color:#14394f !important;
    font-size:20px !important;
    font-weight:850 !important;
}

.heru-contact-links-head p{
    margin:0 !important;
    color:#748990 !important;
    font-size:10px !important;
}


/* GRID */

.heru-contact-links-grid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px !important;
}


/* =========================================================
   CLICKABLE CARD
   ========================================================= */

body .pkp_structure_main .heru-contact-link-card{
    position:relative !important;
    z-index:10 !important;

    display:grid !important;
    grid-template-columns:48px minmax(0,1fr) 30px !important;
    align-items:center !important;

    gap:13px !important;

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

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

    box-sizing:border-box !important;

    border:1px solid #dce9e7 !important;
    border-radius:15px !important;

    background:#ffffff !important;

    color:#173b4d !important;
    text-decoration:none !important;

    cursor:pointer !important;
    pointer-events:auto !important;

    box-shadow:
        0 6px 18px rgba(18,54,79,.045) !important;

    transition:.2s ease !important;
}


body .pkp_structure_main .heru-contact-link-card *{
    pointer-events:none !important;
}


body .pkp_structure_main .heru-contact-link-card:hover{
    transform:translateY(-3px) !important;

    border-color:#9bd8cf !important;

    background:
        linear-gradient(
            135deg,
            #ffffff,
            #f5fbf9
        ) !important;

    box-shadow:
        0 12px 26px rgba(18,54,79,.09) !important;
}


/* =========================================================
   LOGOS
   ========================================================= */

.heru-contact-logo{
    width:44px !important;
    height:44px !important;

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

    border-radius:13px !important;

    font-style:normal !important;
    font-weight:900 !important;
}


/* EMAIL */
.heru-contact-logo.email-logo{
    background:
        linear-gradient(
            145deg,
            #2c73bd,
            #3588db
        ) !important;

    color:#fff !important;

    font-size:20px !important;
}


/* WHATSAPP */
.heru-contact-logo.whatsapp-logo{
    background:
        linear-gradient(
            145deg,
            #15994e,
            #25d366
        ) !important;

    color:#fff !important;

    font-size:11px !important;
    letter-spacing:-.3px !important;
}


/* =========================================================
   DETAILS
   ========================================================= */

.heru-contact-details{
    display:block !important;
    min-width:0 !important;
}

.heru-contact-details small{
    display:block !important;

    margin-bottom:4px !important;

    color:#0c9587 !important;

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

.heru-contact-details strong{
    display:block !important;

    margin-bottom:3px !important;

    color:#173b4d !important;

    font-size:10.5px !important;
    line-height:1.35 !important;

    font-weight:800 !important;

    overflow-wrap:anywhere !important;
}

.heru-contact-details em{
    display:block !important;

    color:#819399 !important;

    font-size:8.5px !important;
    font-style:normal !important;
}


/* ARROW */

.heru-contact-go{
    width:28px !important;
    height:28px !important;

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

    border-radius:8px !important;

    background:#eef8f5 !important;

    color:#0b9588 !important;

    font-size:18px !important;
    font-weight:600 !important;

    transition:.2s ease !important;
}

.heru-contact-link-card:hover .heru-contact-go{
    background:#0c9587 !important;
    color:#fff !important;
}


/* WHATSAPP HOVER */

.heru-contact-link-card.whatsapp-card:hover{
    border-color:#a6dec0 !important;
}


/* RESPONSIVE */

@media(max-width:720px){

    .heru-contact-links-grid{
        grid-template-columns:1fr !important;
    }

}
/* =========================================================
   HERU FOOTER - ALIGNMENT FINAL
   ========================================================= */

/* Footer full width */
.heru-final-footer{
    width:100% !important;
    margin:45px 0 0 !important;
    padding:0 !important;
}


/* Isi footer dibuat sejajar dengan konten website */
.heru-footer-main{
    width:100% !important;
    max-width:1150px !important;

    margin:0 auto !important;
    padding:42px 38px 32px !important;

    display:grid !important;

    grid-template-columns:
        1.15fr
        1.15fr
        1fr
        1fr !important;

    gap:36px !important;

    align-items:start !important;
}


/* Semua kolom mulai dari posisi atas yang sama */
.heru-footer-brand,
.heru-footer-column{
    margin:0 !important;
    padding:0 !important;

    align-self:start !important;
}


/* Heading semua kolom sama tinggi */
.heru-footer-column h4{
    min-height:28px !important;

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

    display:flex !important;
    align-items:flex-start !important;

    color:#ffffff !important;
}


/* Brand HERU disejajarkan dengan heading kolom lain */
.heru-footer-logo-text{
    min-height:28px !important;

    display:flex !important;
    align-items:flex-start !important;

    margin:0 0 15px !important;

    line-height:1 !important;
}


/* Editorial people */
.heru-footer-person{
    margin:0 0 11px !important;
}


/* Publication list */
.heru-footer-column ul{
    margin:0 !important;
    padding:0 !important;
}

.heru-footer-column li{
    min-height:29px !important;

    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;

    align-items:center !important;

    gap:10px !important;

    padding:5px 0 !important;
}


/* Contact */
.heru-footer-contact > strong,
.heru-footer-contact > span,
.heru-footer-contact > a{
    margin-left:0 !important;
}


/* Bottom footer ikut lebar container yang sama */
.heru-footer-bottom{
    width:calc(100% - 76px) !important;
    max-width:1074px !important;

    margin:0 auto !important;

    padding:17px 0 21px !important;

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

    gap:20px !important;
}


/* TABLET */
@media(max-width:900px){

    .heru-footer-main{
        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;

        gap:30px !important;
    }

}


/* MOBILE */
@media(max-width:600px){

    .heru-footer-main{
        grid-template-columns:1fr !important;

        padding:30px 22px !important;
    }

    .heru-footer-bottom{
        width:calc(100% - 44px) !important;

        flex-direction:column !important;
        align-items:flex-start !important;
    }

}
/* =========================================================
   HERU FOOTER ALIGNMENT - FORCE OJS
   LETAKKAN PALING BAWAH CSS
   ========================================================= */

/* Reset wrapper footer bawaan OJS */
html body .pkp_structure_footer_wrapper{
    width:100% !important;
    max-width:none !important;
    margin:45px 0 0 !important;
    padding:0 !important;

    background:transparent !important;
    border:0 !important;
}


/* Reset container bawaan OJS */
html body .pkp_structure_footer{
    width:100% !important;
    max-width:none !important;

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


/* Footer HERU */
html body .pkp_structure_footer .heru-final-footer{
    width:100% !important;
    max-width:none !important;

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

    border-radius:0 !important;

    background:
        linear-gradient(
            120deg,
            #0c344b 0%,
            #08766e 100%
        ) !important;
}


/* =========================================================
   4 KOLOM UTAMA
   ========================================================= */

html body .pkp_structure_footer
.heru-final-footer .heru-footer-main{

    width:calc(100% - 80px) !important;
    max-width:1120px !important;

    margin:0 auto !important;

    padding:42px 0 32px !important;

    display:grid !important;

    grid-template-columns:
        minmax(0,1.15fr)
        minmax(0,1.25fr)
        minmax(0,1.15fr)
        minmax(0,1fr) !important;

    column-gap:48px !important;
    row-gap:25px !important;

    align-items:start !important;
}


/* Semua kolom harus mulai dari atas */
html body .pkp_structure_footer
.heru-footer-brand,

html body .pkp_structure_footer
.heru-footer-column{

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

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

    align-self:start !important;

    float:none !important;
}


/* =========================================================
   JUDUL KOLOM
   ========================================================= */

html body .pkp_structure_footer
.heru-footer-logo-text,

html body .pkp_structure_footer
.heru-footer-column h4{

    min-height:28px !important;

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

    line-height:1.2 !important;
}


/* HERU */
html body .pkp_structure_footer
.heru-footer-logo-text{

    display:block !important;

    color:#ffffff !important;

    font-size:24px !important;
    font-weight:900 !important;
}


/* Heading kanan */
html body .pkp_structure_footer
.heru-footer-column h4{

    position:relative !important;

    color:#ffffff !important;

    font-size:11px !important;

    font-weight:850 !important;

    text-transform:uppercase !important;

    letter-spacing:.7px !important;
}


/* garis kecil */
html body .pkp_structure_footer
.heru-footer-column h4:after{

    content:"" !important;

    display:block !important;

    width:30px !important;
    height:2px !important;

    margin-top:8px !important;

    border-radius:20px !important;

    background:#45d5c0 !important;
}


/* =========================================================
   BRAND
   ========================================================= */

html body .pkp_structure_footer
.heru-footer-brand > strong{

    display:block !important;

    margin:0 0 10px !important;

    color:#9ee5d8 !important;

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


html body .pkp_structure_footer
.heru-footer-brand p{

    margin:0 0 13px !important;

    color:rgba(255,255,255,.76) !important;

    font-size:8.5px !important;
    line-height:1.6 !important;
}


html body .pkp_structure_footer
.heru-footer-brand > span{

    display:block !important;

    color:#6ed8c8 !important;

    font-size:7px !important;
}


/* =========================================================
   EDITORIAL MANAGEMENT
   ========================================================= */

html body .pkp_structure_footer
.heru-footer-person{

    margin:0 0 11px !important;
}


html body .pkp_structure_footer
.heru-footer-person small{

    display:block !important;

    margin-bottom:2px !important;

    color:#62d6c4 !important;

    font-size:6px !important;

    font-weight:850 !important;

    letter-spacing:.7px !important;
}


html body .pkp_structure_footer
.heru-footer-person strong{

    display:block !important;

    color:rgba(255,255,255,.9) !important;

    font-size:8px !important;
    line-height:1.4 !important;
}


/* =========================================================
   PUBLICATION INFORMATION
   ========================================================= */

html body .pkp_structure_footer
.heru-footer-column ul{

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

    list-style:none !important;
}


html body .pkp_structure_footer
.heru-footer-column li{

    display:grid !important;

    grid-template-columns:
        minmax(0,1fr) auto !important;

    align-items:center !important;

    gap:10px !important;

    min-height:29px !important;

    padding:5px 0 !important;

    margin:0 !important;

    border-bottom:
        1px solid rgba(255,255,255,.09) !important;
}


html body .pkp_structure_footer
.heru-footer-column li span{

    color:rgba(255,255,255,.61) !important;

    font-size:7.5px !important;
}


html body .pkp_structure_footer
.heru-footer-column li strong{

    color:#ffffff !important;

    font-size:7.5px !important;

    font-weight:750 !important;

    text-align:right !important;
}


/* =========================================================
   CONTACT
   ========================================================= */

html body .pkp_structure_footer
.heru-footer-contact > strong{

    display:block !important;

    margin:0 0 3px !important;

    color:#fff !important;

    font-size:9px !important;
}


html body .pkp_structure_footer
.heru-footer-contact > span{

    display:block !important;

    margin:0 0 13px !important;

    color:#72daca !important;

    font-size:7px !important;
}


html body .pkp_structure_footer
.heru-footer-contact a{

    display:block !important;

    margin:0 0 7px !important;

    padding:0 !important;

    color:rgba(255,255,255,.78) !important;

    font-size:7.6px !important;

    text-decoration:none !important;
}


html body .pkp_structure_footer
.heru-footer-contact a:hover{

    color:#7ff1df !important;
}


/* =========================================================
   FOOTER BOTTOM
   ========================================================= */

html body .pkp_structure_footer
.heru-footer-bottom{

    width:calc(100% - 80px) !important;
    max-width:1120px !important;

    margin:0 auto !important;

    padding:17px 0 22px !important;

    border-top:
        1px solid rgba(255,255,255,.11) !important;

    display:flex !important;

    justify-content:space-between !important;
    align-items:center !important;

    gap:20px !important;

    color:rgba(255,255,255,.55) !important;

    font-size:7px !important;
}


/* HILANGKAN branding PKP lama bila masih muncul */
html body .pkp_structure_footer .pkp_brand_footer{
    display:none !important;
}


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

@media(max-width:950px){

    html body .pkp_structure_footer
    .heru-final-footer .heru-footer-main{

        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;
    }

}


@media(max-width:600px){

    html body .pkp_structure_footer
    .heru-final-footer .heru-footer-main{

        width:calc(100% - 44px) !important;

        grid-template-columns:1fr !important;

        padding-top:30px !important;
    }


    html body .pkp_structure_footer
    .heru-footer-bottom{

        width:calc(100% - 44px) !important;

        flex-direction:column !important;

        align-items:flex-start !important;
    }

}
/* =========================================================
   HERU GOOGLE MAPS LOCATION
   ========================================================= */

.heru-location-v1{
    margin:32px 0 10px !important;

    border:1px solid #dce9e7 !important;
    border-radius:20px !important;

    background:#ffffff !important;

    overflow:hidden !important;

    box-shadow:
        0 12px 32px rgba(18,54,79,.06) !important;
}


/* HEADER */
.heru-location-head{
    display:flex !important;

    justify-content:space-between !important;
    align-items:flex-end !important;

    gap:25px !important;

    padding:22px 24px 18px !important;

    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #f1faf7 100%
        ) !important;
}


.heru-location-head span{
    display:block !important;

    margin-bottom:4px !important;

    color:#0b9588 !important;

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

    letter-spacing:1.1px !important;
}


.heru-location-head h2{
    margin:0 0 5px !important;

    color:#14394f !important;

    font-size:19px !important;
    font-weight:850 !important;
}


.heru-location-head p{
    margin:0 !important;

    color:#788e96 !important;

    font-size:9px !important;
}


/* BUTTON */
.heru-location-head > a{
    display:inline-flex !important;

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

    min-height:36px !important;

    padding:0 13px !important;

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

    background:#ffffff !important;

    color:#087a70 !important;

    font-size:8px !important;

    font-weight:850 !important;

    text-decoration:none !important;

    white-space:nowrap !important;

    transition:.2s ease !important;
}


.heru-location-head > a:hover{
    background:#e9f8f4 !important;

    transform:translateY(-1px) !important;
}


/* MAP */
.heru-location-map{
    width:100% !important;

    overflow:hidden !important;

    border-top:1px solid #e1ece9 !important;
    border-bottom:1px solid #e1ece9 !important;

    background:#eef7f5 !important;
}


.heru-location-map iframe{
    display:block !important;

    width:100% !important;
    height:390px !important;

    border:0 !important;
}


/* LOCATION INFO */
.heru-location-info{
    display:grid !important;

    grid-template-columns:
        42px minmax(0,1fr) auto !important;

    align-items:center !important;

    gap:12px !important;

    padding:15px 20px !important;

    background:#ffffff !important;
}


.heru-location-pin{
    width:38px !important;
    height:38px !important;

    display:flex !important;

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

    border-radius:11px !important;

    background:
        linear-gradient(
            145deg,
            #0b9184,
            #19b7a5
        ) !important;

    color:#ffffff !important;

    font-size:12px !important;
}


.heru-location-info small{
    display:block !important;

    margin-bottom:2px !important;

    color:#0c9588 !important;

    font-size:6.5px !important;

    font-weight:900 !important;

    letter-spacing:.8px !important;
}


.heru-location-info strong{
    display:block !important;

    margin-bottom:2px !important;

    color:#173b4d !important;

    font-size:10px !important;
}


.heru-location-info span{
    display:block !important;

    color:#85969b !important;

    font-size:8px !important;
}


.heru-location-info > a{
    color:#087a70 !important;

    font-size:8.5px !important;

    font-weight:850 !important;

    text-decoration:none !important;
}


/* RESPONSIVE */
@media(max-width:650px){

    .heru-location-head{
        flex-direction:column !important;
        align-items:flex-start !important;
    }

    .heru-location-map iframe{
        height:300px !important;
    }

    .heru-location-info{
        grid-template-columns:42px minmax(0,1fr) !important;
    }

    .heru-location-info > a{
        grid-column:1 / -1 !important;

        margin-top:4px !important;
    }

}

/* =========================================================
   HERU SIDEBAR - ARTICLE TEMPLATE
   ========================================================= */

.heru-template-sidebar{
    width:100% !important;
    padding:14px !important;
    box-sizing:border-box !important;

    border:1px solid #dcebe8 !important;
    border-radius:16px !important;

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #f4fbf9 100%
        ) !important;

    box-shadow:
        0 8px 24px rgba(18,54,79,.06) !important;
}


/* TOP */

.heru-template-top{
    display:flex !important;
    align-items:center !important;

    gap:12px !important;

    padding-bottom:13px !important;
    margin-bottom:12px !important;

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


/* =========================================================
   WORD ICON
   ========================================================= */

.heru-word-icon{
    position:relative !important;

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

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

    border-radius:12px !important;

    background:
        linear-gradient(
            145deg,
            #185abd,
            #2b7cd3
        ) !important;

    box-shadow:
        0 8px 18px rgba(24,90,189,.20) !important;
}


/* W */
.heru-word-w{
    position:absolute !important;

    left:7px !important;

    z-index:2 !important;

    color:#fff !important;

    font-family:Arial,sans-serif !important;

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

    line-height:1 !important;
}


/* document page */
.heru-word-paper{
    position:absolute !important;

    right:6px !important;

    width:25px !important;
    height:34px !important;

    padding:8px 4px 4px 7px !important;

    box-sizing:border-box !important;

    border-radius:3px !important;

    background:rgba(255,255,255,.94) !important;
}


.heru-word-paper i{
    display:block !important;

    width:100% !important;
    height:2px !important;

    margin-bottom:4px !important;

    border-radius:10px !important;

    background:#84ade2 !important;
}


/* TEXT */

.heru-template-title{
    min-width:0 !important;
}


.heru-template-title small{
    display:block !important;

    margin-bottom:2px !important;

    color:#0b9588 !important;

    font-size:6.5px !important;

    font-weight:900 !important;

    letter-spacing:.9px !important;
}


.heru-template-title strong{
    display:block !important;

    margin-bottom:2px !important;

    color:#16394e !important;

    font-size:12px !important;

    font-weight:850 !important;
}


.heru-template-title span{
    display:block !important;

    color:#829599 !important;

    font-size:7.5px !important;
}


/* =========================================================
   TEMPLATE INFO
   ========================================================= */

.heru-template-info{
    display:grid !important;

    grid-template-columns:
        repeat(2,minmax(0,1fr)) !important;

    gap:7px !important;

    margin-bottom:10px !important;
}


.heru-template-info > div{
    padding:8px 9px !important;

    border:1px solid #e0ece9 !important;

    border-radius:8px !important;

    background:#f9fcfb !important;
}


.heru-template-info span{
    display:block !important;

    margin-bottom:2px !important;

    color:#9aabad !important;

    font-size:5.8px !important;

    font-weight:850 !important;

    letter-spacing:.7px !important;
}


.heru-template-info strong{
    display:block !important;

    color:#173b4d !important;

    font-size:8px !important;
}


/* =========================================================
   DOWNLOAD BUTTON
   ========================================================= */

.heru-template-download{
    display:grid !important;

    grid-template-columns:
        34px minmax(0,1fr) 25px !important;

    align-items:center !important;

    gap:9px !important;

    min-height:54px !important;

    padding:9px 10px !important;

    box-sizing:border-box !important;

    border:1px solid #c4e7df !important;
    border-radius:11px !important;

    background:
        linear-gradient(
            135deg,
            #e9f8f4,
            #f6fcfa
        ) !important;

    color:#08776d !important;

    text-decoration:none !important;

    cursor:pointer !important;

    transition:.22s ease !important;
}


.heru-template-download:hover{
    transform:translateY(-2px) !important;

    border-color:#97d7cc !important;

    background:
        linear-gradient(
            135deg,
            #dff5ef,
            #f0fbf8
        ) !important;

    box-shadow:
        0 8px 18px rgba(18,84,85,.09) !important;
}


/* DOWNLOAD ICON */

.heru-download-icon{
    width:32px !important;
    height:32px !important;

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

    border-radius:9px !important;

    background:
        linear-gradient(
            145deg,
            #0d9184,
            #18b7a5
        ) !important;

    color:#fff !important;

    font-size:16px !important;

    font-weight:800 !important;
}


/* TEXT */

.heru-template-download small{
    display:block !important;

    margin-bottom:1px !important;

    color:#55a89f !important;

    font-size:5.5px !important;

    font-weight:900 !important;

    letter-spacing:.6px !important;
}


.heru-template-download strong{
    display:block !important;

    color:#08776d !important;

    font-size:9px !important;

    font-weight:850 !important;
}


/* ARROW */

.heru-download-arrow{
    width:23px !important;
    height:23px !important;

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

    border-radius:7px !important;

    background:#fff !important;

    color:#0b9588 !important;

    font-size:17px !important;

    transition:.2s ease !important;
}


.heru-template-download:hover
.heru-download-arrow{
    background:#0b9588 !important;
    color:#fff !important;

    transform:translateX(2px) !important;
}


/* NOTE */

.heru-template-note{
    margin:10px 2px 0 !important;

    color:#819499 !important;

    font-size:7px !important;

    line-height:1.5 !important;
}

/* =========================================================
   HERU ARTICLE TEMPLATE - PRO MODERN
   ========================================================= */

.heru-template-pro{
    position:relative !important;

    width:100% !important;

    padding:16px !important;

    box-sizing:border-box !important;

    overflow:hidden !important;

    border:1px solid #dce9e7 !important;
    border-radius:18px !important;

    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(34,197,174,.10),
            transparent 34%
        ),
        linear-gradient(
            145deg,
            #ffffff 0%,
            #f7fbfa 100%
        ) !important;

    box-shadow:
        0 10px 28px rgba(18,54,79,.07) !important;
}


/* TOP ACCENT */

.heru-template-pro:before{
    content:"" !important;

    position:absolute !important;

    left:0 !important;
    right:0 !important;
    top:0 !important;

    height:3px !important;

    background:
        linear-gradient(
            90deg,
            #185abd 0%,
            #2b7cd3 38%,
            #15aa98 100%
        ) !important;
}


/* =========================================================
   HEADER
   ========================================================= */

.heru-template-pro-head{
    display:grid !important;

    grid-template-columns:
        54px minmax(0,1fr) !important;

    align-items:center !important;

    gap:12px !important;

    padding:4px 0 14px !important;

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


/* WORD ICON */

.heru-template-pro-icon{
    position:relative !important;

    width:52px !important;
    height:52px !important;

    display:flex !important;

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

    overflow:hidden !important;

    border-radius:14px !important;

    background:
        linear-gradient(
            145deg,
            #185abd,
            #2e7ed2
        ) !important;

    box-shadow:
        0 9px 18px rgba(24,90,189,.22) !important;
}


.heru-template-pro-icon:after{
    content:"" !important;

    position:absolute !important;

    width:25px !important;
    height:38px !important;

    right:-8px !important;
    top:7px !important;

    border-radius:5px !important;

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

    transform:rotate(8deg) !important;
}


.heru-template-pro-icon span{
    position:relative !important;
    z-index:2 !important;

    color:#fff !important;

    font-family:Arial,sans-serif !important;

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

    line-height:1 !important;
}


/* TITLE */

.heru-template-pro-title{
    min-width:0 !important;
}


.heru-template-pro-title small{
    display:block !important;

    margin-bottom:3px !important;

    color:#0d9587 !important;

    font-size:6px !important;

    font-weight:900 !important;

    letter-spacing:1px !important;
}


.heru-template-pro-title strong{
    display:block !important;

    margin-bottom:2px !important;

    color:#16394e !important;

    font-size:12px !important;
    line-height:1.25 !important;

    font-weight:850 !important;
}


.heru-template-pro-title span{
    display:block !important;

    color:#819399 !important;

    font-size:7.5px !important;
}


/* =========================================================
   META
   ========================================================= */

.heru-template-pro-meta{
    display:grid !important;

    grid-template-columns:
        repeat(2,minmax(0,1fr)) !important;

    gap:7px !important;

    margin:12px 0 10px !important;
}


.heru-template-pro-meta > div{
    padding:9px 10px !important;

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

    background:#ffffff !important;
}


.heru-template-pro-meta small{
    display:block !important;

    margin-bottom:3px !important;

    color:#94a6aa !important;

    font-size:5.5px !important;

    font-weight:900 !important;

    letter-spacing:.65px !important;
}


.heru-template-pro-meta strong{
    display:block !important;

    color:#183c4d !important;

    font-size:8.5px !important;

    font-weight:800 !important;
}


/* =========================================================
   INFORMATION
   ========================================================= */

.heru-template-pro-info{
    display:grid !important;

    grid-template-columns:
        24px minmax(0,1fr) !important;

    align-items:start !important;

    gap:8px !important;

    margin-bottom:11px !important;

    padding:9px 10px !important;

    border-radius:9px !important;

    background:#edf8f5 !important;
}


.heru-template-pro-check{
    width:22px !important;
    height:22px !important;

    display:flex !important;

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

    border-radius:7px !important;

    background:#d9f2ec !important;

    color:#078273 !important;

    font-size:10px !important;

    font-weight:900 !important;
}


.heru-template-pro-info p{
    margin:0 !important;

    color:#607b81 !important;

    font-size:7.3px !important;

    line-height:1.5 !important;
}


/* =========================================================
   DOWNLOAD BUTTON
   ========================================================= */

body .pkp_structure_sidebar
.heru-template-pro-download{

    display:grid !important;

    grid-template-columns:
        36px minmax(0,1fr) 27px !important;

    align-items:center !important;

    gap:10px !important;

    min-height:58px !important;

    padding:10px !important;

    box-sizing:border-box !important;

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

    background:
        linear-gradient(
            135deg,
            #0b8478 0%,
            #14a896 100%
        ) !important;

    color:#fff !important;

    text-decoration:none !important;

    cursor:pointer !important;

    box-shadow:
        0 9px 20px rgba(13,145,132,.18) !important;

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


body .pkp_structure_sidebar
.heru-template-pro-download:hover{

    transform:translateY(-2px) !important;

    box-shadow:
        0 13px 25px rgba(13,145,132,.25) !important;
}


/* DOWNLOAD ICON */

.heru-template-pro-download-icon{
    width:34px !important;
    height:34px !important;

    display:flex !important;

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

    border-radius:9px !important;

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

    color:#fff !important;

    font-size:17px !important;

    font-weight:700 !important;
}


/* DOWNLOAD TEXT */

.heru-template-pro-download-text{
    min-width:0 !important;
}


.heru-template-pro-download-text small{
    display:block !important;

    margin-bottom:2px !important;

    color:rgba(255,255,255,.70) !important;

    font-size:5.5px !important;

    font-weight:900 !important;

    letter-spacing:.75px !important;
}


.heru-template-pro-download-text strong{
    display:block !important;

    color:#fff !important;

    font-size:9px !important;

    font-weight:850 !important;

    line-height:1.3 !important;
}


/* ARROW */

.heru-template-pro-arrow{
    width:25px !important;
    height:25px !important;

    display:flex !important;

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

    border-radius:8px !important;

    background:#ffffff !important;

    color:#07887b !important;

    font-size:13px !important;

    font-weight:800 !important;

    transition:.2s ease !important;
}


.heru-template-pro-download:hover
.heru-template-pro-arrow{

    transform:translateX(2px) !important;
}


/* =========================================================
   FOOT
   ========================================================= */

.heru-template-pro-footer{
    display:flex !important;

    align-items:center !important;

    gap:6px !important;

    margin-top:11px !important;

    padding-top:9px !important;

    border-top:
        1px solid #e4eeec !important;

    color:#98a7aa !important;

    font-size:5.8px !important;
}


.heru-template-pro-footer span:first-child{
    color:#0a9285 !important;

    font-weight:900 !important;
}


.heru-template-pro-footer span:last-child{
    line-height:1.35 !important;
}
/* =========================================================
   HERU SIDEBAR - REFERENCE TOOLS PRO
========================================================= */

.heru-tools-pro{
    position:relative !important;
    width:100% !important;
    padding:14px !important;
    box-sizing:border-box !important;

    overflow:hidden !important;

    border:1px solid #dce9e7 !important;
    border-radius:18px !important;

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #f6fbfa 100%
        ) !important;

    box-shadow:
        0 10px 28px rgba(18,54,79,.06) !important;
}


.heru-tools-pro:before{
    content:"" !important;

    position:absolute !important;
    left:0 !important;
    right:0 !important;
    top:0 !important;

    height:3px !important;

    background:
        linear-gradient(
            90deg,
            #0f9d83,
            #36cfba
        ) !important;
}


/* HEADER */

.heru-tools-head{
    display:grid !important;

    grid-template-columns:
        38px minmax(0,1fr) !important;

    align-items:center !important;

    gap:10px !important;

    padding:3px 0 12px !important;
    margin-bottom:10px !important;

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


.heru-tools-head-icon{
    width:36px !important;
    height:36px !important;

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

    border-radius:10px !important;

    background:
        linear-gradient(
            145deg,
            #0d9184,
            #18b7a5
        ) !important;

    color:#fff !important;

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

    box-shadow:
        0 7px 16px rgba(15,157,131,.18) !important;
}


.heru-tools-head small{
    display:block !important;

    margin-bottom:2px !important;

    color:#0b9588 !important;

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

    letter-spacing:.8px !important;
}


.heru-tools-head strong{
    display:block !important;

    color:#16394e !important;

    font-size:11px !important;

    font-weight:850 !important;
}


/* LIST */

.heru-tools-list{
    display:flex !important;

    flex-direction:column !important;

    gap:7px !important;
}


body .pkp_structure_sidebar .heru-tool-card{
    display:grid !important;

    grid-template-columns:
        38px minmax(0,1fr) 25px !important;

    align-items:center !important;

    gap:10px !important;

    min-height:54px !important;

    padding:8px 9px !important;

    box-sizing:border-box !important;

    border:1px solid #e0ebe8 !important;

    border-radius:11px !important;

    background:#fff !important;

    text-decoration:none !important;

    transition:.2s ease !important;
}


body .pkp_structure_sidebar .heru-tool-card:hover{
    transform:translateY(-2px) !important;

    border-color:#a9dbd3 !important;

    box-shadow:
        0 8px 18px rgba(18,54,79,.07) !important;
}


/* LOGO */

.heru-tool-logo{
    width:36px !important;
    height:36px !important;

    display:flex !important;

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

    border-radius:10px !important;

    color:#fff !important;

    font-family:Arial,sans-serif !important;

    font-size:17px !important;

    font-weight:900 !important;
}


/* MENDELEY */

.mendeley-logo{
    background:
        linear-gradient(
            145deg,
            #a91d31,
            #d4384d
        ) !important;
}


/* ZOTERO */

.zotero-logo{
    background:
        linear-gradient(
            145deg,
            #a90000,
            #d72c2c
        ) !important;
}


/* GRAMMARLY */

.grammarly-logo{
    background:
        linear-gradient(
            145deg,
            #08a88a,
            #20c9a7
        ) !important;
}


/* TURNITIN */

.turnitin-logo{
    background:
        linear-gradient(
            145deg,
            #d72535,
            #ef5360
        ) !important;
}


/* INFO */

.heru-tool-info{
    min-width:0 !important;
}


.heru-tool-info strong{
    display:block !important;

    margin-bottom:2px !important;

    color:#173b4d !important;

    font-size:9px !important;

    font-weight:800 !important;
}


.heru-tool-info small{
    display:block !important;

    color:#89999d !important;

    font-size:6.5px !important;
}


/* ARROW */

.heru-tool-arrow{
    width:23px !important;
    height:23px !important;

    display:flex !important;

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

    border-radius:7px !important;

    background:#edf8f5 !important;

    color:#0b9588 !important;

    font-size:16px !important;
}


.heru-tool-card:hover .heru-tool-arrow{
    background:#0b9588 !important;
    color:#fff !important;
}


/* FOOT */

.heru-tools-foot{
    margin-top:10px !important;

    padding-top:9px !important;

    border-top:
        1px solid #e3eeeb !important;

    color:#8a9c9f !important;

    font-size:6.5px !important;

    line-height:1.45 !important;
}
/* =========================================================
   HERU SIDEBAR - VISITOR STATISTICS
========================================================= */

.heru-visitor-pro{
    position:relative !important;

    width:100% !important;

    padding:14px !important;

    box-sizing:border-box !important;

    overflow:hidden !important;

    border:1px solid #dce9e7 !important;

    border-radius:18px !important;

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #f6fbfa
        ) !important;

    box-shadow:
        0 10px 28px rgba(18,54,79,.06) !important;
}


.heru-visitor-pro:before{
    content:"" !important;

    position:absolute !important;

    left:0 !important;
    right:0 !important;
    top:0 !important;

    height:3px !important;

    background:
        linear-gradient(
            90deg,
            #0f9d83,
            #36cfba
        ) !important;
}


/* HEADER */

.heru-visitor-head{
    display:grid !important;

    grid-template-columns:
        38px minmax(0,1fr) !important;

    align-items:center !important;

    gap:10px !important;

    padding:3px 0 12px !important;

    margin-bottom:11px !important;

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


.heru-visitor-icon{
    width:36px !important;
    height:36px !important;

    display:flex !important;

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

    border-radius:10px !important;

    background:
        linear-gradient(
            145deg,
            #0d9184,
            #18b7a5
        ) !important;

    color:#fff !important;

    font-size:13px !important;
}


.heru-visitor-head small{
    display:block !important;

    margin-bottom:2px !important;

    color:#0b9588 !important;

    font-size:5.8px !important;

    font-weight:900 !important;

    letter-spacing:.8px !important;
}


.heru-visitor-head strong{
    display:block !important;

    color:#16394e !important;

    font-size:11px !important;

    font-weight:850 !important;
}


/* COUNTER */

.heru-visitor-counter{
    width:100% !important;

    padding:8px !important;

    box-sizing:border-box !important;

    overflow:hidden !important;

    border:1px solid #e0ebe8 !important;

    border-radius:10px !important;

    background:#fff !important;

    text-align:center !important;
}


.heru-visitor-counter img{
    display:block !important;

    max-width:100% !important;

    height:auto !important;

    margin:0 auto !important;
}


/* BOTTOM */

.heru-visitor-bottom{
    display:flex !important;

    align-items:center !important;

    gap:6px !important;

    margin-top:9px !important;

    color:#84979b !important;

    font-size:6.5px !important;
}


.heru-live-dot{
    width:6px !important;
    height:6px !important;

    display:block !important;

    border-radius:50% !important;

    background:#19b69f !important;

    box-shadow:
        0 0 0 3px rgba(25,182,159,.12) !important;
}
/* =========================================================
   HERU FLAG VISITOR - MODERN
========================================================= */

.heru-flag-modern{
    position:relative !important;

    width:100% !important;

    padding:15px !important;

    box-sizing:border-box !important;

    overflow:hidden !important;

    border:1px solid #dce9e7 !important;

    border-radius:18px !important;

    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(29,190,168,.10),
            transparent 32%
        ),
        linear-gradient(
            145deg,
            #ffffff 0%,
            #f6fbfa 100%
        ) !important;

    box-shadow:
        0 10px 28px rgba(18,54,79,.065) !important;
}


/* TOP LINE */

.heru-flag-modern:before{
    content:"" !important;

    position:absolute !important;

    left:0 !important;
    right:0 !important;
    top:0 !important;

    height:3px !important;

    background:
        linear-gradient(
            90deg,
            #0d9184,
            #2fd0b8
        ) !important;
}


/* =========================================================
   HEADER
========================================================= */

.heru-flag-header{
    display:grid !important;

    grid-template-columns:
        44px minmax(0,1fr) !important;

    align-items:center !important;

    gap:11px !important;

    padding:3px 0 13px !important;

    margin-bottom:12px !important;

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


.heru-flag-icon{
    width:42px !important;
    height:42px !important;

    display:flex !important;

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

    border-radius:12px !important;

    background:
        linear-gradient(
            145deg,
            #0d9184,
            #19b7a5
        ) !important;

    color:#fff !important;

    font-size:18px !important;

    box-shadow:
        0 8px 17px rgba(13,145,132,.18) !important;
}


.heru-flag-heading{
    min-width:0 !important;
}


.heru-flag-heading small{
    display:block !important;

    margin-bottom:2px !important;

    color:#0b9588 !important;

    font-size:5.7px !important;

    font-weight:900 !important;

    letter-spacing:.9px !important;
}


.heru-flag-heading strong{
    display:block !important;

    margin-bottom:2px !important;

    color:#17394e !important;

    font-size:11px !important;

    font-weight:850 !important;
}


.heru-flag-heading span{
    display:block !important;

    color:#87999d !important;

    font-size:6.7px !important;
}


/* =========================================================
   COUNTER BOX
========================================================= */

.heru-flag-counter{
    position:relative !important;

    width:100% !important;

    padding:10px !important;

    box-sizing:border-box !important;

    overflow:hidden !important;

    border:1px solid #dfeae8 !important;

    border-radius:12px !important;

    background:#ffffff !important;

    text-align:center !important;
}


.heru-flag-counter a{
    display:block !important;

    width:100% !important;

    text-decoration:none !important;
}


.heru-flag-counter img{
    display:block !important;

    width:auto !important;
    height:auto !important;

    max-width:100% !important;

    margin:0 auto !important;

    border:0 !important;

    box-shadow:none !important;

    object-fit:contain !important;
}


/* =========================================================
   FOOTER
========================================================= */

.heru-flag-footer{
    margin-top:11px !important;

    padding-top:9px !important;

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


.heru-flag-live{
    display:flex !important;

    align-items:center !important;

    gap:6px !important;

    margin-bottom:4px !important;
}


.heru-flag-dot{
    width:6px !important;
    height:6px !important;

    display:block !important;

    border-radius:50% !important;

    background:#18b49d !important;

    box-shadow:
        0 0 0 3px rgba(24,180,157,.12) !important;
}


.heru-flag-live strong{
    color:#0b8176 !important;

    font-size:6.5px !important;

    font-weight:850 !important;
}


.heru-flag-footer > span{
    display:block !important;

    color:#96a5a8 !important;

    font-size:5.8px !important;

    line-height:1.4 !important;
}

.heru-globe-icon{
    position:relative !important;
    width:42px !important;
    height:42px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:12px !important;
    background:linear-gradient(145deg,#0d9184,#19b7a5) !important;
    box-shadow:0 8px 17px rgba(13,145,132,.18) !important;
}

.heru-globe-icon span{
    position:relative !important;
    display:block !important;
    width:21px !important;
    height:21px !important;
    border:2px solid #fff !important;
    border-radius:50% !important;
    box-sizing:border-box !important;
}

.heru-globe-icon span:before{
    content:"" !important;
    position:absolute !important;
    left:50% !important;
    top:2px !important;
    width:8px !important;
    height:13px !important;
    transform:translateX(-50%) !important;
    border-left:1.5px solid #fff !important;
    border-right:1.5px solid #fff !important;
    border-radius:50% !important;
}

.heru-globe-icon span:after{
    content:"" !important;
    position:absolute !important;
    left:2px !important;
    right:2px !important;
    top:50% !important;
    border-top:1.5px solid #fff !important;
    transform:translateY(-50%) !important;
}

.heru-flag-live-row{
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    margin-top:11px !important;
    padding:10px !important;
    border-radius:9px !important;
    background:#edf8f5 !important;
}

.heru-flag-live-row > div{
    min-width:0 !important;
}

.heru-flag-live-row strong{
    display:block !important;
    margin-bottom:2px !important;
    color:#087d73 !important;
    font-size:7px !important;
}

.heru-flag-live-row div span{
    display:block !important;
    color:#89999d !important;
    font-size:6px !important;
}
/* =========================================================
   HERU PRIMARY NAVIGATION - MODERN
========================================================= */

.pkp_navigation_primary{
    display:flex !important;
    align-items:center !important;
    gap:0 !important;
}

.pkp_navigation_primary > li{
    position:relative !important;
    margin:0 !important;
}

.pkp_navigation_primary > li > a{
    display:flex !important;
    align-items:center !important;

    min-height:58px !important;

    padding:0 20px !important;

    color:#ffffff !important;

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

    letter-spacing:.25px !important;

    text-transform:uppercase !important;

    text-decoration:none !important;

    border:0 !important;

    transition:.2s ease !important;
}

.pkp_navigation_primary > li > a:hover{
    background:rgba(255,255,255,.08) !important;
    color:#ffffff !important;
}


/* active / hover accent */

.pkp_navigation_primary > li > a:after{
    content:"" !important;

    position:absolute !important;

    left:20px !important;
    right:20px !important;
    bottom:0 !important;

    height:3px !important;

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

    background:#48d6c2 !important;

    transform:scaleX(0) !important;

    transition:.2s ease !important;
}

.pkp_navigation_primary > li:hover > a:after{
    transform:scaleX(1) !important;
}


/* =========================================================
   DROPDOWN
========================================================= */

.pkp_navigation_primary ul{
    min-width:220px !important;

    padding:7px !important;

    border:1px solid #dce9e7 !important;

    border-radius:13px !important;

    background:#ffffff !important;

    box-shadow:
        0 15px 35px rgba(18,54,79,.14) !important;
}

.pkp_navigation_primary ul li{
    margin:0 !important;
}

.pkp_navigation_primary ul li a{
    display:block !important;

    padding:10px 12px !important;

    border-radius:8px !important;

    color:#173b4d !important;

    font-size:10px !important;

    font-weight:650 !important;

    text-transform:none !important;

    text-decoration:none !important;

    transition:.2s ease !important;
}

.pkp_navigation_primary ul li a:hover{
    background:#edf8f5 !important;
    color:#087a70 !important;

    padding-left:15px !important;
}


/* TOP NAV BAR */

.pkp_navigation_primary_wrapper{
    background:
        linear-gradient(
            90deg,
            #08766e 0%,
            #0d9a8e 55%,
            #0b8991 100%
        ) !important;
}


/* keep search aligned right */

.pkp_navigation_search_wrapper{
    margin-left:auto !important;
}


/* slightly smaller when space is limited */

@media(max-width:1200px){

    .pkp_navigation_primary > li > a{
        padding:0 14px !important;
        font-size:10px !important;
    }

}
/* =========================================================
   HERU EDITORIAL TEAM V2
========================================================= */

.heru-editorial-v2{
    width:100% !important;
    color:#173b4d !important;
}


/* =========================================================
   HERO
========================================================= */

.heru-editorial-hero{
    position:relative !important;

    display:grid !important;
    grid-template-columns:minmax(0,1fr) 130px !important;
    align-items:center !important;

    gap:25px !important;

    margin-bottom:28px !important;
    padding:30px 32px !important;

    overflow:hidden !important;

    border:1px solid #d8e9e6 !important;
    border-top:4px solid #13a895 !important;
    border-radius:20px !important;

    background:
        radial-gradient(
            circle at 90% 20%,
            rgba(30,190,166,.15),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            #ffffff 0%,
            #eff9f6 100%
        ) !important;

    box-shadow:
        0 12px 30px rgba(18,54,79,.06) !important;
}


.heru-editorial-badge{
    display:inline-flex !important;

    margin-bottom:9px !important;
    padding:6px 10px !important;

    border-radius:999px !important;

    background:#def5ef !important;

    color:#087c71 !important;

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

    letter-spacing:1px !important;
}


.heru-editorial-hero h2{
    margin:0 0 10px !important;

    color:#153a50 !important;

    font-size:28px !important;
    line-height:1.15 !important;

    font-weight:850 !important;
}


.heru-editorial-hero p{
    max-width:720px !important;

    margin:0 !important;

    color:#607982 !important;

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


/* HERO MARK */

.heru-editorial-hero-mark{
    width:104px !important;
    height:104px !important;

    display:flex !important;
    flex-direction:column !important;

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

    justify-self:end !important;

    border-radius:28px !important;

    background:
        linear-gradient(
            145deg,
            #0d9184,
            #19b7a5
        ) !important;

    box-shadow:
        0 15px 28px rgba(15,157,131,.20) !important;
}


.heru-editorial-hero-mark span{
    color:#fff !important;

    font-size:42px !important;
    line-height:1 !important;

    font-weight:300 !important;
}


.heru-editorial-hero-mark small{
    margin-top:5px !important;

    color:rgba(255,255,255,.72) !important;

    font-size:6px !important;

    letter-spacing:1.4px !important;
}


/* =========================================================
   SECTION
========================================================= */

.heru-editorial-section{
    margin:0 0 30px !important;
}


.heru-editorial-section-title{
    display:flex !important;

    justify-content:space-between !important;
    align-items:flex-end !important;

    gap:20px !important;

    margin-bottom:14px !important;
    padding-bottom:10px !important;

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


.heru-editorial-section-title small{
    display:block !important;

    margin-bottom:3px !important;

    color:#0b9588 !important;

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

    letter-spacing:1px !important;
}


.heru-editorial-section-title h3{
    margin:0 !important;

    color:#16394e !important;

    font-size:17px !important;

    font-weight:850 !important;
}


.heru-editorial-section-no{
    color:#a0b2b5 !important;

    font-size:10px !important;

    font-weight:800 !important;
}


/* =========================================================
   EDITOR IN CHIEF
========================================================= */

.heru-editorial-main-card{
    display:grid !important;

    grid-template-columns:
        64px minmax(0,1fr) auto !important;

    align-items:center !important;

    gap:18px !important;

    padding:21px !important;

    border:1px solid #dce9e7 !important;
    border-radius:16px !important;

    background:#fff !important;

    box-shadow:
        0 9px 25px rgba(18,54,79,.045) !important;
}


.heru-editorial-avatar{
    width:48px !important;
    height:48px !important;

    display:flex !important;

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

    border-radius:14px !important;

    background:
        linear-gradient(
            145deg,
            #0d9184,
            #18b7a5
        ) !important;

    color:#fff !important;

    font-size:10px !important;

    font-weight:900 !important;

    box-shadow:
        0 8px 17px rgba(13,145,132,.16) !important;
}


.heru-editorial-avatar-main{
    width:58px !important;
    height:58px !important;

    border-radius:16px !important;

    font-size:12px !important;
}


.heru-role-label{
    display:block !important;

    margin-bottom:4px !important;

    color:#0b9588 !important;

    font-size:6px !important;

    font-weight:900 !important;

    letter-spacing:.9px !important;
}


.heru-editorial-main-info h3{
    margin:0 0 6px !important;

    color:#17394e !important;

    font-size:14px !important;

    font-weight:850 !important;
}


.heru-editorial-main-info p{
    max-width:650px !important;

    margin:0 0 10px !important;

    color:#758a91 !important;

    font-size:8px !important;

    line-height:1.55 !important;
}


/* TAGS */

.heru-editorial-tags{
    display:flex !important;

    flex-wrap:wrap !important;

    gap:5px !important;
}


.heru-editorial-tags span{
    padding:5px 8px !important;

    border-radius:999px !important;

    background:#edf8f5 !important;

    color:#087a70 !important;

    font-size:6px !important;

    font-weight:700 !important;
}


/* CONTACT BUTTONS */

.heru-editorial-contact-actions{
    display:flex !important;

    flex-direction:column !important;

    gap:7px !important;
}


.heru-editorial-contact-actions a{
    display:flex !important;

    justify-content:space-between !important;
    align-items:center !important;

    gap:12px !important;

    min-width:100px !important;

    padding:8px 10px !important;

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

    background:#f7fbfa !important;

    color:#087a70 !important;

    font-size:7px !important;

    font-weight:800 !important;

    text-decoration:none !important;

    transition:.2s ease !important;
}


.heru-editorial-contact-actions a:hover{
    background:#0d9184 !important;

    color:#fff !important;

    transform:translateY(-1px) !important;
}


/* =========================================================
   MANAGEMENT GRID
========================================================= */

.heru-editorial-grid{
    display:grid !important;

    grid-template-columns:
        repeat(2,minmax(0,1fr)) !important;

    gap:12px !important;
}


.heru-editorial-card{
    padding:18px !important;

    border:1px solid #dce9e7 !important;

    border-radius:15px !important;

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #f9fcfb
        ) !important;

    box-shadow:
        0 7px 20px rgba(18,54,79,.04) !important;

    transition:.2s ease !important;
}


.heru-editorial-card:hover{
    transform:translateY(-3px) !important;

    border-color:#a9ddd4 !important;

    box-shadow:
        0 12px 26px rgba(18,54,79,.08) !important;
}


.heru-editorial-card-top{
    display:flex !important;

    justify-content:space-between !important;
    align-items:center !important;

    gap:12px !important;

    margin-bottom:13px !important;
}


.heru-editorial-position{
    padding:5px 8px !important;

    border-radius:999px !important;

    background:#e7f6f2 !important;

    color:#087c71 !important;

    font-size:5.5px !important;

    font-weight:900 !important;

    letter-spacing:.7px !important;
}


.heru-editorial-card h4{
    margin:0 0 7px !important;

    color:#17394e !important;

    font-size:11px !important;

    font-weight:850 !important;
}


.heru-editorial-card p{
    margin:0 0 13px !important;

    min-height:48px !important;

    color:#788d92 !important;

    font-size:7.5px !important;

    line-height:1.55 !important;
}


.heru-editorial-card-bottom{
    display:flex !important;

    gap:5px !important;

    flex-wrap:wrap !important;
}


.heru-editorial-card-bottom span{
    padding:5px 7px !important;

    border-radius:7px !important;

    background:#f0f7f5 !important;

    color:#648086 !important;

    font-size:6px !important;
}


/* =========================================================
   PRINCIPLES
========================================================= */

.heru-editorial-principles{
    display:grid !important;

    grid-template-columns:
        repeat(3,minmax(0,1fr)) !important;

    gap:10px !important;
}


.heru-editorial-principles article{
    display:grid !important;

    grid-template-columns:
        32px minmax(0,1fr) !important;

    gap:10px !important;

    padding:13px !important;

    border:1px solid #e0ebe9 !important;

    border-radius:12px !important;

    background:#fff !important;
}


.heru-editorial-principles article > span{
    width:30px !important;
    height:30px !important;

    display:flex !important;

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

    border-radius:9px !important;

    background:#e6f6f2 !important;

    color:#087d72 !important;

    font-size:7px !important;

    font-weight:900 !important;
}


.heru-editorial-principles strong{
    display:block !important;

    margin-bottom:4px !important;

    color:#173b4d !important;

    font-size:8px !important;
}


.heru-editorial-principles p{
    margin:0 !important;

    color:#84969a !important;

    font-size:6.5px !important;

    line-height:1.45 !important;
}


/* =========================================================
   CTA
========================================================= */

.heru-editorial-cta{
    display:flex !important;

    justify-content:space-between !important;
    align-items:center !important;

    gap:25px !important;

    padding:21px 23px !important;

    border-radius:16px !important;

    background:
        linear-gradient(
            120deg,
            #0d4057,
            #087d72
        ) !important;

    box-shadow:
        0 12px 28px rgba(10,70,80,.14) !important;
}


.heru-editorial-cta small{
    display:block !important;

    margin-bottom:4px !important;

    color:#69d8c8 !important;

    font-size:6px !important;

    font-weight:900 !important;

    letter-spacing:.9px !important;
}


.heru-editorial-cta h3{
    margin:0 0 4px !important;

    color:#fff !important;

    font-size:14px !important;
}


.heru-editorial-cta p{
    margin:0 !important;

    color:rgba(255,255,255,.72) !important;

    font-size:7.5px !important;
}


.heru-editorial-cta-actions{
    display:flex !important;

    gap:7px !important;

    flex-wrap:wrap !important;
}


.heru-editorial-cta-actions a{
    padding:9px 11px !important;

    border-radius:9px !important;

    background:#fff !important;

    color:#087a70 !important;

    font-size:7px !important;

    font-weight:850 !important;

    text-decoration:none !important;
}


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

@media(max-width:800px){

    .heru-editorial-hero{
        grid-template-columns:1fr !important;
    }

    .heru-editorial-hero-mark{
        display:none !important;
    }

    .heru-editorial-main-card{
        grid-template-columns:58px minmax(0,1fr) !important;
    }

    .heru-editorial-contact-actions{
        grid-column:1 / -1 !important;

        flex-direction:row !important;
    }

    .heru-editorial-grid,
    .heru-editorial-principles{
        grid-template-columns:1fr !important;
    }

    .heru-editorial-cta{
        flex-direction:column !important;

        align-items:flex-start !important;
    }
}

/* =========================================================
   HERU ABOUT JOURNAL PREMIUM
========================================================= */

.heru-about-premium{
    width:100% !important;
    margin:34px 0 !important;
}


/* =========================================================
   SECTION HEADING
========================================================= */

.heru-about-premium-heading{
    display:flex !important;
    justify-content:space-between !important;
    align-items:flex-end !important;

    gap:20px !important;

    margin-bottom:15px !important;
    padding-bottom:11px !important;

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


.heru-about-premium-heading small{
    display:block !important;

    margin-bottom:3px !important;

    color:#0b9588 !important;

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

    letter-spacing:1.2px !important;
}


.heru-about-premium-heading h2{
    margin:0 !important;

    color:#14394f !important;

    font-size:19px !important;
    font-weight:850 !important;

    line-height:1.2 !important;
}


.heru-about-premium-heading > a{
    display:flex !important;
    align-items:center !important;

    gap:5px !important;

    color:#087b70 !important;

    font-size:7px !important;
    font-weight:850 !important;

    text-decoration:none !important;
}


/* =========================================================
   MAIN LAYOUT
========================================================= */

.heru-about-premium-layout{
    display:grid !important;

    grid-template-columns:
        minmax(0,1.55fr)
        minmax(240px,.72fr) !important;

    gap:20px !important;

    align-items:stretch !important;
}


/* =========================================================
   LEFT CONTENT
========================================================= */

.heru-about-premium-content{
    position:relative !important;

    padding:27px 29px !important;

    overflow:hidden !important;

    border:1px solid #dce9e7 !important;
    border-radius:18px !important;

    background:
        radial-gradient(
            circle at 96% 4%,
            rgba(42,202,180,.10),
            transparent 28%
        ),
        linear-gradient(
            145deg,
            #ffffff,
            #f7fbfa
        ) !important;

    box-shadow:
        0 12px 30px rgba(18,54,79,.05) !important;
}


.heru-about-journal-badge{
    display:inline-flex !important;

    margin-bottom:13px !important;

    padding:6px 10px !important;

    border-radius:999px !important;

    background:#e4f6f1 !important;

    color:#087d72 !important;

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

    letter-spacing:1px !important;
}


.heru-about-premium-content h3{
    max-width:570px !important;

    margin:0 0 13px !important;

    color:#153a50 !important;

    font-size:22px !important;

    line-height:1.18 !important;

    font-weight:850 !important;
}


.heru-about-premium-content > p{
    max-width:700px !important;

    margin:0 0 11px !important;

    color:#667f87 !important;

    font-size:8.5px !important;

    line-height:1.72 !important;
}


/* =========================================================
   FACT CARDS
========================================================= */

.heru-about-premium-facts{
    display:grid !important;

    grid-template-columns:
        repeat(4,minmax(0,1fr)) !important;

    gap:7px !important;

    margin-top:18px !important;
}


.heru-about-premium-facts > div{
    min-height:70px !important;

    padding:10px !important;

    box-sizing:border-box !important;

    border:1px solid #dfebe8 !important;

    border-radius:10px !important;

    background:#ffffff !important;
}


.heru-about-premium-facts small{
    display:block !important;

    margin-bottom:5px !important;

    color:#0a9789 !important;

    font-size:5.3px !important;

    font-weight:900 !important;

    letter-spacing:.7px !important;
}


.heru-about-premium-facts strong{
    display:block !important;

    margin-bottom:3px !important;

    color:#173b4d !important;

    font-size:8px !important;

    font-weight:850 !important;
}


.heru-about-premium-facts span{
    display:block !important;

    color:#8b9ca0 !important;

    font-size:6px !important;
}


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

.heru-about-premium-actions{
    display:flex !important;

    align-items:center !important;

    gap:8px !important;

    margin-top:18px !important;
}


.heru-about-premium-actions a{
    display:inline-flex !important;

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

    gap:8px !important;

    min-height:37px !important;

    padding:0 13px !important;

    border-radius:9px !important;

    font-size:7px !important;

    font-weight:850 !important;

    text-decoration:none !important;

    transition:.2s ease !important;
}


.heru-about-btn-primary{
    border:1px solid #0d9184 !important;

    background:
        linear-gradient(
            135deg,
            #0b8b7e,
            #16ab99
        ) !important;

    color:#fff !important;

    box-shadow:
        0 8px 18px rgba(15,157,131,.16) !important;
}


.heru-about-btn-secondary{
    border:1px solid #cce7e1 !important;

    background:#fff !important;

    color:#087a70 !important;
}


.heru-about-premium-actions a:hover{
    transform:translateY(-2px) !important;
}


/* =========================================================
   COVER AREA
========================================================= */

.heru-about-cover-area{
    position:relative !important;

    display:flex !important;

    flex-direction:column !important;

    padding:15px !important;

    overflow:hidden !important;

    border:1px solid #d9e9e6 !important;

    border-radius:18px !important;

    background:
        linear-gradient(
            145deg,
            #f6fbfa,
            #eef8f5
        ) !important;

    box-shadow:
        0 12px 30px rgba(18,54,79,.06) !important;
}


/* COVER LABEL */

.heru-about-cover-label{
    display:flex !important;

    align-items:center !important;

    gap:8px !important;

    margin-bottom:11px !important;
}


.heru-cover-live-dot{
    width:8px !important;
    height:8px !important;

    display:block !important;

    border-radius:50% !important;

    background:#12ae98 !important;

    box-shadow:
        0 0 0 4px rgba(18,174,152,.11) !important;
}


.heru-about-cover-label small{
    display:block !important;

    margin-bottom:2px !important;

    color:#0b9588 !important;

    font-size:5px !important;

    font-weight:900 !important;

    letter-spacing:.8px !important;
}


.heru-about-cover-label strong{
    display:block !important;

    color:#17394e !important;

    font-size:7.5px !important;
}


/* COVER CARD */

.heru-about-cover-card{
    position:relative !important;

    flex:1 !important;

    display:flex !important;

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

    min-height:290px !important;

    padding:12px !important;

    overflow:hidden !important;

    border-radius:14px !important;

    background:
        radial-gradient(
            circle at 50% 40%,
            rgba(33,192,169,.12),
            transparent 55%
        ),
        #ffffff !important;
}


.heru-about-cover-glow{
    position:absolute !important;

    width:170px !important;
    height:170px !important;

    border-radius:50% !important;

    background:
        rgba(54,207,186,.12) !important;

    filter:blur(25px) !important;
}


.heru-about-cover-card img{
    position:relative !important;

    z-index:2 !important;

    display:block !important;

    width:auto !important;
    height:auto !important;

    max-width:76% !important;
    max-height:290px !important;

    object-fit:contain !important;

    margin:0 auto !important;

    border-radius:4px !important;

    box-shadow:
        0 15px 30px rgba(15,60,75,.18) !important;

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


.heru-about-cover-area:hover
.heru-about-cover-card img{

    transform:
        translateY(-4px)
        scale(1.015) !important;

    box-shadow:
        0 20px 38px rgba(15,60,75,.23) !important;
}


/* COVER DETAILS */

.heru-about-cover-details{
    display:flex !important;

    justify-content:space-between !important;
    align-items:center !important;

    gap:10px !important;

    margin-top:11px !important;

    padding-top:10px !important;

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


.heru-about-cover-details small{
    display:block !important;

    margin-bottom:2px !important;

    color:#98a7aa !important;

    font-size:4.8px !important;

    font-weight:900 !important;

    letter-spacing:.7px !important;
}


.heru-about-cover-details strong{
    display:block !important;

    color:#17394e !important;

    font-size:8px !important;
}


.heru-about-cover-details span{
    display:block !important;

    margin-top:2px !important;

    color:#87999d !important;

    font-size:6px !important;
}


.heru-about-cover-details > a{
    display:flex !important;

    align-items:center !important;

    gap:4px !important;

    padding:7px 9px !important;

    border-radius:8px !important;

    background:#ffffff !important;

    color:#087a70 !important;

    font-size:6px !important;

    font-weight:850 !important;

    text-decoration:none !important;
}


/* =========================================================
   BOTTOM STRIP
========================================================= */

.heru-about-bottom-strip{
    display:grid !important;

    grid-template-columns:
        repeat(4,minmax(0,1fr)) !important;

    gap:0 !important;

    margin-top:10px !important;

    overflow:hidden !important;

    border:1px solid #dce9e7 !important;

    border-radius:11px !important;

    background:#ffffff !important;
}


.heru-about-bottom-strip > div{
    display:flex !important;

    align-items:center !important;

    gap:8px !important;

    min-height:42px !important;

    padding:0 12px !important;

    border-right:
        1px solid #e4eeec !important;
}


.heru-about-bottom-strip > div:last-child{
    border-right:0 !important;
}


.heru-about-bottom-strip span{
    color:#0b9588 !important;

    font-size:6px !important;

    font-weight:900 !important;
}


.heru-about-bottom-strip strong{
    color:#38596a !important;

    font-size:6.8px !important;

    font-weight:750 !important;
}


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

@media(max-width:900px){

    .heru-about-premium-layout{
        grid-template-columns:1fr !important;
    }

    .heru-about-cover-area{
        max-width:420px !important;
    }

}


@media(max-width:700px){

    .heru-about-premium-content{
        padding:21px !important;
    }

    .heru-about-premium-facts{
        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;
    }

    .heru-about-bottom-strip{
        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;
    }

    .heru-about-bottom-strip > div:nth-child(2){
        border-right:0 !important;
    }

}


@media(max-width:480px){

    .heru-about-premium-heading{
        align-items:flex-start !important;

        flex-direction:column !important;
    }

    .heru-about-premium-content h3{
        font-size:19px !important;
    }

    .heru-about-premium-actions{
        flex-direction:column !important;

        align-items:stretch !important;
    }

    .heru-about-bottom-strip{
        grid-template-columns:1fr !important;
    }

    .heru-about-bottom-strip > div{
        border-right:0 !important;

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

}
/* =========================================================
   HERU TYPOGRAPHY READABILITY PATCH
   Memperbesar teks kecil tanpa merusak layout
========================================================= */


/* =========================
   HERO DESCRIPTION
========================= */

.heru-v8-hero-copy p{
    font-size:11px !important;
    line-height:1.75 !important;
    color:#587480 !important;
}

.heru-v8-eyebrow{
    font-size:7.5px !important;
    letter-spacing:1px !important;
}


/* HERO BUTTON */

.heru-v8-btn{
    font-size:8.5px !important;
}


/* =========================
   3 HIGHLIGHT CARDS
========================= */

.heru-v8-highlights article strong{
    font-size:10px !important;
}

.heru-v8-highlights article p{
    font-size:8px !important;
    line-height:1.5 !important;
}


/* =========================
   ABOUT SECTION HEADING
========================= */

.heru-about-premium-heading small{
    font-size:7px !important;
}

.heru-about-premium-heading h2{
    font-size:21px !important;
}

.heru-about-premium-heading > a{
    font-size:8px !important;
}


/* =========================
   ABOUT CONTENT
========================= */

.heru-about-journal-badge{
    font-size:7px !important;
}

.heru-about-premium-content h3{
    font-size:24px !important;
    line-height:1.25 !important;
}

.heru-about-premium-content > p{
    font-size:10px !important;
    line-height:1.75 !important;
    color:#607982 !important;
}


/* =========================
   ABOUT FACT CARDS
========================= */

.heru-about-premium-facts small{
    font-size:6.5px !important;
}

.heru-about-premium-facts strong{
    font-size:9px !important;
}

.heru-about-premium-facts span{
    font-size:8px !important;
    line-height:1.4 !important;
}


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

.heru-about-premium-actions a{
    font-size:8px !important;
}


/* =========================
   ISSUE COVER INFORMATION
========================= */

.heru-about-cover-label small{
    font-size:6px !important;
}

.heru-about-cover-label strong{
    font-size:8.5px !important;
}

.heru-about-cover-details small{
    font-size:5.8px !important;
}

.heru-about-cover-details strong{
    font-size:9px !important;
}

.heru-about-cover-details span{
    font-size:7px !important;
}

.heru-about-cover-details > a{
    font-size:7px !important;
}


/* =========================
   BOTTOM STRIP
========================= */

.heru-about-bottom-strip span{
    font-size:7px !important;
}

.heru-about-bottom-strip strong{
    font-size:7.5px !important;
}


/* =========================
   FOCUS & SCOPE
========================= */

.heru-v8-section-heading small{
    font-size:7px !important;
}

.heru-v8-section-heading h2{
    font-size:19px !important;
}

.heru-v8-section-heading > a{
    font-size:8px !important;
}

.heru-v8-scope-grid a strong{
    font-size:8.5px !important;
}

.heru-v8-scope-grid a span{
    font-size:7px !important;
}


/* =========================
   EDITORIAL OFFICE
========================= */

.heru-v8-editorial-grid article small{
    font-size:6px !important;
}

.heru-v8-editorial-grid article strong{
    font-size:9px !important;
}

.heru-v8-editorial-grid article p{
    font-size:7.5px !important;
}


/* =========================
   DISCOVERY
========================= */

.heru-v8-discovery .heru-v8-section-heading p{
    font-size:8px !important;
    line-height:1.5 !important;
}


/* =========================
   CTA
========================= */

.heru-v8-cta small{
    font-size:6.5px !important;
}

.heru-v8-cta h2{
    font-size:16px !important;
}

.heru-v8-cta p{
    font-size:8px !important;
}

.heru-v8-cta > a{
    font-size:8px !important;
}


/* =========================
   GOOGLE MAPS / LOCATION
========================= */

.heru-home-location-head small{
    font-size:7px !important;
}

.heru-home-location-head h2{
    font-size:20px !important;
}

.heru-home-location-head p{
    font-size:9px !important;
}

.heru-home-location-bottom small{
    font-size:6px !important;
}

.heru-home-location-bottom strong{
    font-size:9px !important;
}

.heru-home-location-bottom span{
    font-size:7.5px !important;
}

/* =========================================================
   HERU HOMEPAGE - FINAL TYPOGRAPHY & READABILITY
   Desktop + Tablet + Mobile
========================================================= */

/* ---------------------------------------------------------
   GLOBAL HOMEPAGE FONT
--------------------------------------------------------- */

.heru-home-v8{
    font-family:
        Inter,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Arial,
        sans-serif !important;

    color:#173b4d !important;

    font-size:15px !important;
    line-height:1.65 !important;
}


/* =========================================================
   HERO
========================================================= */

.heru-v8-eyebrow{
    font-size:11px !important;
    line-height:1.2 !important;
    font-weight:800 !important;
    letter-spacing:1.1px !important;
}

.heru-v8-hero-copy h1{
    font-size:42px !important;
    line-height:1.08 !important;
    letter-spacing:-1px !important;
    font-weight:800 !important;
    color:#153a50 !important;
}

.heru-v8-hero-copy p{
    max-width:720px !important;

    font-size:15px !important;
    line-height:1.75 !important;

    color:#58737f !important;
}

.heru-v8-hero-copy p strong{
    font-weight:750 !important;
    color:#435f6b !important;
}

.heru-v8-hero-visual > strong{
    font-size:11px !important;
    letter-spacing:.8px !important;
}


/* HERO BUTTON */

.heru-v8-btn{
    min-height:46px !important;

    padding:0 18px !important;

    font-size:12px !important;
    font-weight:750 !important;

    border-radius:10px !important;
}


/* =========================================================
   HERO FEATURE CARDS
========================================================= */

.heru-v8-highlights article{
    min-height:98px !important;
    padding:18px 20px !important;
}

.heru-v8-highlight-icon{
    font-size:13px !important;
    font-weight:800 !important;
}

.heru-v8-highlights article strong{
    display:block !important;

    margin-bottom:5px !important;

    font-size:14px !important;
    line-height:1.3 !important;

    color:#16394e !important;
}

.heru-v8-highlights article p{
    margin:0 !important;

    font-size:12px !important;
    line-height:1.55 !important;

    color:#71878f !important;
}


/* =========================================================
   ALL SECTION HEADERS
========================================================= */

.heru-v8-section,
.heru-about-premium{
    margin-top:42px !important;
}

.heru-v8-section-heading small,
.heru-about-premium-heading small{
    font-size:10px !important;
    line-height:1.2 !important;

    font-weight:850 !important;
    letter-spacing:1.2px !important;

    color:#0b9588 !important;
}

.heru-v8-section-heading h2,
.heru-about-premium-heading h2{
    margin-top:5px !important;

    font-size:26px !important;
    line-height:1.2 !important;

    font-weight:800 !important;

    color:#153a50 !important;
}

.heru-v8-section-heading > a,
.heru-about-premium-heading > a{
    font-size:11px !important;
    font-weight:750 !important;
}


/* =========================================================
   ABOUT HERU
========================================================= */

.heru-about-journal-badge{
    font-size:10px !important;
    font-weight:800 !important;

    letter-spacing:1px !important;
}

.heru-about-premium-content{
    padding:30px 32px !important;
}

.heru-about-premium-content h3{
    max-width:650px !important;

    font-size:29px !important;
    line-height:1.18 !important;

    letter-spacing:-.4px !important;

    color:#153a50 !important;
}

.heru-about-premium-content > p{
    max-width:760px !important;

    font-size:13px !important;
    line-height:1.75 !important;

    color:#637d86 !important;
}


/* =========================================================
   ABOUT FACT CARDS
========================================================= */

.heru-about-premium-facts > div{
    min-height:105px !important;

    padding:15px 14px !important;
}

.heru-about-premium-facts small{
    margin-bottom:7px !important;

    font-size:9px !important;

    font-weight:850 !important;
    letter-spacing:.9px !important;
}

.heru-about-premium-facts strong{
    margin-bottom:5px !important;

    font-size:12px !important;

    font-weight:800 !important;

    color:#173b4d !important;
}

.heru-about-premium-facts span{
    font-size:12px !important;
    line-height:1.5 !important;

    color:#637b85 !important;
}


/* ABOUT BUTTON */

.heru-about-premium-actions a{
    min-height:42px !important;

    padding:0 16px !important;

    font-size:11px !important;

    font-weight:750 !important;
}


/* =========================================================
   ISSUE COVER AREA
========================================================= */

.heru-about-cover-label small{
    font-size:8px !important;
    font-weight:850 !important;
    letter-spacing:1px !important;
}

.heru-about-cover-label strong{
    font-size:11px !important;
}

.heru-about-cover-details small{
    font-size:8px !important;

    font-weight:850 !important;
    letter-spacing:.7px !important;
}

.heru-about-cover-details strong{
    font-size:11px !important;
}

.heru-about-cover-details span{
    font-size:11px !important;
}

.heru-about-cover-details > a{
    font-size:10px !important;

    font-weight:750 !important;
}


/* =========================================================
   ABOUT BOTTOM STRIP
========================================================= */

.heru-about-bottom-strip > div{
    min-height:52px !important;

    padding:0 15px !important;
}

.heru-about-bottom-strip span{
    font-size:12px !important;

    font-weight:700 !important;
}

.heru-about-bottom-strip strong{
    font-size:10px !important;

    font-weight:700 !important;

    color:#43606d !important;
}


/* =========================================================
   FOCUS & SCOPE
========================================================= */

.heru-v8-scope-grid{
    gap:10px !important;
}

.heru-v8-scope-grid a{
    min-height:58px !important;

    padding:10px 14px !important;
}

.heru-v8-scope-grid a span{
    min-width:29px !important;

    font-size:12px !important;

    color:#426272 !important;
}

.heru-v8-scope-grid a strong{
    font-size:11px !important;
    line-height:1.35 !important;

    font-weight:750 !important;

    color:#173b4d !important;
}


/* =========================================================
   EDITORIAL OFFICE
========================================================= */

.heru-v8-editorial-grid article{
    min-height:88px !important;

    padding:16px !important;
}

.heru-v8-editor-avatar{
    font-size:11px !important;
}

.heru-v8-editorial-grid article small{
    display:block !important;

    margin-bottom:4px !important;

    font-size:8px !important;

    font-weight:850 !important;
    letter-spacing:.6px !important;
}

.heru-v8-editorial-grid article strong{
    display:block !important;

    margin-bottom:4px !important;

    font-size:12px !important;

    color:#173b4d !important;
}

.heru-v8-editorial-grid article p{
    margin:0 !important;

    font-size:10px !important;
    line-height:1.45 !important;

    color:#7c9096 !important;
}


/* =========================================================
   DISCOVERY
========================================================= */

.heru-v8-discovery .heru-v8-section-heading p{
    max-width:450px !important;

    font-size:11px !important;
    line-height:1.55 !important;

    color:#82959a !important;
}


/* =========================================================
   CTA
========================================================= */

.heru-v8-cta{
    padding:24px 28px !important;
}

.heru-v8-cta small{
    font-size:9px !important;

    font-weight:850 !important;

    letter-spacing:1px !important;
}

.heru-v8-cta h2{
    font-size:22px !important;
    line-height:1.25 !important;
}

.heru-v8-cta p{
    font-size:11px !important;
    line-height:1.55 !important;
}

.heru-v8-cta > a{
    min-height:42px !important;

    padding:0 15px !important;

    font-size:10px !important;

    font-weight:800 !important;
}


/* =========================================================
   MAPS
========================================================= */

.heru-home-location-head small{
    font-size:9px !important;
    font-weight:850 !important;

    letter-spacing:1px !important;
}

.heru-home-location-head h2{
    font-size:23px !important;
}

.heru-home-location-head p{
    font-size:12px !important;
    line-height:1.55 !important;
}

.heru-home-location-head > a{
    font-size:10px !important;
}

.heru-home-location-bottom small{
    font-size:8px !important;

    font-weight:850 !important;
}

.heru-home-location-bottom strong{
    font-size:11px !important;
}

.heru-home-location-bottom span{
    font-size:10px !important;
}

.heru-home-location-bottom > a{
    font-size:10px !important;
}


/* =========================================================
   DESKTOP CONTENT WIDTH
========================================================= */

@media(min-width:1000px){

    .heru-home-v8{
        font-size:15px !important;
    }

}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:900px){

    .heru-v8-hero-copy h1{
        font-size:34px !important;
    }

    .heru-v8-hero-copy p{
        font-size:14px !important;
    }

    .heru-about-premium-content h3{
        font-size:25px !important;
    }

    .heru-about-premium-content > p{
        font-size:13px !important;
    }

}


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

@media(max-width:600px){

    .heru-v8-hero-copy h1{
        font-size:30px !important;
    }

    .heru-v8-hero-copy p{
        font-size:14px !important;
    }

    .heru-v8-highlights article strong{
        font-size:14px !important;
    }

    .heru-v8-highlights article p{
        font-size:12px !important;
    }

    .heru-about-premium-content h3{
        font-size:23px !important;
    }

    .heru-about-premium-content > p{
        font-size:13px !important;
    }

    .heru-v8-section-heading h2,
    .heru-about-premium-heading h2{
        font-size:23px !important;
    }

    .heru-v8-scope-grid a strong{
        font-size:11px !important;
    }

}
/* =========================================================
   HERU - FULL WIDTH PRIMARY NAVIGATION
   Navbar sampai ujung kiri & kanan layar
========================================================= */

/* jangan potong elemen full-width */
.pkp_structure_head,
.pkp_head_wrapper{
    overflow:visible !important;
}


/* NAVIGATION BAR */
.pkp_navigation_primary_wrapper{
    position:relative !important;
    z-index:10 !important;

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

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

    box-sizing:border-box !important;

    background:
        linear-gradient(
            90deg,
            #087d72 0%,
            #0d9b8d 52%,
            #0b8f96 100%
        ) !important;

    /* memperpanjang background sampai tepi viewport */
    box-shadow:
        0 0 0 100vmax #0b9188 !important;

    clip-path:
        inset(0 -100vmax) !important;
}


/* container menu */
.pkp_navigation_primary{
    display:flex !important;
    align-items:center !important;

    width:100% !important;

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

    gap:4px !important;
}


/* item menu */
.pkp_navigation_primary > li{
    position:relative !important;

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


/* link menu */
.pkp_navigation_primary > li > a{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    min-height:64px !important;

    padding:0 23px !important;

    box-sizing:border-box !important;

    color:#ffffff !important;

    font-size:12px !important;
    line-height:1 !important;

    font-weight:750 !important;

    letter-spacing:.25px !important;

    text-transform:uppercase !important;

    text-decoration:none !important;

    border:0 !important;

    transition:
        background .2s ease,
        color .2s ease !important;
}


/* hover */
.pkp_navigation_primary > li > a:hover{
    background:rgba(255,255,255,.10) !important;

    color:#ffffff !important;
}


/* garis aktif bawah */
.pkp_navigation_primary > li > a:after{
    content:"" !important;

    position:absolute !important;

    left:22px !important;
    right:22px !important;
    bottom:0 !important;

    height:3px !important;

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

    background:#58dfcc !important;

    transform:scaleX(0) !important;

    transition:.2s ease !important;
}


.pkp_navigation_primary > li:hover > a:after{
    transform:scaleX(1) !important;
}


/* =========================================================
   SEARCH DI UJUNG KANAN
========================================================= */

.pkp_navigation_search_wrapper{
    margin-left:auto !important;

    padding-left:20px !important;
}


.pkp_navigation_search_wrapper a{
    min-height:64px !important;

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

    padding:0 18px !important;

    color:#ffffff !important;

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

    text-decoration:none !important;
}


/* =========================================================
   HEADER / LOGO
========================================================= */

.pkp_site_name_wrapper{
    width:100% !important;
}


/* jangan biarkan area header mempunyai margin aneh */
.pkp_head_wrapper{
    box-sizing:border-box !important;
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:1200px){

    .pkp_navigation_primary_wrapper{
        padding-left:15px !important;
        padding-right:15px !important;
    }

    .pkp_navigation_primary > li > a{
        padding:0 15px !important;
        font-size:11px !important;
    }

}


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

@media(max-width:768px){

    .pkp_navigation_primary_wrapper{
        padding:0 !important;
        box-shadow:none !important;
        clip-path:none !important;
    }

}
/* =========================================================
   HERU HEADER LOGO FINAL
   PTGMI KIRI - HERU KANAN
========================================================= */

/* HAPUS PSEUDO LAMA */
.pkp_site_name_wrapper:before,
.pkp_site_name_wrapper:after{
    content:none !important;
    display:none !important;
}


/* AREA PUTIH HEADER */
.pkp_site_name_wrapper{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;

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

    padding:14px 38px !important;
    box-sizing:border-box !important;

    background:#ffffff !important;

    overflow:visible !important;
}


/* SATUKAN KEDUA LOGO DALAM SATU BARIS */
.pkp_site_name{
    position:relative !important;

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

    gap:18px !important;

    width:auto !important;
    max-width:none !important;

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


/* =========================================================
   LOGO PTGMI
========================================================= */

.pkp_site_name:before{
    content:"" !important;

    display:block !important;

    width:72px !important;
    height:72px !important;

    flex:0 0 72px !important;

    margin:0 !important;

    background-image:
        url("https://jurnal.nusantarapress.id/public/site/images/logo-ptgmi.png") !important;

    background-repeat:no-repeat !important;
    background-position:center !important;
    background-size:contain !important;
}


/* =========================================================
   LOGO HERU
========================================================= */

.pkp_site_name a{
    display:flex !important;
    align-items:center !important;

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


.pkp_site_name img{
    display:block !important;

    width:auto !important;
    height:auto !important;

    max-width:300px !important;
    max-height:78px !important;

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

    object-fit:contain !important;
}


/* JANGAN SAMPAI HEADER ATAS MENUTUP LOGO */
.pkp_structure_head{
    overflow:visible !important;
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:900px){

    .pkp_site_name_wrapper{
        min-height:100px !important;
        padding:12px 24px !important;
    }

    .pkp_site_name{
        gap:14px !important;
    }

    .pkp_site_name:before{
        width:60px !important;
        height:60px !important;
        flex-basis:60px !important;
    }

    .pkp_site_name img{
        max-width:245px !important;
        max-height:67px !important;
    }
}


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

@media(max-width:600px){

    .pkp_site_name_wrapper{
        min-height:82px !important;
        padding:10px 15px !important;
    }

    .pkp_site_name{
        gap:9px !important;
    }

    .pkp_site_name:before{
        width:46px !important;
        height:46px !important;
        flex-basis:46px !important;
    }

    .pkp_site_name img{
        max-width:190px !important;
        max-height:52px !important;
    }
}
/* =========================================================
   TURUNKAN POSISI LOGO HEADER SEDIKIT
========================================================= */

.pkp_site_name{
    transform: translateY(10px) !important;
}
/* =========================================================
   FIX DROPDOWN MENU HERU
   Agar ABOUT / dropdown tidak tertimpa atau terpotong
========================================================= */

/* Header harus berada di atas konten */
.pkp_structure_head{
    position:relative !important;
    z-index:9999 !important;
    overflow:visible !important;
}

.pkp_head_wrapper{
    position:relative !important;
    z-index:9999 !important;
    overflow:visible !important;
}


/* NAV WRAPPER */
.pkp_navigation_primary_wrapper{
    position:relative !important;
    z-index:9999 !important;

    overflow:visible !important;

    /* penting: ini penyebab dropdown terpotong */
    clip-path:none !important;

    /* hapus trik full width lama */
    box-shadow:none !important;
}


/* background navbar full width tanpa memotong dropdown */
.pkp_navigation_primary_wrapper:before{
    content:"" !important;

    position:absolute !important;
    z-index:-1 !important;

    top:0 !important;
    bottom:0 !important;

    left:50% !important;

    width:100vw !important;

    transform:translateX(-50%) !important;

    background:
        linear-gradient(
            90deg,
            #087d72 0%,
            #0d9b8d 55%,
            #0b8f96 100%
        ) !important;
}


/* PRIMARY MENU */
.pkp_navigation_primary{
    position:relative !important;
    z-index:10000 !important;

    overflow:visible !important;
}


/* setiap parent menu */
.pkp_navigation_primary > li{
    position:relative !important;
    overflow:visible !important;
}


/* =========================================================
   DROPDOWN
========================================================= */

.pkp_navigation_primary > li > ul{
    position:absolute !important;

    top:100% !important;
    left:0 !important;

    z-index:99999 !important;

    display:none;

    min-width:230px !important;

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

    border:1px solid #d9e9e6 !important;
    border-radius:0 0 14px 14px !important;

    background:#ffffff !important;

    box-shadow:
        0 18px 38px rgba(17,55,72,.18) !important;

    overflow:visible !important;
}


/* tampil saat hover */
.pkp_navigation_primary > li:hover > ul{
    display:block !important;
}


/* item dropdown */
.pkp_navigation_primary > li > ul > li{
    display:block !important;

    width:100% !important;

    margin:0 !important;
}


/* link dropdown */
.pkp_navigation_primary > li > ul > li > a{
    display:block !important;

    width:100% !important;

    padding:11px 14px !important;

    box-sizing:border-box !important;

    border-radius:8px !important;

    background:#ffffff !important;

    color:#173b4d !important;

    font-size:12px !important;
    font-weight:650 !important;

    text-transform:none !important;

    text-decoration:none !important;

    transition:.2s ease !important;
}


.pkp_navigation_primary > li > ul > li > a:hover{
    background:#eaf7f4 !important;

    color:#087b70 !important;

    padding-left:18px !important;
}


/* pastikan konten halaman berada di bawah menu */
.pkp_structure_content{
    position:relative !important;
    z-index:1 !important;
}
/* =========================================================
   HERU NAVIGATION DROPDOWN - FINAL FIX
   Menempel ke menu + bisa diklik
========================================================= */

/* parent menu */
.pkp_navigation_primary > li{
    position:relative !important;
    overflow:visible !important;
}


/* ABOUT dan parent dropdown lain */
.pkp_navigation_primary > li:has(ul){
    position:relative !important;
}


/* =========================================================
   DROPDOWN
========================================================= */

.pkp_navigation_primary > li > ul{
    position:absolute !important;

    /* LANGSUNG MENEMPEL DI BAWAH MENU */
    top:calc(100% - 1px) !important;
    left:0 !important;

    margin:0 !important;
    margin-top:0 !important;

    padding:8px !important;

    min-width:230px !important;

    z-index:999999 !important;

    border:1px solid #d9e8e5 !important;
    border-top:3px solid #24bca7 !important;

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

    background:#ffffff !important;

    box-shadow:
        0 16px 35px rgba(16,55,70,.17) !important;

    /* hilangkan offset bawaan theme */
    transform:none !important;

    /* sistem tampil modern */
    display:block !important;

    opacity:0 !important;
    visibility:hidden !important;

    pointer-events:none !important;

    transition:
        opacity .15s ease,
        visibility .15s ease !important;
}


/* =========================================================
   TAMPIL SAAT HOVER / FOCUS
========================================================= */

.pkp_navigation_primary > li:hover > ul,
.pkp_navigation_primary > li:focus-within > ul,
.pkp_navigation_primary > li > ul:hover{
    opacity:1 !important;
    visibility:visible !important;

    pointer-events:auto !important;
}


/* =========================================================
   ITEM DROPDOWN
========================================================= */

.pkp_navigation_primary > li > ul > li{
    display:block !important;

    width:100% !important;

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


/* LINK */
.pkp_navigation_primary > li > ul > li > a{
    display:flex !important;

    align-items:center !important;

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

    padding:0 13px !important;

    box-sizing:border-box !important;

    border-radius:8px !important;

    color:#173b4d !important;

    background:#ffffff !important;

    font-size:12px !important;
    line-height:1.3 !important;

    font-weight:650 !important;

    text-transform:none !important;

    text-decoration:none !important;

    white-space:nowrap !important;

    cursor:pointer !important;
}


/* hover link */
.pkp_navigation_primary > li > ul > li > a:hover{
    background:#eaf7f4 !important;

    color:#087b70 !important;

    padding-left:17px !important;
}


/* =========================================================
   ABOUT ACTIVE
========================================================= */

.pkp_navigation_primary > li:hover > a{
    background:rgba(255,255,255,.10) !important;
}


/* =========================================================
   PASTIKAN DROPDOWN TIDAK TERPOTONG
========================================================= */

.pkp_structure_head,
.pkp_head_wrapper,
.pkp_navigation_primary_wrapper,
.pkp_navigation_primary{
    overflow:visible !important;
}


/* navbar di atas isi website */
.pkp_structure_head{
    position:relative !important;
    z-index:10000 !important;
}

.pkp_structure_content{
    position:relative !important;
    z-index:1 !important;
}
/* =========================================================
   HERU REVIEWER PROFILE LINKS
========================================================= */

.heru-reviewer-affiliation{
    margin:4px 0 7px !important;

    color:#607a85 !important;

    font-size:11px !important;

    font-weight:600 !important;
}

.heru-reviewer-meta{
    display:flex !important;

    flex-wrap:wrap !important;

    gap:5px !important;

    margin-top:6px !important;
}

.heru-reviewer-meta span{
    display:inline-flex !important;

    align-items:center !important;

    min-height:25px !important;

    padding:0 8px !important;

    border-radius:7px !important;

    background:#edf8f5 !important;

    color:#477078 !important;

    font-size:8px !important;

    font-weight:650 !important;
}


/* PROFILE BUTTONS */

.heru-reviewer-links{
    display:flex !important;

    flex-wrap:wrap !important;

    gap:6px !important;

    margin-top:12px !important;
}

.heru-reviewer-links a{
    display:inline-flex !important;

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

    min-height:30px !important;

    padding:0 10px !important;

    box-sizing:border-box !important;

    border:1px solid #cfe6e1 !important;

    border-radius:8px !important;

    background:#ffffff !important;

    color:#087a70 !important;

    font-size:8px !important;

    font-weight:750 !important;

    text-decoration:none !important;

    transition:.2s ease !important;
}

.heru-reviewer-links a:hover{
    background:#0d9184 !important;

    border-color:#0d9184 !important;

    color:#ffffff !important;

    transform:translateY(-1px) !important;

    box-shadow:
        0 6px 14px rgba(13,145,132,.15) !important;
}