#cssmenu ul{margin:0;padding:0;list-style:none;display:block}
#cssmenu ul li{position:relative;margin:0;padding:0}
#cssmenu ul li a{text-decoration:none;cursor:pointer}
#cssmenu>ul>li>a{color:#fff;text-transform:uppercase;display:block;padding:20px;border-top:1px solid #000;border-left:1px solid #000;border-right:1px solid #000;
background:#04156B;box-shadow:inset 0 1px 0 rgba(255,255,255,.1);color: #FFFFFF;
font-family:Montserrat,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
font-weight:600;-webkit-transition:all .25s ease-in;-moz-transition:all .25s ease-in;-ms-transition:all .25s ease-in;-o-transition:all .25s ease-in;
transition:all .25s ease-in;position:relative}
#cssmenu>ul>li:first-child>a{border-top-left-radius:3px;border-top-right-radius:3px}
#cssmenu>ul>li:last-child>a{border-bottom-left-radius:3px;border-bottom-right-radius:3px;border-bottom:1px solid #000}
#cssmenu>ul>li.active>a,#cssmenu>ul>li.open>a,
#cssmenu>ul>li:hover>a{background:#80ABDB;color:#fff}
#cssmenu ul>li.has-sub>a::after{content:"";position:absolute;display:block;width:0;height:0;border-top:13px solid #80ABDB;
border-botom:13px solid transparent;border-left:125px solid transparent;border-right:125px solid transparent;left:0;
bottom:-13px;bottom:0;z-index:1;opacity:0;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;
-o-transition:all .2s ease;transition:all .2s ease}
#cssmenu ul>li.has-sub>a::before{content:"";position:absolute;display:block;width:0;height:0;border-top:13px solid #80ABDB;
border-botom:13px solid transparent;border-left:125px solid transparent;
border-right:125px solid transparent;left:0;bottom:-12px;bottom:-1px;z-index:3;opacity:0;-webkit-transition:all .2s ease;
-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}
#cssmenu ul>li.has-sub::after{content:"";display:block;position:absolute;width:0;height:0;border:7px solid transparent;
border-top-color:#fff;z-index:2;right:20px;top:24.5px;pointer-events:none}
#cssmenu ul>li.active::after,#cssmenu ul>li.open::after,#cssmenu ul>li:hover::after{border-top-color:#fff}
#cssmenu ul>li.has-sub.open>a::after{opacity:1;bottom:-13px}
#cssmenu ul>li.has-sub.open>a::before{opacity:1;bottom:-12px}
#cssmenu ul ul{display:none}
#cssmenu ul ul li{border-left:1px solid #ccc;border-right:1px solid #ccc}
#cssmenu ul ul li a{background:#f1f1f1;display:block;position:relative;font-size:15px;padding:14px 20px;border-bottom:1px solid #fff;color:#333;
font-weight:300;-webkit-transition:all .25s ease-in;-moz-transition:all .25s ease-in;-ms-transition:all .25s ease-in;
-o-transition:all .25s ease-in;transition:all .25s ease-in}
#cssmenu ul ul li:first-child>a{padding-top:18px}
#cssmenu ul ul ul li{border:0}
#cssmenu ul ul li.active>a,
#cssmenu ul ul li.open>a,
#cssmenu ul ul li:hover>a{background:#e4e4e4;color:#666}
#cssmenu ul ul>li.has-sub>a::after{border-top:13px solid #fff}
#cssmenu ul ul>li.has-sub>a::before{border-top:13px solid #e4e4e4}
#cssmenu ul ul ul li a{padding-left:30px}
#cssmenu ul ul>li.has-sub::after{top:18.5px;border-width:6px;border-top-color:#777}
#cssmenu ul ul>li.active::after,
#cssmenu ul ul>li.open::after,
#cssmenu ul ul>li:hover::after{border-top-color:#666}
#cssmenu .has-sub ul>li>a{background-color:#eaeaea}

/* ============================================
   PURE CSS DROPDOWN — TANPA JAVASCRIPT
   ============================================ */
