/* =========================================================
   OJS 3.3 — Clean Brand Theme (Blue–Green + Grey Sidebar)
   ========================================================= */

/* 1) Font & Base
   --------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800&display=swap');

:root{
  /* Brand */
  --brand-blue-700:#0f4aa2;
  --brand-blue-600:#1364c4;
  --brand-green-600:#0fa36b;
  --brand-green-500:#13b981;

  /* Neutrals */
  --ink-900:#0b172a;
  --muted-600:#667085;
  --paper:#ffffff;
  --bg-50:#f6f9fc;

  /* Derived */
  --grad-nav: linear-gradient(90deg,var(--brand-blue-700),var(--brand-green-600));
  --grad-cta: linear-gradient(90deg,var(--brand-blue-600),var(--brand-green-500));
  --grad-text: linear-gradient(90deg,var(--brand-blue-600),var(--brand-green-500));
  --grad-sidebar: linear-gradient(180deg,#ffffff,#f5f7fa,#eceff4); /* abu2→putih lembut */
  --ring:#80d0ff;
}

html,body{
  font-family:'Montserrat',system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial,'Noto Sans',sans-serif;
  color:var(--ink-900);
  background:var(--bg-50);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

a{ color:var(--brand-blue-700); text-decoration:none; }
a:hover{ text-decoration:underline; }

:focus-visible{ outline:2px solid var(--ring); outline-offset:2px; }

/* =========================================================
   Sembunyikan hanya item "About the Journal"
   Tidak menyembunyikan Submissions, Editorial Team, atau menu About lain.
   ========================================================= */
#navigationPrimary > li > ul > li > a[href$="/about"],
#navigationPrimary > li > ul > li > a[href$="/about/"],
.pkp_navigation_primary > li > ul > li > a[href$="/about"],
.pkp_navigation_primary > li > ul > li > a[href$="/about/"]{
  display:none !important;
}

/* Hilangkan pembungkus item agar tidak menyisakan garis/ruang kosong.
   :has() didukung browser modern; aturan link di atas tetap menjadi fallback. */
#navigationPrimary > li > ul > li:has(> a[href$="/about"]),
#navigationPrimary > li > ul > li:has(> a[href$="/about/"]),
.pkp_navigation_primary > li > ul > li:has(> a[href$="/about"]),
.pkp_navigation_primary > li > ul > li:has(> a[href$="/about/"]){
  display:none !important;
}

/* 2) Header / Navbar
   --------------------------------------------------------- */
.navbar,
.pkp_site_nav_menu,
.pkp_structure_head{
  background:var(--grad-nav) !important;
  border:0;
  box-shadow:0 6px 18px rgba(2,6,23,.10);
}
.navbar .navbar-brand,
.navbar .nav-link,
.pkp_site_nav_menu a,
.pkp_navigation_user a{
  color:#fff !important;
  font-weight:700;
  letter-spacing:.2px;
}
.navbar .nav-link:hover,
.pkp_site_nav_menu a:hover,
.pkp_navigation_user a:hover{
  color:#ffffff !important;
  text-decoration:none !important;
}

/* Menu utama lebih rapi dan konsisten */
#navigationPrimary > li > a,
.pkp_navigation_primary > li > a{
  border-radius:8px;
  transition:background-color .18s ease, transform .18s ease, box-shadow .18s ease;
}

#navigationPrimary > li > a:hover,
#navigationPrimary > li > a:focus,
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus{
  background:rgba(255,255,255,.12) !important;
  color:#ffffff !important;
  text-decoration:none !important;
  transform:translateY(-1px);
}

#navigationPrimary > li.active > a,
#navigationPrimary > li.current > a,
.pkp_navigation_primary > li.active > a,
.pkp_navigation_primary > li.current > a{
  background:rgba(255,255,255,.16) !important;
  color:#ffffff !important;
  box-shadow:inset 0 -3px 0 rgba(255,255,255,.88);
  text-decoration:none !important;
}

.pkp_site_name_wrapper img,
.pkp_site_name a img{ max-height:68px; }

/* Baris menu transparan agar latar penuh terlihat */
.pkp_navigation_primary_row{ background:transparent !important; }


/* =========================================================
   Menghilangkan teks judul halaman "About the Journal"
   Hanya judul utama yang disembunyikan; subjudul isi tetap tampil.
   ========================================================= */
.page_about > .page-header:first-child,
.page_about > .pkp_page_title:first-child,
.page_about > h1:first-child,
.pkp_page_about > .page-header:first-child,
.pkp_page_about > .pkp_page_title:first-child,
.pkp_page_about > h1:first-child{
  display:none !important;
}

/* =========================================================
   3) Dropdown Profesional EDUSAINS
   Warna dasar biru-hijau tetap dipertahankan sebagai aksen.
   ========================================================= */
#navigationPrimary > li,
.pkp_navigation_primary > li{
  position:relative !important;
}

/* Wadah dropdown */
#navigationPrimary > li > ul,
.pkp_navigation_primary > li > ul,
#navigationPrimary .dropdown-menu,
.pkp_navigation_primary .dropdown-menu,
.dropdown-menu{
  min-width:285px !important;
  padding:8px !important;
  margin-top:0 !important;

  background:#ffffff !important;
  border:1px solid rgba(15,74,162,.13) !important;
  border-top:4px solid var(--brand-green-600) !important;
  border-radius:0 0 12px 12px !important;

  box-shadow:
    0 18px 40px rgba(11,23,42,.16),
    0 4px 12px rgba(11,23,42,.06) !important;

  overflow:hidden !important;
  z-index:9999 !important;
}

/* Item dropdown */
#navigationPrimary > li > ul > li,
.pkp_navigation_primary > li > ul > li,
#navigationPrimary .dropdown-menu > li,
.pkp_navigation_primary .dropdown-menu > li,
.dropdown-menu > li{
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  border-bottom:1px solid #e9eef4 !important;
}

#navigationPrimary > li > ul > li:last-child,
.pkp_navigation_primary > li > ul > li:last-child,
#navigationPrimary .dropdown-menu > li:last-child,
.pkp_navigation_primary .dropdown-menu > li:last-child,
.dropdown-menu > li:last-child{
  border-bottom:0 !important;
}

/* Link dropdown */
#navigationPrimary > li > ul > li > a,
.pkp_navigation_primary > li > ul > li > a,
#navigationPrimary .dropdown-menu > li > a,
.pkp_navigation_primary .dropdown-menu > li > a,
.dropdown-menu > li > a,
.dropdown-item{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  gap:9px !important;

  width:100% !important;
  box-sizing:border-box !important;
  padding:12px 14px !important;

  background:#ffffff !important;
  color:var(--ink-900) !important;
  border:0 !important;
  border-radius:8px !important;

  font-size:14px !important;
  font-weight:700 !important;
  line-height:1.35 !important;
  text-align:left !important;
  text-transform:none !important;
  text-decoration:none !important;
  white-space:normal !important;

  transition:
    background .18s ease,
    color .18s ease,
    padding-left .18s ease,
    box-shadow .18s ease !important;
}

/* Ikon dropdown */
#navigationPrimary > li > ul > li > a i,
.pkp_navigation_primary > li > ul > li > a i,
#navigationPrimary .dropdown-menu > li > a i,
.pkp_navigation_primary .dropdown-menu > li > a i,
.dropdown-menu > li > a i{
  min-width:18px !important;
  color:var(--brand-blue-700) !important;
  font-size:15px !important;
  text-align:center !important;
}

/* Hover/focus dropdown */
#navigationPrimary > li > ul > li > a:hover,
#navigationPrimary > li > ul > li > a:focus,
.pkp_navigation_primary > li > ul > li > a:hover,
.pkp_navigation_primary > li > ul > li > a:focus,
#navigationPrimary .dropdown-menu > li > a:hover,
#navigationPrimary .dropdown-menu > li > a:focus,
.pkp_navigation_primary .dropdown-menu > li > a:hover,
.pkp_navigation_primary .dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-item:hover,
.dropdown-item:focus{
  background:linear-gradient(90deg,rgba(19,100,196,.10),rgba(15,163,107,.11)) !important;
  color:var(--brand-blue-700) !important;
  padding-left:18px !important;
  box-shadow:inset 4px 0 0 var(--brand-green-600) !important;
  text-decoration:none !important;
}

#navigationPrimary > li > ul > li > a:hover i,
#navigationPrimary > li > ul > li > a:focus i,
.pkp_navigation_primary > li > ul > li > a:hover i,
.pkp_navigation_primary > li > ul > li > a:focus i,
.dropdown-menu > li > a:hover i,
.dropdown-menu > li > a:focus i{
  color:var(--brand-green-600) !important;
}

/* Item aktif: menimpa warna abu-abu bawaan tema */
#navigationPrimary > li > ul > li.active > a,
#navigationPrimary > li > ul > li.current > a,
#navigationPrimary > li > ul > li > a[aria-current="page"],
.pkp_navigation_primary > li > ul > li.active > a,
.pkp_navigation_primary > li > ul > li.current > a,
.pkp_navigation_primary > li > ul > li > a[aria-current="page"],
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus{
  background:linear-gradient(90deg,rgba(19,100,196,.14),rgba(15,163,107,.15)) !important;
  color:var(--brand-blue-700) !important;
  box-shadow:inset 4px 0 0 var(--brand-blue-700) !important;
  font-weight:800 !important;
  text-decoration:none !important;
}

/* Posisi dropdown */
#navigationPrimary > li > ul,
.pkp_navigation_primary > li > ul{
  top:100% !important;
  left:0 !important;
}

/* 4) Hero (opsional)
   --------------------------------------------------------- */
.home-hero{
  position:relative; overflow:hidden; border-radius:18px;
  padding:clamp(28px,4vw,46px);
  background:
    radial-gradient(650px 300px at -5% 0%, rgba(52,211,153,.28), transparent 60%),
    radial-gradient(800px 380px at 110% 110%, rgba(14,165,233,.25), transparent 55%),
    linear-gradient(90deg, rgba(21,128,61,.95), rgba(16,185,129,.92));
  color:#ecfeff; box-shadow:0 16px 40px rgba(2,6,23,.18); margin-bottom:24px;
}
.home-hero h1{ margin:0 0 8px; font-weight:800; color:#fff; letter-spacing:.3px; }
.home-hero p{ color:#e6fffa; font-size:1.05rem; }
.home-hero .cta{ margin-top:16px; display:flex; flex-wrap:wrap; gap:10px; }
.home-hero .btn-hero{
  display:inline-flex; align-items:center; gap:10px;
  background:#fff; color:var(--brand-blue-700);
  border:0; border-radius:999px; padding:10px 16px; font-weight:700;
  text-decoration:none; box-shadow:0 8px 18px rgba(2,6,23,.15);
}
.home-hero .btn-hero .dot{ width:8px; height:8px; border-radius:999px; background:var(--brand-green-600); }
.home-hero .btn-hero:hover{ transform:translateY(-1px); box-shadow:0 12px 20px rgba(2,6,23,.18); }

/* 5) Cards / Index
   --------------------------------------------------------- */
.pkp_page_index .current_issue,
.pkp_page_index .section{
  background:var(--paper);
  border:1px solid rgba(2,6,23,.06);
  border-radius:16px;
  padding:16px;
  box-shadow:0 10px 20px rgba(2,6,23,.04);
}
.obj_article_summary .title a{ color:var(--ink-900); font-weight:800; }
.obj_article_summary .meta{ color:var(--muted-600); }

/* 6) Buttons (global)
   --------------------------------------------------------- */
.pkp_button,
.pkp_button_primary,
.obj_galley_link a,
.obj_article_summary .galleys_links a,
a.pkp_button_primary{
  display:inline-flex; align-items:center; justify-content:center; gap:.5rem;
  background:var(--grad-cta);
  color:#fff !important; border:0; border-radius:999px; padding:8px 14px; font-weight:700;
  box-shadow:0 8px 18px rgba(2,6,23,.15);
  transition:transform .15s ease, box-shadow .15s ease;
}
.pkp_button:hover,
.pkp_button_primary:hover,
.obj_galley_link a:hover,
.obj_article_summary .galleys_links a:hover,
a.pkp_button_primary:hover{
  transform:translateY(-1px); box-shadow:0 12px 24px rgba(2,6,23,.18);
}
/* Secondary */
.pkp_button:not(.pkp_button_primary).pkp_helpers_text_only,
.pkp_button_link{
  background:#eef6ff; color:var(--brand-blue-700) !important;
  border-radius:999px; padding:8px 14px; font-weight:700;
}
/* Outline */
.button--outline{
  background:transparent; color:var(--brand-blue-700) !important;
  border:2px solid var(--brand-blue-700); border-radius:999px; padding:8px 14px; font-weight:700;
}
.button--outline:hover{ background:rgba(19,100,196,.08); }

/* 7) Sidebar (sesuai permintaan)
   --------------------------------------------------------- */
/* Blok sidebar default & custom: latar abu2→putih */
.pkp_block,
.pkp_block.block_custom{
  background: var(--grad-sidebar);
  border-radius:12px;
  border:1px solid rgba(2,6,23,.06);
  box-shadow:0 8px 20px rgba(2,6,23,.04);
  padding:12px 14px;
  color:var(--ink-900);
}
/* Judul/tulisan dengan teks gradasi biru–hijau */
.pkp_block .title,
.pkp_block.block_custom .title{
  font-weight:800; font-size:.95rem;
  background: var(--grad-text);
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color: transparent; color: transparent;
  margin:0 0 8px 0;
}
/* Link di dalam custom block */
.pkp_block.block_custom a{
  color:var(--brand-blue-700);
  text-decoration:none; display:block; padding:6px 0;
  transition:padding-left .2s ease;
}
.pkp_block.block_custom a:hover{ padding-left:6px; }

/* 8) Forms & Inputs
   --------------------------------------------------------- */
input[type="text"],input[type="email"],input[type="search"],input[type="password"],
select,textarea{
  border:1px solid #d0d8e4; border-radius:10px;
  padding:.625rem .75rem; background:#fff;
}
input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:2px solid var(--ring); border-color:transparent;
}

/* 9) Pagination
   --------------------------------------------------------- */
.pkp_pagination .current,
.pkp_pagination a{ border-radius:10px; padding:.4rem .7rem; }
.pkp_pagination .current{ background:var(--brand-blue-700); color:#fff !important; border:0; }
.pkp_pagination a:hover{ background:rgba(19,100,196,.08); }

/* 10) Footer
   --------------------------------------------------------- */
.pkp_structure_footer_wrapper{
  background:linear-gradient(135deg,var(--brand-blue-700),var(--brand-green-600));
  color:#fff; padding:40px 20px 20px; font-size:14px; line-height:1.65;
  box-shadow:0 -8px 20px rgba(2,6,23,.08) inset;
}

/* === Layout footer: 4 kolom sejajar (Grid) === */
.pkp_structure_footer_wrapper .journal-footer .footer-top{
  display:grid !important;                         /* override dari flex */
  grid-template-columns: repeat(4, minmax(0,1fr)); /* 4 kolom sama lebar */
  gap:24px;
  align-items:start;
  margin-bottom:25px;
}
.pkp_structure_footer_wrapper .journal-footer .footer-col{
  min-width:0; /* cegah overflow yang merusak grid */
}

/* Responsif: 2 kolom tablet, 1 kolom mobile */
@media (max-width: 1024px){
  .pkp_structure_footer_wrapper .journal-footer .footer-top{
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
}
@media (max-width: 640px){
  .pkp_structure_footer_wrapper .journal-footer .footer-top{
    grid-template-columns: 1fr;
  }
}

/* Typographic polish (tetap) */
.journal-footer .footer-col h3{
  font-size:16px; font-weight:800; color:#e8f3ff; text-transform:uppercase;
  margin:0 0 10px 0;
  border-bottom:1px solid rgba(255,255,255,.35); padding-bottom:6px;
}
.journal-footer .footer-col p,
.journal-footer .footer-col li{ color:#f3f7ff; margin:6px 0; }
.journal-footer .footer-col ul{ list-style:none; padding:0; margin:0; }
.journal-footer .footer-col li + li{ margin-top:6px; }
.journal-footer .footer-col ul li a{ color:#fff; }
.journal-footer .footer-col ul li a:hover{ color:#d8f8ee; text-decoration:underline; }

/* Map & bottom */
.journal-footer .footer-map{
  margin:20px 0; border:2px solid rgba(255,255,255,.45);
  border-radius:10px; overflow:hidden; box-shadow:0 4px 12px rgba(0,0,0,.25);
}
.journal-footer .footer-bottom{
  border-top:1px solid rgba(255,255,255,.35);
  padding-top:14px; text-align:center; font-size:13px; color:#f1f5ff;
}
.journal-footer .footer-bottom a{ color:#fff; }
.journal-footer .footer-bottom a:hover{ color:#d8f8ee; text-decoration:underline; }
.journal-footer .footer-bottom img{ vertical-align:middle; margin:0 4px; }

/* 11) Archive page (pakai variabel root, tanpa duplikasi)
   --------------------------------------------------------- */
.pkp_page_issue_archive{ font-family:'Montserrat',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; background:var(--bg-50); }
.pkp_page_issue_archive .pkp_page_title h1{ font-weight:800; letter-spacing:.2px; color:var(--ink-900); }
.pkp_page_issue_archive h2,
.pkp_page_issue_archive .issues h2{
  font-weight:800; font-size:1.15rem; color:var(--ink-900);
  border-left:4px solid var(--brand-blue-700); padding-left:.6rem; margin:1.2rem 0 .8rem;
}
.pkp_page_issue_archive .issues{
  display:grid; grid-template-columns: repeat(12,minmax(0,1fr)); gap:18px;
}
@media (max-width:639px){ .pkp_page_issue_archive .issues{ grid-template-columns:repeat(1,minmax(0,1fr)); } }
@media (min-width:640px) and (max-width:1023px){ .pkp_page_issue_archive .issues{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (min-width:1024px){ .pkp_page_issue_archive .issues{ grid-template-columns:repeat(3,minmax(0,1fr)); } }

.pkp_page_issue_archive .obj_issue_summary{
  grid-column:span 1 / span 1; background:var(--paper);
  border:1px solid rgba(2,6,23,.06); border-radius:16px; overflow:hidden;
  box-shadow:0 10px 20px rgba(2,6,23,.05); display:flex; flex-direction:column;
  transition:transform .15s ease, box-shadow .15s ease;
}
.pkp_page_issue_archive .obj_issue_summary:hover{ transform:translateY(-2px); box-shadow:0 16px 28px rgba(2,6,23,.10); }
.pkp_page_issue_archive .obj_issue_summary .cover{ width:100%; aspect-ratio:16/10; background:#e9eef6; display:block; overflow:hidden; }
.pkp_page_issue_archive .obj_issue_summary .cover img{ width:100%; height:100%; object-fit:cover; object-position:center; display:block; }
.pkp_page_issue_archive .obj_issue_summary .obj_issue_summary_content,
.pkp_page_issue_archive .obj_issue_summary .issue_description{ padding:14px 16px; }
.pkp_page_issue_archive .obj_issue_summary .title{ margin:0 0 6px; font-weight:800; font-size:1.05rem; color:var(--ink-900); line-height:1.3; }
.pkp_page_issue_archive .obj_issue_summary .series,
.pkp_page_issue_archive .obj_issue_summary .published{ color:var(--muted-600); font-size:.92rem; margin-top:2px; }
.pkp_page_issue_archive .obj_issue_summary .issue_description{ color:#374151; font-size:.95rem; padding-top:0; }
.pkp_page_issue_archive .obj_issue_summary .cmp_notification,
.pkp_page_issue_archive .obj_issue_summary .read_more,
.pkp_page_issue_archive .obj_issue_summary .links,
.pkp_page_issue_archive .obj_issue_summary .obj_issue_summary_footer{ margin-top:auto; padding:0 16px 16px; }
.pkp_page_issue_archive .obj_issue_summary a.read_more,
.pkp_page_issue_archive .obj_issue_summary .obj_issue_galleys a,
.pkp_page_issue_archive .obj_issue_summary .pkp_button_primary{
  display:inline-flex; align-items:center; justify-content:center; gap:.5rem;
  background:var(--grad-cta); color:#fff !important; border:0; border-radius:999px; padding:8px 14px; font-weight:700;
  text-decoration:none; box-shadow:0 8px 18px rgba(2,6,23,.15); transition:transform .15s ease, box-shadow .15s ease;
}
.pkp_page_issue_archive .obj_issue_summary a.read_more:hover,
.pkp_page_issue_archive .obj_issue_summary .obj_issue_galleys a:hover{ transform:translateY(-1px); box-shadow:0 12px 22px rgba(2,6,23,.18); }
.pkp_page_issue_archive .obj_issue_summary .published::before{ content:"Published: "; font-weight:600; color:var(--muted-600); }
.pkp_page_issue_archive .page_subtitle,
.pkp_page_issue_archive .filter{ margin-bottom:.8rem; }
.pkp_page_issue_archive .filter form select,
.pkp_page_issue_archive .filter form input[type="text"]{
  border:1px solid #d0d8e4; border-radius:10px; padding:.55rem .7rem; background:#fff; font-family:'Montserrat',sans-serif;
}
.pkp_page_issue_archive .filter form .submit,
.pkp_page_issue_archive .filter form button[type="submit"]{
  background:var(--grad-cta); color:#fff; border:0; border-radius:999px; padding:.55rem 1rem; font-weight:700; margin-left:.4rem;
}
.pkp_page_issue_archive .pkp_pagination{ margin-top:18px; }
.pkp_page_issue_archive .pkp_pagination a,
.pkp_page_issue_archive .pkp_pagination .current{ border-radius:10px; padding:.45rem .75rem; }
.pkp_page_issue_archive .pkp_pagination .current{ background:var(--brand-blue-700); color:#fff !important; border:0; }
.pkp_page_issue_archive .obj_issue_summary .description{ margin-top:.35rem; }

/* 12) Homepage search width helpers (tetap)
   --------------------------------------------------------- */
.pkp_structure_content .homepage_about .homepage_search{ display:block; width:100%; margin:10px 0; }
.pkp_page_index .homepage_about{ max-width:none !important; }
.pkp_structure_content .homepage_about .homepage_search .pkp_search{
  display:grid; grid-template-columns:minmax(0,1fr) max-content; gap:5px; width:100%; max-width:100%;
}
.pkp_structure_content .homepage_about .homepage_search .query{
  min-width:0 !important; width:100% !important;
  padding:10px 12px; border:1px solid #d0d8e4; border-radius:10px; background:#fff; font-family:'Montserrat',sans-serif;
}
.pkp_structure_content .homepage_about .homepage_search .pkp_button_primary{
  white-space:nowrap; background:var(--grad-cta); color:#fff !important; border:0; border-radius:999px;
  padding:10px 16px; font-weight:700; box-shadow:0 8px 18px rgba(2,6,23,.15);
}
.pkp_structure_content .homepage_about .homepage_search .pkp_button_primary:hover{
  transform:translateY(-1px); box-shadow:0 12px 24px rgba(2,6,23,.18);
}
@media (max-width:640px){
  .pkp_structure_content .homepage_about .homepage_search .pkp_search{ grid-template-columns:1fr; }
}

/* 13) Reduced motion
   --------------------------------------------------------- */
@media (prefers-reduced-motion:reduce){
  *{ transition:none !important; animation:none !important; }
}

/* 14) Headings / breadcrumbs
   --------------------------------------------------------- */
.pkp_page_title h1,.pkp_page_title h2{ font-weight:800; }
.breadcrumb a{ color:#fff; }
.breadcrumb{ background:transparent; }

/*   --------------------------------------------------------- */

/* =========================================================
   EDUSAINS Sidebar Menu - Compact + Font Icon
   ========================================================= */

.edusains-sidebar-menu{
  display:flex;
  flex-direction:column;
  gap:6px;
  margin:0;
  padding:0;
}

.pkp_block.block_custom .edusains-sidebar-menu a,
.edusains-sidebar-menu a{
  position:relative;

  display:flex !important;
  align-items:center;
  gap:9px;

  width:100%;
  min-height:46px;
  padding:8px 11px 8px 58px !important;
  margin:0 !important;

  background:#ffffff;
  color:var(--ink-900) !important;

  border:1px solid rgba(15,74,162,.10);
  border-left:4px solid var(--brand-blue-700);
  border-radius:12px;

  font-size:13.5px;
  font-weight:800;
  line-height:1.25;
  text-decoration:none !important;

  box-shadow:0 4px 12px rgba(2,6,23,.045);

  transition:
    transform .18s ease,
    box-shadow .18s ease,
    background .18s ease,
    border-color .18s ease,
    color .18s ease;
}

/* Kotak icon */
.edusains-sidebar-menu a::before{
  position:absolute;
  left:14px;
  top:50%;
  transform:translateY(-50%);

  width:32px;
  height:32px;

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

  border-radius:10px;
  background:linear-gradient(135deg,var(--brand-blue-700),var(--brand-green-600));
  color:#ffffff;

  font-family:"Font Awesome 5 Free","FontAwesome",Arial,sans-serif;
  font-weight:900;
  font-size:14px;
  line-height:1;

  box-shadow:0 5px 12px rgba(15,74,162,.18);
}

/* Daftar icon Font Awesome */
.edusains-sidebar-menu .icon-editorial::before{ content:"\f0c0"; }      /* users */
.edusains-sidebar-menu .icon-reviewers::before{ content:"\f007"; }      /* user */
.edusains-sidebar-menu .icon-scope::before{ content:"\f140"; }          /* bullseye */
.edusains-sidebar-menu .icon-author::before{ content:"\f040"; }         /* pencil */
.edusains-sidebar-menu .icon-review::before{ content:"\f002"; }         /* search */
.edusains-sidebar-menu .icon-ethics::before{ content:"\f24e"; }         /* balance scale */
.edusains-sidebar-menu .icon-copyright::before{ content:"\f1f9"; }      /* copyright */
.edusains-sidebar-menu .icon-fees::before{ content:"\f09d"; }           /* credit card */
.edusains-sidebar-menu .icon-plagiarism::before{ content:"\f132"; }     /* shield */
.edusains-sidebar-menu .icon-archive::before{ content:"\f187"; }        /* archive */
.edusains-sidebar-menu .icon-openaccess::before{ content:"\f0ac"; }     /* globe */
.edusains-sidebar-menu .icon-license::before{ content:"\f15c"; }        /* file */
.edusains-sidebar-menu .icon-ai::before{ content:"\f085"; }             /* cogs */

/* Hover */
.edusains-sidebar-menu a:hover,
.pkp_block.block_custom .edusains-sidebar-menu a:hover{
  background:linear-gradient(90deg,rgba(19,100,196,.08),rgba(15,163,107,.10));
  color:var(--brand-blue-700) !important;
  border-left-color:var(--brand-green-600);
  border-color:rgba(15,163,107,.25);

  transform:translateX(2px);
  box-shadow:0 7px 16px rgba(2,6,23,.08);
  text-decoration:none !important;
}

.edusains-sidebar-menu a:hover::before{
  background:linear-gradient(135deg,var(--brand-green-600),var(--brand-blue-600));
}

/* Supaya block custom tidak terlalu renggang */
.pkp_block.block_custom{
  padding:10px 12px !important;
}

.pkp_block.block_custom p{
  margin:0 !important;
}

.pkp_block.block_custom .content,
.pkp_block.block_custom .block_custom_content{
  padding-top:0 !important;
}

/* Mobile */
@media (max-width:640px){
  .edusains-sidebar-menu{
    gap:5px;
  }

  .edusains-sidebar-menu a{
    min-height:43px;
    padding:7px 10px 7px 54px !important;
    font-size:13px;
  }

  .edusains-sidebar-menu a::before{
    width:29px;
    height:29px;
    left:13px;
    font-size:13px;
  }
}


/* =========================================================
   Polesan tambahan: konten, tabel, blok, dan aksesibilitas
   ========================================================= */

/* Konten utama lebih bersih.
   Jangan memberi border pada wrapper layout karena tema OJS 3.3
   masih dapat memakai perhitungan lebar/float untuk main + sidebar. */
.pkp_structure_content{
  background:#ffffff;
  box-sizing:border-box !important;
}

/* Menjaga main content dan sidebar tetap sejajar di desktop */
@media screen and (min-width: 992px){
  .pkp_structure_content{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:flex-start !important;
  }

  .pkp_structure_content > .pkp_structure_main{
    float:none !important;
    width:auto !important;
    min-width:0 !important;
    flex:1 1 auto !important;
    box-sizing:border-box !important;
  }

  .pkp_structure_content > .pkp_structure_sidebar{
    float:none !important;
    width:320px !important;
    min-width:320px !important;
    flex:0 0 320px !important;
    margin-top:0 !important;
    padding-top:0 !important;
    align-self:flex-start !important;
    box-sizing:border-box !important;
  }
}

/* Jarak antarkomponen */
.pkp_structure_main > * + *{
  margin-top:18px;
}

/* Judul halaman */
.pkp_page_title h1,
.pkp_page_title h2,
.page h1,
.page h2{
  color:var(--ink-900);
  letter-spacing:-.2px;
}

/* Garis aksen pada judul utama tanpa mengganggu halaman About */
.pkp_page_title h1:not(:empty){
  position:relative;
  padding-bottom:12px;
}

.pkp_page_title h1:not(:empty)::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:72px;
  height:3px;
  border-radius:999px;
  background:var(--grad-cta);
}

/* Tabel lebih profesional — dibatasi pada area konten utama */
.pkp_structure_main table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  overflow:hidden;
  border:1px solid #e5ebf2;
  border-radius:10px;
  background:#ffffff;
}

.pkp_structure_main table th{
  background:var(--grad-nav);
  color:#ffffff;
  font-weight:800;
}

.pkp_structure_main table th,
.pkp_structure_main table td{
  padding:11px 13px;
  border-bottom:1px solid #e9eef4;
}

.pkp_structure_main table tr:last-child td{
  border-bottom:0;
}

.pkp_structure_main table tbody tr:hover{
  background:rgba(19,100,196,.045);
}

/* Sidebar lebih terpisah dari konten utama */
.pkp_structure_sidebar .pkp_block + .pkp_block{
  margin-top:14px;
}

/* Search di navigasi tidak bergaris bawah */
.pkp_navigation_search_wrapper a,
.pkp_navigation_search_wrapper a:hover,
.pkp_navigation_search_wrapper a:focus{
  text-decoration:none !important;
}

/* Mobile dropdown */
@media screen and (max-width:768px){
  #navigationPrimary > li > ul,
  .pkp_navigation_primary > li > ul,
  #navigationPrimary .dropdown-menu,
  .pkp_navigation_primary .dropdown-menu,
  .dropdown-menu{
    position:static !important;
    width:100% !important;
    min-width:100% !important;
    margin-top:5px !important;
    border-top-width:3px !important;
    border-radius:9px !important;
    box-shadow:none !important;
  }

  #navigationPrimary > li > ul > li > a,
  .pkp_navigation_primary > li > ul > li > a,
  .dropdown-menu > li > a{
    padding:11px 13px !important;
    font-size:13.5px !important;
  }

  .pkp_structure_content{
    border-left:0;
    border-right:0;
    border-radius:0;
  }
}

/* =====================================================
   TOMBOL REGISTRATIONS – EDUSAINS
   ===================================================== */

/* Tampilan normal */
#navigationPrimary a[href*="/edusains/registrations"],
.pkp_navigation_primary a[href*="/edusains/registrations"],
.pkp_site_nav_menu a[href*="/edusains/registrations"],
.navbar-nav a[href*="/edusains/registrations"] {
    background-color: #d71920 !important;
    color: #ffffff !important;

    padding: 10px 19px !important;
    margin: 4px 5px !important;

    border: none !important;
    border-bottom: none !important;
    border-radius: 7px !important;

    font-weight: 700 !important;
    letter-spacing: 0.2px !important;
    line-height: 20px !important;

    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;

    text-decoration: none !important;
    box-shadow: 0 3px 8px rgba(215, 25, 32, 0.28) !important;

    transition:
        background-color 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.25s ease !important;
}

/* Warna ikon */
#navigationPrimary a[href*="/edusains/registrations"] i,
.pkp_navigation_primary a[href*="/edusains/registrations"] i,
.pkp_site_nav_menu a[href*="/edusains/registrations"] i,
.navbar-nav a[href*="/edusains/registrations"] i {
    color: #ffffff !important;
    font-size: 15px !important;
    margin-right: 2px !important;
}

/* Hover dan focus */
#navigationPrimary a[href*="/edusains/registrations"]:hover,
#navigationPrimary a[href*="/edusains/registrations"]:focus,
.pkp_navigation_primary a[href*="/edusains/registrations"]:hover,
.pkp_navigation_primary a[href*="/edusains/registrations"]:focus,
.pkp_site_nav_menu a[href*="/edusains/registrations"]:hover,
.pkp_site_nav_menu a[href*="/edusains/registrations"]:focus,
.navbar-nav a[href*="/edusains/registrations"]:hover,
.navbar-nav a[href*="/edusains/registrations"]:focus {
    background-color: #a90f1c !important;
    color: #ffffff !important;

    border: none !important;
    border-bottom: none !important;
    text-decoration: none !important;

    transform: translateY(-1px) !important;
    box-shadow: 0 5px 12px rgba(169, 15, 28, 0.35) !important;
}

/* Ikon tetap putih ketika hover */
#navigationPrimary a[href*="/edusains/registrations"]:hover i,
.pkp_navigation_primary a[href*="/edusains/registrations"]:hover i,
.pkp_site_nav_menu a[href*="/edusains/registrations"]:hover i,
.navbar-nav a[href*="/edusains/registrations"]:hover i {
    color: #ffffff !important;
}

/* Ketika halaman Registrations sedang aktif */
#navigationPrimary li.active > a[href*="/edusains/registrations"],
.pkp_navigation_primary li.active > a[href*="/edusains/registrations"],
.pkp_site_nav_menu li.active > a[href*="/edusains/registrations"],
.navbar-nav li.active > a[href*="/edusains/registrations"] {
    background-color: #d71920 !important;
    color: #ffffff !important;
    border: none !important;
    border-bottom: none !important;
}

/* Tampilan perangkat mobile */
@media screen and (max-width: 768px) {
    #navigationPrimary a[href*="/edusains/registrations"],
    .pkp_navigation_primary a[href*="/edusains/registrations"],
    .pkp_site_nav_menu a[href*="/edusains/registrations"],
    .navbar-nav a[href*="/edusains/registrations"] {
        display: flex !important;
        width: 100% !important;
        box-sizing: border-box !important;
        justify-content: flex-start !important;
        margin: 5px 0 !important;
    }
}




/* =========================================================
   FIX JUDUL HALAMAN ABOUT
   Sembunyikan teks "About the Journal" pada area konten saja.
   ========================================================= */
.page_about .page-header,
.page_about .pkp_page_title,
.page_about h1,
.pkp_page_about .page-header,
.pkp_page_about .pkp_page_title,
.pkp_page_about h1{
  display:none !important;
}

/* Kembalikan layout satu kolom pada tablet/mobile */
@media screen and (max-width: 991px){
  .pkp_structure_content{
    display:block !important;
  }

  .pkp_structure_content > .pkp_structure_main,
  .pkp_structure_content > .pkp_structure_sidebar{
    float:none !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
  }

  .pkp_structure_content > .pkp_structure_sidebar{
    margin-top:20px !important;
  }
}

/* =========================================================
   FINAL OVERRIDES — EDUSAINS
   Diletakkan paling bawah agar menang dari CSS tema/plugin.
   ========================================================= */

/* Sembunyikan hanya item submenu "About the Journal".
   Menu induk "About" tetap tampil. */
#navigationPrimary > li > ul > li > a[href="https://journal.makwafoundation.org/index.php/edusains/about"],
#navigationPrimary > li > ul > li > a[href="https://journal.makwafoundation.org/index.php/edusains/about/"],
#navigationPrimary > li > ul > li > a[href$="/edusains/about"],
#navigationPrimary > li > ul > li > a[href$="/edusains/about/"],
.pkp_navigation_primary > li > ul > li > a[href="https://journal.makwafoundation.org/index.php/edusains/about"],
.pkp_navigation_primary > li > ul > li > a[href="https://journal.makwafoundation.org/index.php/edusains/about/"],
.pkp_navigation_primary > li > ul > li > a[href$="/edusains/about"],
.pkp_navigation_primary > li > ul > li > a[href$="/edusains/about/"]{
  display:none !important;
}

/* Tombol Registrations tetap merah */
a[href*="/edusains/registrations"]{
  background:#d71920 !important;
  color:#ffffff !important;
  text-decoration:none !important;
}

a[href*="/edusains/registrations"] i{
  color:#ffffff !important;
}

a[href*="/edusains/registrations"]:hover,
a[href*="/edusains/registrations"]:focus{
  background:#a90f1c !important;
  color:#ffffff !important;
}

body.pkp_page_about .page.page_about > h1:first-of-type {
    display: none !important;
}
}