#cssmenu ul > li.has-sub:focus-within > ul {display:block}
#cssmenu ul > li.has-sub:focus-within > a::after {opacity:1;bottom:-13px}
#cssmenu ul > li.has-sub:focus-within > a::before {opacity:1;bottom:-12px}
#cssmenu ul > li.has-sub:focus-within::after {border-top-color:#fff}
#cssmenu > ul > li.has-sub:focus-within > a {background:#80ABDB;color:#fff}
#cssmenu ul > li.has-sub > a:focus,
#cssmenu ul > li.has-sub > ul a:focus {outline:none}

/* ============================================
   INDEXING & TOOLS IMAGES — HOVER EFFECT
   ============================================ */
.indexing-item {
  display: block;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 12px 10px;
  background: #fff;
  text-align: center;
  text-decoration: none;
  -webkit-transition: border-color 0.2s ease, box-shadow 0.2s ease;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.indexing-item:hover {
  border-color: #04156B;
  box-shadow: 0 2px 8px rgba(4,21,107,0.18);
}
.indexing-item img {
  max-height: 45px;
  width: auto;
  display: inline-block;
  vertical-align: middle;
}

/* ============================================
   CUSTOM BLOCK TITLE STYLING
   ============================================ */
.pkp_block .title {
  display: block;
  background-color: #04156B;
  color: #ffffff !important;
  font-size: 13px;
  font-weight: 700;
  font-family: Montserrat,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 1px;
  padding: 12px 16px;
  border-radius: 4px 4px 0 0;
  margin: 0;
  border-bottom: 3px solid #020d46;
}
.pkp_block .content {
  border: 1px solid #ddd;
  border-top: none;
  border-radius: 0 0 4px 4px;
  padding: 10px;
  background: #fff;
}

/* ============================================
   STAT BUTTONS — Views, Downloads, DOI
   Hover effect seperti jurnal JUTI ITS
   ============================================ */
.stat-links {
  margin-bottom: 4px !important;
}
.stat-btn {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 5px 10px;
  font-size: 0.8em;
  font-weight: 600;
  line-height: 1;
  border-radius: 3px;
  border: 1px solid #b5d4f4;
  background-color: #eaf3fc;
  color: #04156B;
  text-decoration: none;
  cursor: default;
  -webkit-transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}
/* DOI bisa diklik — cursor pointer */
a.stat-btn {
  cursor: pointer;
}
/* Hover hanya untuk DOI (elemen <a>) */
a.stat-btn:hover {
  background-color: #04156B;
  border-color: #04156B;
  color: #ffffff !important;
  box-shadow: 0 2px 6px rgba(4,21,107,0.25);
  text-decoration: none;
}

/* ============================================
   CSS LAINNYA — tidak diubah
   ============================================ */
h2.editorial-head,h2.editorial-sub{display:block;margin-bottom:10px;margin-top:0;font-size:16px;font-weight:700;line-height:20px;color:rgba(0,0,0,.54)}
.pkp_structure_main .page h2.editorial-head{display:inline-block;padding-bottom:.5em;border-bottom:3px solid #f7bc4a;text-transform:uppercase}
.pkp_structure_main .page h2.editorial-sub{color:#cb5f00;margin:10px 0}
.no-margin{margin:0 !important}
.identity .ie-body,.identity .ie-head{margin-bottom:8px}
.identity .ie-head{padding-left:0}
.identity .ie-body{padding-right:0}
.identity .ie-head p,.identity .ie-body p{margin:0;padding:10px 0}
.identity .ie-head p{padding-left:10px;padding-right:10px;background-color:#e1e8ed;font-weight:700}
.editorial-table,.editorial-table>tbody>tr>td,.editorial-table>tbody>tr>th,.editorial-table>tfoot>tr>td,.editorial-table>tfoot>tr>th,.editorial-table>thead>tr>td,.editorial-table>thead>tr>th{border-color:#3d81a9 !important}
.pkp_structure_main .page h2.editorial-head:nth-of-type(1){margin-top:20px}
#navigationPrimary a:hover,#navigationPrimary a:focus{color:#ffffff;background-color:#0171a9}