@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;0,700;1,500&display=swap");

/* ============================================================================
   AL HUKM - Journal Style Sheet
   Basis: template CSS Kayaswara (sama dengan Qoumun / At-Tathbiq),
   warna diganti ke maroon & emas + footer maroon.
   ============================================================================ */

/* Latar belakang website: motif batik parang abu-abu kecil (diulang) */
html,
body {
  background-color: #e6e6e6 !important;
  background-image: url("data:image/png;base64,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") !important;
  background-repeat: repeat !important;
  background-size: 150px auto !important;
  background-position: 0 0 !important;
  background-attachment: fixed !important;
}

.pkp_structure_page {
  margin: 0 auto;
  max-width: 1160px;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

@media(min-width: 1200px) {
  .pkp_structure_page {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}

.pkp_head_wrapper,
.has_site_logo .pkp_head_wrapper {
  position: relative;
  padding-top: 0;
}

.kepala {
  display: block;
  margin-bottom: .714rem;
  margin-top: 0;
  padding-bottom: .714rem;
  font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 1.1rem;
  color: #5c0f14;
}

.badan {
  margin-top: -12px;
}

.badan a {
  display: block;
  text-decoration: none;
  color: #000000;
  border-bottom: rgb(255 255 255) 0.2rem solid;
  transition: 0.4s;
  position: relative;
  z-index: 1;
}

.badan .fa {
  padding-right: 10px;
}

.badan a:hover {
  background-color: #f8e8e8;
  box-shadow: gray 0px 0px 1px 0px;
  color: #8b1a2b;
}

.badan a::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.2rem;
  background-color: #5c0f14;
  left: 0;
  bottom: 0;
  transform: scaleX(0);
  transform-origin: left;
  transition: 800ms;
}

.badan a:hover::after {
  transform: scaleX(1);
}

.obj_article_summary .article_stats {
  display: flex;
  flex-wrap: wrap;
  gap: .714rem;
  margin-top: .357rem;
  padding-top: .357rem;
  border-top: 1px solid #ddd;
  font-size: .93rem;
}

.obj_article_summary {
  padding: 1.43rem;
  margin-bottom: -1.4rem;
  background: #fff;
  border: 1px solid rgba(92, 15, 20, 0.15);
  border-radius: 15px;
}

.obj_article_summary:hover {
  box-shadow: 0 0 2px 0;
  border-color: #d4a443;
}

.fa {
  color: #3a3c42;
}

.pkp_structure_main h1 {
  font-weight: 600;
  font-size: 20px;
}

.pkp_structure_main a:not([style*="background"]) {
  color: #3a3c42 !important;
  text-transform: uppercase;
}

.pkp_structure_main a:not([style*="background"]):hover {
  color: #8b1a2b !important;
}

/* Link berbentuk tombol (punya warna latar sendiri) tetap pakai warnanya */
.pkp_structure_main a[style*="background"]:hover {
  filter: brightness(1.15);
}

.obj_galley_link {
  font-weight: 700;
  text-transform: capitalize !important;
  background: #f1f1f1 !important;
  color: #5c0f14 !important;
  border: solid 1px #8b1a2b !important;
}

.obj_galley_link:hover {
  background: #f3dede !important;
  color: #8b1a2b !important;
}

.main_entry .item.abstract {
  text-align: justify;
}

body {
  font-family: Poppins, Lora, geneva, sans-serif !important;
}

.pkp_site_name_wrapper {
  width: 100% !important;
}

.pkp_page_index .homepage_image img {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid rgba(92, 15, 20, 0.12);
  transition: all .3s ease-in-out;
}

.pkp_page_index .homepage_image img:hover {
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
  transform: translateY(-3px);
}

.obj_issue_toc .heading .cover img {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid rgba(92, 15, 20, 0.12);
  box-shadow: 4px 2px 5px gray;
  transition: all .3s ease-in-out;
  border-radius: 15px;
}

.obj_issue_toc .heading .cover img:hover {
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
  transform: translateY(-3px);
}

.pkp_screen_reader {
  margin: 0px !important;
}

/* ---------- Header & navigasi ---------- */
.pkp_navigation_primary_row {
  background: #ffffff;
  padding: 0 10px !important;
  border-bottom: 1px solid #ecd9d9;
}

.pkp_navigation_primary_row .pkp_navigation_primary_wrapper,
.pkp_navigation_primary_row .pkp_navigation_search_wrapper {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.pkp_navigation_primary_row .pkp_navigation_search_wrapper a {
  line-height: 38px;
}

/* Baris menu ramping (desktop) - menimpa jarak bawaan tema Default */
@media (min-width: 992px) {
  .pkp_structure_head,
  .pkp_head_wrapper {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }
  .pkp_navigation_primary_row {
    display: block !important;
    min-height: 0 !important;
    height: auto !important;
  }
  .pkp_structure_head .pkp_navigation_primary_row .pkp_navigation_primary_wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 8px !important;
    min-height: 0 !important;
  }
  .pkp_navigation_primary_wrapper ul.pkp_navigation_primary,
  .pkp_navigation_primary {
    justify-content: flex-start !important;
    text-align: left !important;
    flex: 1 1 auto;
  }
  .pkp_navigation_primary_wrapper ul.pkp_navigation_primary,
  .pkp_navigation_primary {
    display: flex !important;
    align-items: center;
    margin: 0 !important;
    padding: 0 !important;
  }
  .pkp_navigation_primary > li > a {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border-bottom: none !important;
  }
  .pkp_navigation_search_wrapper {
    float: none !important;
    position: static !important;
    margin: 0 0 0 auto !important;
    padding: 0 10px !important;
    flex: 0 0 auto;
  }
  .pkp_navigation_search_wrapper a {
    padding: 0 !important;
    margin: 0 !important;
    line-height: 38px !important;
  }
}

.pkp_site_name {
  margin: 0 !important;
  padding: 0px;
  transition: all 0.3s ease;
}

.pkp_site_name > a {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.pkp_site_name_wrapper {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin: 0 !important;
  background: transparent !important;
}

/* Banner melengkung di atas, tanpa sisa putih di pojok:
   seluruh kotak halaman ikut melengkung, lapisan header dibuat transparan */
.pkp_structure_page {
  border-radius: 20px 20px 0 0;
}
.pkp_structure_head,
.pkp_head_wrapper,
.pkp_site_name,
.pkp_site_name > a {
  background: transparent !important;
  border-radius: 20px 20px 0 0;
}

.pkp_site_name .is_img img {
  display: block;
  width: 100% !important;
  max-height: 100% !important;
  max-width: 100% !important;
  border-radius: 20px 20px 0 0 !important;
}

.pkp_site_name a {
  margin: auto !important;
}

.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li {
  padding: 0 !important;
  margin: 0 !important;
}

.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a {
  margin: 0 !important;
  padding: 0 12px !important;
  line-height: 38px !important;
}

.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li,
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a {
  font-family: Poppins, roboto, geneva, sans-serif;
  color: #000000 !important;
  transition: 0.2s;
}

.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a:hover {
  background: #f3dede;
  color: #8b1a2b !important;
  border-radius: 20px !important;
}

.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul,
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul li a:hover {
  border-radius: 0 !important;
}

.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul {
  background: #ffffff !important;
}

.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul li {
  border-bottom: solid 1px white !important;
}

.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul li:last-child {
  border-bottom: none !important;
}

.pkp_site_nav_toggle {
  background: #5c0f14 !important;
}

.pkp_navigation_search_wrapper {
  background: #ffffff;
  border-radius: 20px;
  transition: 0.5s;
}

.pkp_navigation_search_wrapper a,
.pkp_navigation_search_wrapper a:hover {
  color: #8b1a2b;
}

.pkp_navigation_search_wrapper:hover {
  border-radius: 0px;
}

.pkp_structure_head {
  position: -webkit-sticky;
  position: sticky;
  top: -275px;
  z-index: 1000;
  background-color: #ffffff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.pkp_site_name.hide-on-scroll {
  opacity: 0;
  transform: translateY(-20px);
  pointer-events: none;
}

.pkp_navigation_user_wrapper {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end;
  padding-left: 0;
  padding-right: 30px;
  padding-top: 10px;
}

.profile a {
  background: #5c0f14;
  color: #ffffff !important;
}

.pkp_navigation_user.pkp_nav_list .profile a {
  border-radius: 15px !important;
  padding-left: 10px;
  padding-right: 10px;
}

.dropdown-menu {
  background: #5c0f14 !important;
}

.dropdown-menu li a:hover {
  color: #fafafa !important;
}

/* ---------- Konten ---------- */
.obj_article_details .page_title {
  background: #f1f1f1;
  padding: 15px;
  border-radius: 10px;
  box-shadow: 3px 3px 5px;
}

.meta .authors {
  background: url(/public/site/images/icon-group.png) 1px 2px no-repeat rgba(0, 0, 0, 0);
  color: #7f8490 !important;
  padding-left: 30px;
}

.description {
  text-align: justify;
}

.homepage_about {
  display: inline-block;
  text-align: justify;
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
}

.homepage_image,
.pkp_page_index .homepage_image img {
  display: none !important;
}

.pkp_structure_content.has_sidebar {
  padding-top: 0px;
}

.pkp_structure_main .page {
  padding-top: 20px;
}

@media(max-width: 600px) {
  .pkp_structure_main {
    padding-top: 20px !important;
  }
}

@media(max-width: 991px) {
  .homepage_about {
    margin-top: 30px;
  }
  .pkp_structure_main {
    margin-top: 0px !important;
    padding-top: 100px;
  }
  .pkp_site_name_wrapper {
    padding-bottom: 0px;
  }
  .pkp_navigation_search_wrapper {
    padding: 10px !important;
  }
}

@media(max-width: 360px) {
  .homepage_about {
    margin-top: 0px;
  }
  .pkp_structure_main {
    padding-top: 0px !important;
  }
}

.deskripsi {
  border: 1px #8b1a2b solid;
  width: 100%;
  padding: 24px;
  background-color: #f1f1f1;
  background-image: url(/public/site/images/bgojs.png);
  text-align: left;
  border-radius: 15px;
}

.cmp_announcements.highlight_first {
  background-color: #f1f1f1;
}

/* ---------- Sidebar ---------- */
.pkp_structure_sidebar {
  float: right;
  width: 300px;
  padding-left: 0.5rem;
}

.pkp_block {
  padding: 1.43rem;
  margin-bottom: 2.143rem;
  font-size: 0.9rem;
  line-height: 1.43rem;
  background: #fff;
  border-radius: 0 8px 8px 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  border: 1px solid rgba(92, 15, 20, 0.25);
  border-right: 4px solid #5c0f14;
  overflow: hidden;
}

.pkp_block.block_custom {
  padding: 0.5rem 15px;
}

.pkp_block.block_custom:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  border-color: #5c0f14;
}

.pkp_block .content ul li {
  padding: 0;
  text-align: justify;
}

.block_sidebar_nav {
  padding: 0;
  font-size: .92rem;
  line-height: 1.43rem;
  background: transparent;
  border: none;
  box-shadow: none;
}

.block_sidebar_nav .title,
.block_sidebar_nav .pkp_block_title {
  display: block;
  margin: 0 0 .714rem 0;
  padding: .714rem 1.43rem;
  font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.43rem;
  color: #5c0f14;
  background: #ffffff;
  border-radius: 8px 8px 0 0;
  position: relative;
}

.block_sidebar_nav .title::before,
.block_sidebar_nav .pkp_block_title::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  content: "\f0c9";
  margin-right: 0.5em;
  opacity: 0.8;
}

.block_sidebar_nav .pkp_nav_list {
  margin: 0;
  padding: 0;
}

.block_sidebar_nav .pkp_nav_list li {
  display: block;
  padding: 0;
  margin-bottom: 0;
}

.block_sidebar_nav .pkp_nav_list li:first-child a {
  border-radius: 0;
}

.block_sidebar_nav .pkp_nav_list li:last-child a {
  border-radius: 0 0 8px 8px;
  border-bottom: 1px solid #e5e7eb;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.block_sidebar_nav .pkp_nav_list li a {
  display: block;
  padding: .714rem 1.43rem;
  text-decoration: none;
  color: rgba(0, 0, 0, 0.87);
  background: #fff;
  border: 1px solid #e5e7eb;
  border-top: none;
  transition: all .2s cubic-bezier(.165, .84, .44, 1);
  position: relative;
  font-weight: 600;
}

.block_sidebar_nav .pkp_nav_list li a::after {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f054";
  position: absolute;
  right: .714rem;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.8em;
  opacity: 0.3;
  transition: all .2s ease;
}

.block_sidebar_nav .pkp_nav_list li a:hover,
.block_sidebar_nav .pkp_nav_list li a:focus {
  background: #f8e8e8;
  color: #8b1a2b;
  border-color: #f8e8e8;
  padding-left: 4.43rem;
  transform: translateX(4px);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.block_sidebar_nav .pkp_nav_list li a:hover::after,
.block_sidebar_nav .pkp_nav_list li a:focus::after {
  opacity: 1;
  right: 1.43rem;
  color: #8b1a2b;
}

.block_sidebar_nav .pkp_nav_list li.current a {
  background: #8b1a2b;
  color: #fff;
  border-color: #5c0f14;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
}

.block_sidebar_nav .pkp_nav_list li.current a::after {
  opacity: 1;
  color: #fff;
}

/* ---------- Sidebar efek 3D ---------- */
.pkp_structure_sidebar .pkp_block {
  background: linear-gradient(180deg, #ffffff 0%, #fbf3f3 100%);
  border: 1px solid #e9cfcf;
  border-right: 4px solid #5c0f14;
  border-bottom: 4px solid #3a070b;
  border-radius: 10px;
  box-shadow:
    0 1px 0 #ffffff inset,
    0 2px 3px rgba(0, 0, 0, .08),
    0 6px 12px rgba(92, 15, 20, .15),
    0 14px 24px rgba(92, 15, 20, .10);
  transition: transform .25s ease, box-shadow .25s ease;
}

.pkp_structure_sidebar .pkp_block:hover {
  transform: translateY(-4px);
  box-shadow:
    0 1px 0 #ffffff inset,
    0 4px 6px rgba(0, 0, 0, .10),
    0 12px 20px rgba(92, 15, 20, .20),
    0 22px 34px rgba(92, 15, 20, .14);
}

/* Judul blok: pita maroon timbul */
.pkp_structure_sidebar .pkp_block .title,
.pkp_structure_sidebar .pkp_block .pkp_block_title {
  display: block;
  margin: -1.43rem -1.43rem 1rem;
  padding: .7rem 1.2rem;
  background: linear-gradient(180deg, #7a1620 0%, #5c0f14 60%, #3a070b 100%);
  color: #f0c96a !important;
  font-weight: 700;
  letter-spacing: .04em;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .5);
  border-bottom: 3px solid #d4a443;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .25);
}
.pkp_structure_sidebar .pkp_block.block_custom .title,
.pkp_structure_sidebar .pkp_block.block_custom .pkp_block_title {
  margin: -0.5rem -15px 1rem;
}

/* Link di dalam blok: tombol timbul */
.pkp_structure_sidebar .pkp_block .content a:not(:has(img)) {
  display: block;
  margin: 0 0 6px;
  padding: 7px 12px;
  background: linear-gradient(180deg, #ffffff 0%, #f6eaea 100%);
  border: 1px solid #e3c4c4;
  border-bottom: 3px solid #c99a9a;
  border-radius: 6px;
  color: #3a070b !important;
  text-decoration: none;
  box-shadow: 0 2px 3px rgba(0, 0, 0, .08);
  transition: all .18s ease;
}
.pkp_structure_sidebar .pkp_block .content a:not(:has(img)):hover {
  background: linear-gradient(180deg, #8b1a2b 0%, #5c0f14 100%);
  border-color: #5c0f14;
  border-bottom-color: #d4a443;
  color: #ffffff !important;
  transform: translateY(-2px);
  box-shadow: 0 6px 10px rgba(92, 15, 20, .3);
}
.pkp_structure_sidebar .pkp_block .content a:not(:has(img)):active {
  transform: translateY(1px);
  border-bottom-width: 1px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .2) inset;
}

/* Gambar/logo di sidebar ikut terangkat saat hover */
.pkp_structure_sidebar .pkp_block .content a img {
  transition: transform .25s ease, filter .25s ease;
}
.pkp_structure_sidebar .pkp_block .content a:hover img {
  transform: translateY(-3px) scale(1.03);
  filter: drop-shadow(0 6px 8px rgba(0, 0, 0, .25));
}

/* ============================================================================
   ABOUT THE JOURNAL 3D (.ah-)  - pasangan HTML: <div class="ah-about">
   ============================================================================ */
.ah-about {
  font-family: "Poppins", Arial, sans-serif;
  color: #333;
  perspective: 900px;
}

.ah-head {
  background: linear-gradient(110deg, #7a1620 0%, #5c0f14 50%, #3a070b 100%);
  border-radius: 12px;
  border-bottom: 6px solid #b8862f;
  padding: 18px 24px;
  box-shadow: 0 2px 0 #d4a443, 0 10px 18px rgba(58, 7, 11, .35);
  transition: transform .35s ease, box-shadow .35s ease;
}
.ah-head:hover {
  transform: translateY(-4px) rotateX(4deg);
  box-shadow: 0 2px 0 #d4a443, 0 18px 28px rgba(58, 7, 11, .45);
}
.ah-title {
  color: #f0c96a;
  font-size: 26px;
  font-weight: 800;
  letter-spacing: 2px;
  text-shadow: 0 1px 0 #b8862f, 0 2px 0 #8a5f1a, 0 3px 4px rgba(0, 0, 0, .5);
}
.ah-sub {
  color: #f3e6d0;
  font-size: 13px;
  margin-top: 2px;
}

.ah-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px 22px;
  margin-top: 22px;
  padding: 22px;
  background: #fbf2f2;
  border: 1px solid #f0dada;
  border-radius: 12px;
}
.ah-card {
  background: linear-gradient(180deg, #ffffff 0%, #fbf3f3 100%);
  border: 1px solid #f0dada;
  border-left: 5px solid #d4a443;
  border-bottom: 4px solid #e6c7c7;
  border-radius: 10px;
  padding: 14px 16px;
  box-shadow: 0 3px 6px rgba(92, 15, 20, .10);
  transform-style: preserve-3d;
  transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.ah-card:hover {
  transform: translateY(-6px) rotateX(6deg) scale(1.02);
  border-left-color: #8b1a2b;
  border-bottom-color: #d4a443;
  box-shadow: 0 14px 22px rgba(92, 15, 20, .22);
}
.ah-label {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #9a7a7a;
}
.ah-value {
  font-size: 14px;
  font-weight: 700;
  color: #1a1a1a;
  margin-top: 4px;
}
.pkp_structure_main .ah-value a {
  color: #5c0f14 !important;
  text-transform: none;
  text-decoration: none;
  border-bottom: 2px solid #d4a443;
}
.pkp_structure_main .ah-value a:hover {
  color: #8b1a2b !important;
  border-bottom-color: #8b1a2b;
}

.ah-index {
  margin-top: 22px;
  padding: 14px 22px;
  background: #f8e8e8;
  border-radius: 12px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}
.ah-index-label {
  font-weight: 700;
  color: #5c0f14;
  font-size: 13px;
  margin-right: 6px;
}
.pkp_structure_main a.ah-btn {
  display: inline-block;
  padding: 6px 16px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 700;
  text-transform: none;
  text-decoration: none;
  transition: transform .2s ease, box-shadow .2s ease;
}
.pkp_structure_main a.ah-btn-red {
  background: #5c0f14;
  color: #ffffff !important;
  box-shadow: 0 4px 0 #3a070b;
}
.pkp_structure_main a.ah-btn-gold {
  background: #d4a443;
  color: #3a070b !important;
  box-shadow: 0 4px 0 #a37a25;
}
.pkp_structure_main a.ah-btn:hover {
  transform: translateY(-3px);
}
.pkp_structure_main a.ah-btn-red:hover { box-shadow: 0 7px 0 #3a070b; color: #ffffff !important; }
.pkp_structure_main a.ah-btn-gold:hover { box-shadow: 0 7px 0 #a37a25; color: #3a070b !important; }
.pkp_structure_main a.ah-btn:active { transform: translateY(3px); box-shadow: 0 1px 0 #3a070b; }

.ah-desc {
  margin: 22px 0 0;
  padding-left: 16px;
  border-left: 4px solid #d4a443;
  text-align: justify;
  line-height: 1.85;
  font-size: 14px;
}

@media (max-width: 600px) {
  .ah-grid { grid-template-columns: minmax(0, 1fr); padding: 14px; }
}

/* ---------- Footer (maroon, logo OJS disembunyikan) ---------- */
.pkp_structure_footer_wrapper {
  background: linear-gradient(110deg, #3a070b 0%, #5c0f14 55%, #3a070b 100%) !important;
  border-top: 4px solid #d4a443;
  border-radius: 20px;
  overflow: hidden;
}

/* Halaman ikut melengkung di bawah supaya pojok footer tidak putih */
.pkp_structure_page {
  border-radius: 20px !important;
}

/* Kotak footer dari Page Footer dilebur ke latar footer (tidak dobel) */
.pkp_footer_content > div:first-child {
  background: transparent !important;
  border-top: none !important;
  border-radius: 0 !important;
  padding: 6px 4px 0 !important;
}

.pkp_structure_footer {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.pkp_footer_content {
  float: left;
  width: 100%;
  padding: 0 1.5rem !important;
}

.pkp_brand_footer {
  display: none;
}

/* ============================================================================
   SIDEBAR KUSTOM (.mwf-)
   ============================================================================ */
.mwf-sidebar {
  --mwf-primary: #5c0f14;
  --mwf-accent: #8b1a2b;
  --mwf-border: #e5e7eb;
  --mwf-card: #ffffff;
  --mwf-text: #2b2b2b;
  --mwf-muted: #f8f9fa;
  font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  text-align: left;
}
.mwf-sidebar * { box-sizing: border-box; }

.pkp_block:has(.mwf-sidebar),
.pkp_block.block_custom:has(.mwf-sidebar) {
  padding: 0 !important;
  margin-bottom: 1.43rem !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}
.pkp_block:has(.mwf-sidebar):hover { box-shadow: none !important; }

.mwf-card {
  background: var(--mwf-card);
  border: 1px solid var(--mwf-border);
  border-right: 4px solid var(--mwf-primary);
  border-radius: 0 8px 8px 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .08);
  overflow: hidden;
  margin: 0 0 1.43rem 0;
  transition: box-shadow .2s ease, border-color .2s ease;
}
.mwf-card:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, .1);
  border-color: var(--mwf-primary);
}

.mwf-head {
  display: block;
  margin: 0;
  padding: .714rem 1.43rem;
  background: var(--mwf-primary);
  color: #ffffff;
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.43rem;
  letter-spacing: .06em;
  text-transform: uppercase;
  text-align: center;
}

.mwf-body { padding: 1.07rem; text-align: center; }
.mwf-body.mwf-flush { padding: 0; }
.mwf-body img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
  transition: transform .3s ease;
}
.mwf-body a:hover img { transform: scale(1.05); }
.mwf-body p { margin: 0 0 .714rem 0; }
.mwf-body p:last-child { margin-bottom: 0; }

.mwf-menu { display: block; }
.mwf-menu .mwf-item {
  display: flex;
  align-items: baseline;
  gap: .5rem;
  padding: .6rem 1.07rem;
  font-size: .92rem;
  line-height: 1.43rem;
  font-weight: 500;
  color: var(--mwf-text);
  text-align: left;
  text-decoration: none;
  border-bottom: 1px solid var(--mwf-border);
  border-left: 3px solid transparent;
  transition: background-color .2s ease, color .2s ease, border-left-color .2s ease;
}
.mwf-menu .mwf-item:last-child { border-bottom: none; }
.mwf-menu .mwf-item::before,
.mwf-menu .mwf-item::after { content: none !important; display: none !important; }
.mwf-menu a.mwf-item:hover,
.mwf-menu a.mwf-item:focus {
  background-color: #f8e8e8;
  color: var(--mwf-accent);
  border-left-color: var(--mwf-accent);
  text-decoration: none;
  padding-left: 1.07rem;
  transform: none;
  box-shadow: none;
}
.mwf-menu span.mwf-item { color: #6b7280; cursor: default; }
.mwf-menu .mwf-ico {
  flex: 0 0 auto;
  width: 1.15rem;
  text-align: center;
  color: var(--mwf-accent);
  font-size: .92rem;
  line-height: 1.43rem;
  opacity: .85;
}
.mwf-menu a.mwf-item:hover .mwf-ico { color: var(--mwf-primary); opacity: 1; }
.mwf-menu span.mwf-item .mwf-ico { color: #9ca3af; }
.mwf-head .mwf-ico-head { margin-right: .5rem; font-size: .82rem; color: #ffffff; }
.mwf-label { flex: 1 1 auto; }

@keyframes mwf-scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
.mwf-slider { width: 100%; overflow: hidden; background-color: var(--mwf-muted); padding: 1.07rem 0; }
.mwf-track { display: flex; align-items: center; width: max-content; animation: mwf-scroll 40s linear infinite; }
.mwf-slider:hover .mwf-track { animation-play-state: paused; }
.mwf-track a { flex-shrink: 0; margin: 0 12px; display: flex; align-items: center; justify-content: center; transition: transform .3s ease; }
.mwf-track a::after { content: none !important; }
.mwf-track a:hover { transform: scale(1.1); }
.mwf-track img { height: 50px; width: auto; display: block; }
.mwf-slider.mwf-slider-sm .mwf-track img { height: 32px; }

.mwf-stat {
  display: block;
  padding: .714rem 1.07rem;
  font-size: .88rem;
  font-weight: 600;
  color: var(--mwf-accent);
  text-align: center;
  text-decoration: none;
  border-bottom: 1px solid var(--mwf-border);
}
.mwf-stat::after { content: none !important; }
.mwf-stat:hover { background-color: #f8e8e8; }

.mwf-wa { display: block; text-align: center; }
.mwf-wa img { max-width: 100%; height: auto; display: block; margin: 0 auto; transition: transform .3s ease; }
.mwf-wa:hover img { transform: scale(1.05); }

@media (max-width: 991px) {
  .mwf-track img { height: 42px; }
  .mwf-slider.mwf-slider-sm .mwf-track img { height: 28px; }
}

/* ============================================================================
   HALAMAN EDITORIAL TEAM (.ed-)
   ============================================================================ */
.ed-team {
  --ed-primary: #5c0f14;
  --ed-accent: #8b1a2b;
  --ed-soft: #f8e8e8;
  --ed-border: #e5e7eb;
  --ed-text: #2b2b2b;
  font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  text-align: left;
}
.ed-team * { box-sizing: border-box; }

.ed-title {
  display: flex;
  align-items: center;
  gap: .6rem;
  margin: 2.14rem 0 1.07rem 0;
  padding: 0 0 0 .714rem;
  border-left: 4px solid var(--ed-primary);
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--ed-primary);
  line-height: 1.6;
}
.ed-team > .ed-title:first-child { margin-top: 0; }
.ed-title .fa { color: var(--ed-accent); font-size: .9rem; }

.ed-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.43rem; }
.ed-grid.ed-grid-1 { grid-template-columns: minmax(0, 1fr); }
.ed-grid.ed-grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }

.ed-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1.43rem 1.07rem;
  background: #ffffff;
  border: 1px solid var(--ed-border);
  border-radius: 14px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .06);
  text-align: center;
  transition: box-shadow .25s ease, transform .25s ease, border-color .25s ease;
}
.ed-card:hover {
  box-shadow: 0 8px 22px rgba(0, 0, 0, .1);
  border-color: var(--ed-accent);
  transform: translateY(-3px);
}

.ed-photo {
  width: 108px;
  height: 108px;
  margin-bottom: .857rem;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid var(--ed-primary);
  background: linear-gradient(135deg, #8b1a2b, #5c0f14);
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}
.ed-photo img { width: 100%; height: 100%; object-fit: cover; display: block; margin: 0; border: none; }
.ed-initial { color: #ffffff; font-size: 2rem; font-weight: 700; letter-spacing: .04em; line-height: 1; }

.ed-name { margin: 0 0 .28rem 0; font-size: 1rem; font-weight: 700; color: #1a1a1a; line-height: 1.4; }
.ed-role {
  display: inline-block;
  margin: 0 0 .43rem 0;
  padding: .1rem .6rem;
  font-size: .72rem;
  font-weight: 600;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--ed-accent);
  background: var(--ed-soft);
  border-radius: 20px;
}
.ed-affil { margin: 0 0 .857rem 0; font-size: .88rem; line-height: 1.5; color: var(--ed-accent); }
.ed-affil .ed-country { font-weight: 600; }

.ed-links { display: flex; flex-wrap: wrap; justify-content: center; gap: .43rem; margin-top: auto; }
.ed-badge {
  display: inline-block;
  padding: .28rem .6rem;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 6px;
  border: 1px solid transparent;
  transition: all .2s ease;
}
.ed-badge::after { content: none !important; }
.ed-badge.ed-scopus  { background: #e8f0fb; color: #1a4f8a !important; border-color: #c6dbf5; }
.ed-badge.ed-sinta   { background: #fdf1e3; color: #a8640f !important; border-color: #f3ddc0; }
.ed-badge.ed-scholar { background: #eef2f7; color: #3a4a5c !important; border-color: #d8e0ea; }
.ed-badge.ed-orcid   { background: #eaf7ec; color: #2c7a3d !important; border-color: #c9e8d0; }
.ed-badge:hover {
  color: #ffffff !important;
  background: var(--ed-primary);
  border-color: var(--ed-primary);
  transform: translateY(-1px);
}
.ed-id { margin: -.43rem 0 .714rem 0; font-size: .74rem; color: #8a8f98; letter-spacing: .02em; }

/* ---------- Editorial Team: efek 3D ---------- */
.ed-team { perspective: 1000px; }

.ed-title {
  background: linear-gradient(90deg, #f8e8e8 0%, rgba(248, 232, 232, 0) 100%);
  padding: .5rem .9rem;
  border-left: 5px solid #5c0f14;
  border-radius: 0 8px 8px 0;
  text-shadow: 0 1px 0 #ffffff;
}
.ed-title .fa { color: #d4a443; }

.ed-grid.ed-grid-1 { max-width: 360px; margin: 0 auto; }

.ed-card {
  background: linear-gradient(180deg, #ffffff 0%, #fbf3f3 100%);
  border: 1px solid #f0dada;
  border-top: 4px solid #d4a443;
  border-bottom: 5px solid #5c0f14;
  border-radius: 14px;
  box-shadow:
    0 1px 0 #ffffff inset,
    0 3px 6px rgba(92, 15, 20, .10),
    0 10px 20px rgba(92, 15, 20, .12);
  transform-style: preserve-3d;
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
.ed-card:hover {
  transform: translateY(-8px) rotateX(6deg) scale(1.02);
  border-top-color: #5c0f14;
  border-bottom-color: #d4a443;
  box-shadow:
    0 1px 0 #ffffff inset,
    0 10px 16px rgba(92, 15, 20, .18),
    0 24px 36px rgba(92, 15, 20, .18);
}

.ed-card-lead {
  background: linear-gradient(160deg, #7a1620 0%, #5c0f14 55%, #3a070b 100%);
  border-color: #3a070b;
  border-top-color: #d4a443;
  border-bottom-color: #2b0508;
}
.ed-card-lead .ed-name { color: #f0c96a; }
.ed-card-lead .ed-affil { color: #f3e6d0; }
.ed-card-lead .ed-role { background: #d4a443; color: #3a070b; }
.ed-card-lead:hover { border-bottom-color: #d4a443; }

.ed-photo {
  border: 3px solid #d4a443;
  box-shadow: 0 0 0 4px rgba(212, 164, 67, .25), 0 6px 12px rgba(0, 0, 0, .25);
  transition: transform .35s ease;
}
.ed-card:hover .ed-photo { transform: translateZ(30px) scale(1.06); }
.ed-initial { color: #f0c96a; text-shadow: 0 2px 3px rgba(0, 0, 0, .4); }

.pkp_structure_main .ed-team a.ed-badge {
  text-transform: uppercase;
  box-shadow: 0 3px 0 rgba(0, 0, 0, .12);
}
.pkp_structure_main .ed-team a.ed-badge:hover {
  color: #ffffff !important;
  background: #5c0f14;
  border-color: #5c0f14;
  transform: translateY(-2px);
  box-shadow: 0 5px 0 #3a070b;
}

@media (max-width: 991px) {
  .ed-grid, .ed-grid.ed-grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  .ed-grid, .ed-grid.ed-grid-2, .ed-grid.ed-grid-1 { grid-template-columns: minmax(0, 1fr); }
  .ed-photo { width: 92px; height: 92px; }
}

/* ============================================================================
   PERBAIKAN "KURSOR BERGETAR" SAAT HOVER
   Kartu dan tombol tidak lagi bergeser saat di-hover (pergeseran membuat
   elemen menjauh dari kursor lalu kembali, sehingga terlihat bergetar).
   Efek timbul/3D sekarang memakai bayangan, garis emas, dan perbesaran foto.
   ============================================================================ */
.ed-card,
.ah-card,
.ah-head {
  position: relative;
}
.ed-card::after,
.ah-card::after,
.ah-head::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -14px;
  height: 14px;
}

/* Kartu tidak bergerak; kesan "terangkat" dari bayangan yang membesar */
.ed-card:hover,
.ah-card:hover,
.ah-head:hover {
  transform: none !important;
}
.ed-card:hover {
  box-shadow:
    0 1px 0 #ffffff inset,
    0 0 0 2px rgba(212, 164, 67, .55),
    0 14px 22px rgba(92, 15, 20, .22),
    0 28px 44px rgba(92, 15, 20, .18) !important;
}
.ah-card:hover {
  box-shadow: 0 0 0 2px rgba(212, 164, 67, .5), 0 14px 26px rgba(92, 15, 20, .25) !important;
}

/* Lingkaran inisial tetap membesar, tanpa translateZ */
.ed-card:hover .ed-photo {
  transform: scale(1.06) !important;
}

/* Badge Scopus / Google Scholar: tidak bergeser */
.pkp_structure_main .ed-team a.ed-badge:hover,
.ed-badge:hover {
  transform: none !important;
  box-shadow: 0 0 0 3px rgba(212, 164, 67, .45), 0 3px 0 #3a070b !important;
}

/* Tombol Google Scholar / Garuda di About: tidak bergeser */
.pkp_structure_main a.ah-btn:hover,
.pkp_structure_main a.ah-btn:active {
  transform: none !important;
}
.pkp_structure_main a.ah-btn-red:hover {
  box-shadow: 0 4px 0 #3a070b, 0 0 0 3px rgba(212, 164, 67, .55) !important;
}
.pkp_structure_main a.ah-btn-gold:hover {
  box-shadow: 0 4px 0 #a37a25, 0 0 0 3px rgba(92, 15, 20, .35) !important;
}

/* Sidebar: blok dan link tidak bergeser, efek timbul lewat bayangan */
.pkp_structure_sidebar .pkp_block:hover,
.pkp_structure_sidebar .pkp_block .content a:not(:has(img)):hover,
.pkp_structure_sidebar .pkp_block .content a:not(:has(img)):active,
.block_sidebar_nav .pkp_nav_list li a:hover,
.block_sidebar_nav .pkp_nav_list li a:focus {
  transform: none !important;
}


/* ============================================================================
   EDITORIAL TEAM - MODEL ELEGAN (.edx-)  pasangan HTML: <div class="edx">
   Gaya masthead jurnal cetak: serif klasik, aksen merah maroon, tanpa gerakan.
   ============================================================================ */
.edx {
  --edx-maroon: #5c0f14;
  --edx-deep: #3a070b;
  --edx-gold: #8b1a2b;
  --edx-gold-soft: #fde8ea;
  --edx-ink: #2a1a1b;
  --edx-muted: #7d6b6c;
  --edx-serif: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  font-family: "Poppins", Arial, sans-serif;
  color: var(--edx-ink);
  max-width: 820px;
  margin: 0 auto;
}
.edx * { box-sizing: border-box; }

/* Pembuka */
.edx-intro { text-align: center; margin-bottom: 28px; }
.edx-kicker {
  font-family: var(--edx-serif);
  font-style: italic;
  font-size: 17px;
  color: var(--edx-muted);
  letter-spacing: .02em;
}
.edx-ornament {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-top: 10px;
  color: var(--edx-gold);
}
.edx-ornament span {
  height: 1px;
  width: 90px;
  background: linear-gradient(90deg, transparent, var(--edx-gold));
}
.edx-ornament span:last-child {
  background: linear-gradient(90deg, var(--edx-gold), transparent);
}
.edx-ornament i { font-style: normal; font-size: 14px; }
.edx-ornament-end { margin-top: 34px; }

/* Monogram: lingkaran ganda emas */
.edx-mono {
  width: 78px;
  height: 78px;
  margin: 0 auto 16px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--edx-serif);
  font-size: 30px;
  font-weight: 600;
  letter-spacing: .04em;
  color: var(--edx-gold-soft);
  background: radial-gradient(circle at 35% 30%, #7a1620 0%, var(--edx-maroon) 55%, var(--edx-deep) 100%);
  border: 1px solid var(--edx-gold);
  box-shadow: 0 0 0 4px #ffffff, 0 0 0 5px var(--edx-gold), 0 8px 18px rgba(58, 7, 11, .22);
}
.edx-mono-sm {
  width: 48px;
  height: 48px;
  margin: 0;
  font-size: 19px;
  flex: 0 0 48px;
  box-shadow: 0 0 0 3px #ffffff, 0 0 0 4px var(--edx-gold-soft);
}

/* Pimpinan redaksi: dua kartu berdampingan */
.edx-lead {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
}
.edx-lead-card {
  position: relative;
  text-align: center;
  padding: 30px 22px 24px;
  background: #ffffff;
  border: 1px solid #ecc9cc;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(58, 7, 11, .06), 0 12px 28px rgba(58, 7, 11, .07);
  transition: box-shadow .3s ease, border-color .3s ease;
}
/* bingkai dalam tipis seperti sertifikat */
.edx-lead-card::before {
  content: "";
  position: absolute;
  inset: 6px;
  border: 1px solid rgba(139, 26, 43, .35);
  border-radius: 2px;
  pointer-events: none;
}
/* garis emas di atas */
.edx-lead-card::after {
  content: "";
  position: absolute;
  top: -1px;
  left: 50%;
  width: 64px;
  height: 3px;
  margin-left: -32px;
  background: var(--edx-gold);
  pointer-events: none;
}
.edx-lead-card:hover {
  border-color: var(--edx-gold);
  box-shadow: 0 1px 2px rgba(58, 7, 11, .06), 0 18px 38px rgba(58, 7, 11, .14);
}

.edx-role {
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: .28em;
  text-transform: uppercase;
  color: var(--edx-gold);
  margin-bottom: 6px;
}
.edx-name {
  font-family: var(--edx-serif);
  font-size: 23px;
  font-weight: 700;
  line-height: 1.2;
  color: var(--edx-maroon);
}
.edx-affil {
  font-family: var(--edx-serif);
  font-style: italic;
  font-size: 16px;
  color: var(--edx-muted);
  margin-top: 4px;
}

/* Link profil: teks dengan garis emas, tanpa gerakan */
.pkp_structure_main .edx a.edx-link,
.edx a.edx-link {
  display: inline-block;
  margin-top: 14px;
  padding-bottom: 2px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
  text-decoration: none;
  color: var(--edx-maroon) !important;
  border-bottom: 1px solid var(--edx-gold);
  transition: color .2s ease, border-color .2s ease;
}
.pkp_structure_main .edx a.edx-link:hover,
.edx a.edx-link:hover {
  color: var(--edx-gold) !important;
  border-bottom-color: var(--edx-maroon);
}

/* Judul bagian Editors */
.edx-section {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 40px 0 8px;
}
.edx-section span { flex: 1; height: 1px; background: #e3b9bd; }
.edx-section b {
  font-family: var(--edx-serif);
  font-size: 22px;
  font-weight: 600;
  font-style: italic;
  color: var(--edx-maroon);
  letter-spacing: .03em;
}

/* Daftar editor */
.edx-list { border-top: 1px solid #f1d9db; }
.edx-row {
  position: relative;
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 16px 14px;
  border-bottom: 1px solid #f1d9db;
  transition: background-color .25s ease;
}
.edx-row::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 2px;
  background: var(--edx-gold);
  transform: scaleY(0);
  transition: transform .25s ease;
  pointer-events: none;
}
.edx-row:hover { background: #fcf3f3; }
.edx-row:hover::before { transform: scaleY(1); }
.edx-info { flex: 1; min-width: 0; }
.edx-row .edx-name { font-size: 20px; }
.edx-row .edx-affil { font-size: 15px; margin-top: 1px; }
.pkp_structure_main .edx-row a.edx-link,
.edx-row a.edx-link {
  margin-top: 0;
  white-space: nowrap;
}

@media (max-width: 640px) {
  .edx-lead { grid-template-columns: minmax(0, 1fr); }
  .edx-row { flex-wrap: wrap; }
  .edx-row a.edx-link { margin-left: 66px; }
}

/* ============================================================================
   EDITORIAL TEAM - MODEL ELEGAN 3D (.edx.edx-3d)
   HTML: <div class="edx edx-3d">.  Kartu & tombol TIDAK bergerak saat hover
   (anti kursor bergetar); kedalaman 3D dari tepi tebal, bayangan berlapis,
   dan monogram yang berputar seperti koin.
   ============================================================================ */
.edx-3d .edx-lead { gap: 28px; }

/* Kartu pimpinan: plakat tebal bertepi emas */
.edx-3d .edx-lead-card {
  border-radius: 10px;
  border: 1px solid #e6bfc3;
  background: linear-gradient(180deg, #ffffff 0%, #fdf5f5 100%);
  box-shadow:
    0 1px 0 #ffffff inset,
    0 -2px 0 rgba(139, 26, 43, .15) inset,
    0 5px 0 #a3303c,
    0 8px 0 #5c0f14,
    0 10px 2px rgba(58, 7, 11, .25),
    0 22px 34px rgba(58, 7, 11, .18);
  margin-bottom: 10px;
}
.edx-3d .edx-lead-card::before { border-radius: 6px; }
.edx-3d .edx-lead-card:hover {
  border-color: #8b1a2b;
  box-shadow:
    0 1px 0 #ffffff inset,
    0 0 0 3px rgba(139, 26, 43, .25),
    0 5px 0 #a3303c,
    0 8px 0 #5c0f14,
    0 10px 2px rgba(58, 7, 11, .3),
    0 30px 46px rgba(58, 7, 11, .26);
}

/* Monogram timbul + putar koin (bukan link, jadi aman bergerak) */
.edx-3d .edx-lead-card,
.edx-3d .edx-row { perspective: 600px; }
.edx-3d .edx-mono {
  background: radial-gradient(circle at 32% 28%, #9a2230 0%, #6e141b 40%, #3a070b 100%);
  text-shadow: 0 1px 0 #ffffff, 0 -1px 0 rgba(0, 0, 0, .5), 0 3px 6px rgba(0, 0, 0, .45);
  box-shadow:
    0 0 0 4px #fff8f8,
    0 0 0 5px #8b1a2b,
    0 0 0 7px #f3d4d7,
    inset 0 3px 6px rgba(255, 255, 255, .25),
    inset 0 -6px 10px rgba(0, 0, 0, .45),
    0 6px 0 #3a070b,
    0 12px 18px rgba(58, 7, 11, .35);
  transition: transform .8s cubic-bezier(.2, .7, .2, 1);
  transform-style: preserve-3d;
}
.edx-3d .edx-mono-sm {
  box-shadow:
    0 0 0 3px #fff8f8,
    0 0 0 4px #8b1a2b,
    inset 0 2px 4px rgba(255, 255, 255, .25),
    inset 0 -4px 7px rgba(0, 0, 0, .45),
    0 4px 0 #3a070b,
    0 8px 12px rgba(58, 7, 11, .3);
}
.edx-3d .edx-lead-card:hover .edx-mono,
.edx-3d .edx-row:hover .edx-mono { transform: rotateY(360deg); }

/* Teks timbul halus */
.edx-3d .edx-name { text-shadow: 0 1px 0 #ffffff, 0 2px 3px rgba(92, 15, 20, .15); }
.edx-3d .edx-role { text-shadow: 0 1px 0 #ffffff; }

/* Tombol profil: tombol bertepi tebal, tidak bergerak */
.pkp_structure_main .edx-3d a.edx-link,
.edx-3d a.edx-link {
  padding: 7px 14px;
  border: 1px solid #8b1a2b;
  border-radius: 999px;
  background: linear-gradient(180deg, #ffffff 0%, #f8e3e5 100%);
  color: #5c0f14 !important;
  box-shadow: 0 1px 0 #ffffff inset, 0 3px 0 #6e141b, 0 5px 8px rgba(58, 7, 11, .15);
  transition: background .2s ease, color .2s ease, box-shadow .2s ease;
}
.pkp_structure_main .edx-3d a.edx-link:hover,
.edx-3d a.edx-link:hover {
  background: linear-gradient(180deg, #7a1620 0%, #5c0f14 100%);
  border-color: #3a070b;
  color: #ffffff !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, .2) inset, 0 3px 0 #2b0508, 0 6px 12px rgba(58, 7, 11, .3);
}
.pkp_structure_main .edx-3d a.edx-link:active,
.edx-3d a.edx-link:active {
  box-shadow: 0 2px 4px rgba(0, 0, 0, .35) inset, 0 1px 0 #2b0508;
}

/* Daftar editor: tiap baris jadi plakat tipis */
.edx-3d .edx-list { border-top: none; }
.edx-3d .edx-row {
  margin-bottom: 14px;
  padding: 16px 18px;
  border: 1px solid #ecc9cc;
  border-radius: 10px;
  background: linear-gradient(180deg, #ffffff 0%, #fcf4f4 100%);
  box-shadow:
    0 1px 0 #ffffff inset,
    0 4px 0 #b8424e,
    0 6px 0 #6e141b,
    0 12px 18px rgba(58, 7, 11, .12);
  transition: box-shadow .25s ease, border-color .25s ease;
}
.edx-3d .edx-row::before { border-radius: 10px 0 0 10px; width: 4px; }
.edx-3d .edx-row:hover {
  background: linear-gradient(180deg, #ffffff 0%, #fbeaea 100%);
  border-color: #8b1a2b;
  box-shadow:
    0 1px 0 #ffffff inset,
    0 0 0 3px rgba(139, 26, 43, .22),
    0 4px 0 #b8424e,
    0 6px 0 #6e141b,
    0 18px 26px rgba(58, 7, 11, .2);
}

/* ============================================================================
   EDITORIAL TEAM - ELEGAN 3D BERGERAK (.edx.edx-3d.edx-move)
   Struktur: .edx-lead-card / .edx-row = lapisan luar DIAM (area sentuh)
             .edx-face                  = lapisan dalam yang BERGERAK
   Karena area sentuh tidak ikut bergeser, kursor tidak bergetar.
   ============================================================================ */

/* Lapisan luar: polos & diam */
.edx-move .edx-lead-card,
.edx-move .edx-row,
.edx-move .edx-lead-card:hover,
.edx-move .edx-row:hover {
  padding: 0 !important;
  border: none !important;
  background: none !important;
  box-shadow: none !important;
  transform: none !important;
  perspective: 800px;
}
.edx-move .edx-lead-card::before,
.edx-move .edx-lead-card::after,
.edx-move .edx-row::before { content: none !important; }
.edx-move .edx-row { display: block; margin-bottom: 18px; }

/* Lapisan dalam: semua tampilan + gerakan */
.edx-move .edx-face {
  position: relative;
  overflow: hidden;
  border: 1px solid #e6bfc3;
  border-radius: 10px;
  background: linear-gradient(180deg, #ffffff 0%, #fdf5f5 100%);
  box-shadow:
    0 1px 0 #ffffff inset,
    0 5px 0 #a3303c,
    0 8px 0 #5c0f14,
    0 10px 2px rgba(58, 7, 11, .22),
    0 20px 30px rgba(58, 7, 11, .16);
  transform-origin: 50% 100%;
  transition:
    transform .45s cubic-bezier(.2, .8, .2, 1.2),
    box-shadow .45s ease,
    border-color .45s ease;
  will-change: transform;
}
.edx-move .edx-lead-card .edx-face {
  text-align: center;
  padding: 30px 22px 26px;
}
.edx-move .edx-row .edx-face {
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 16px 18px;
}

/* bingkai dalam (kartu pimpinan) */
.edx-move .edx-lead-card .edx-face::before {
  content: "";
  position: absolute;
  inset: 6px;
  border: 1px solid rgba(139, 26, 43, .35);
  border-radius: 6px;
  pointer-events: none;
}
/* garis emas kiri (baris editor) */
.edx-move .edx-row .edx-face::before {
  content: "";
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 4px;
  background: linear-gradient(180deg, #c0394a, #6e141b);
  transform: scaleY(0);
  transition: transform .35s ease;
  pointer-events: none;
}

/* kilau emas yang menyapu saat disentuh */
.edx-move .edx-face::after {
  content: "";
  position: absolute;
  top: 0; bottom: 0;
  left: -60%;
  width: 45%;
  background: linear-gradient(105deg, transparent 0%, rgba(255, 255, 255, .65) 50%, transparent 100%);
  transform: skewX(-18deg);
  pointer-events: none;
  transition: left .9s ease;
}

/* ---- Saat disentuh ---- */
.edx-move .edx-lead-card:hover .edx-face {
  transform: translateY(-10px);
  border-color: #8b1a2b;
  box-shadow:
    0 1px 0 #ffffff inset,
    0 0 0 3px rgba(139, 26, 43, .25),
    0 6px 0 #a3303c,
    0 10px 0 #5c0f14,
    0 14px 4px rgba(58, 7, 11, .25),
    0 36px 50px rgba(58, 7, 11, .28);
}
.edx-move .edx-row:hover .edx-face {
  transform: translateY(-6px);
  border-color: #8b1a2b;
  background: linear-gradient(180deg, #ffffff 0%, #fbeaea 100%);
  box-shadow:
    0 1px 0 #ffffff inset,
    0 0 0 3px rgba(139, 26, 43, .22),
    0 5px 0 #b8424e,
    0 8px 0 #6e141b,
    0 26px 34px rgba(58, 7, 11, .24);
}
.edx-move .edx-row:hover .edx-face::before { transform: scaleY(1); }
.edx-move .edx-lead-card:hover .edx-face::after,
.edx-move .edx-row:hover .edx-face::after { left: 130%; }

/* Tombol profil ikut terangkat bersama kartu: area klik diperpanjang
   ke bawah supaya tetap pas di bawah kursor */
.edx-move a.edx-link { position: relative; z-index: 2; }
.edx-move a.edx-link::after {
  content: "";
  position: absolute;
  left: 0; right: 0;
  top: -6px;
  bottom: -16px;
}

@media (prefers-reduced-motion: reduce) {
  .edx-move .edx-face,
  .edx-move .edx-mono { transition: none !important; }
  .edx-move .edx-lead-card:hover .edx-face,
  .edx-move .edx-row:hover .edx-face { transform: none; }
}

/* Tampilan HP untuk model bergerak (Editorial Team & Reviewers) */
@media (max-width: 640px) {
  .edx-move .edx-row .edx-face {
    flex-wrap: wrap;
    gap: 12px 14px;
    padding: 14px;
  }
  .edx-move .edx-row .edx-info { flex: 1 1 0; min-width: 0; }
  .edx-move .edx-row .edx-name { font-size: 18px; }
  .edx-move .edx-row .edx-affil { font-size: 14px; }
  .pkp_structure_main .edx-move .edx-row a.edx-link,
  .edx-move .edx-row a.edx-link {
    margin-left: 62px;
    white-space: normal;
  }
  .edx-kicker { font-size: 15px; }
}

/* ============================================================================
   REVIEWERS / TIM - KODE ANDA (.eb3d)  -  HTML tidak perlu diubah
   <div class="eb3d"><div class="eb-grid"><div class="eb-card">
     <p class="eb-name"> <p class="eb-aff"> <a class="eb-badge">
   Kartu naik lurus saat disentuh. Area sentuh diperpanjang ke bawah
   (::before) supaya kartu tidak naik-turun / kursor tidak bergetar.
   ============================================================================ */
.eb3d {
  font-family: "Poppins", Arial, sans-serif;
  max-width: 860px;
  margin: 8px auto 0;
}
.eb3d * { box-sizing: border-box; }

.eb3d .eb-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 26px 24px;
}

.eb3d .eb-card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 26px 22px 24px;
  border: 1px solid #e6bfc3;
  border-top: 3px solid #8b1a2b;
  border-radius: 12px;
  /* lapisan kilau + latar */
  background:
    linear-gradient(105deg, transparent 35%, rgba(255, 255, 255, .85) 50%, transparent 65%) -220% 0 / 220% 100% no-repeat,
    linear-gradient(180deg, #ffffff 0%, #fdf5f5 100%);
  box-shadow:
    0 1px 0 #ffffff inset,
    0 5px 0 #a3303c,
    0 8px 0 #5c0f14,
    0 10px 2px rgba(58, 7, 11, .22),
    0 20px 30px rgba(58, 7, 11, .14);
  transition:
    transform .45s cubic-bezier(.2, .8, .2, 1.2),
    box-shadow .45s ease,
    border-color .45s ease,
    background-position .9s ease;
}
/* area sentuh tambahan di bawah kartu (tidak terlihat) */
.eb3d .eb-card::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -22px;
  height: 22px;
}
/* ornamen kecil di atas nama */
.eb3d .eb-card::after {
  content: "\2756";
  display: block;
  order: -1;
  font-size: 13px;
  line-height: 1;
  color: #8b1a2b;
  margin-bottom: 10px;
  transition: transform .8s cubic-bezier(.2, .7, .2, 1);
}

.eb3d .eb-card:hover {
  transform: translateY(-8px);
  border-color: #c0394a;
  border-top-color: #5c0f14;
  background-position: 220% 0, 0 0;
  box-shadow:
    0 1px 0 #ffffff inset,
    0 0 0 3px rgba(139, 26, 43, .18),
    0 6px 0 #a3303c,
    0 10px 0 #5c0f14,
    0 14px 4px rgba(58, 7, 11, .22),
    0 34px 46px rgba(58, 7, 11, .26);
}
.eb3d .eb-card:hover::after { transform: rotate(180deg) scale(1.25); }

.eb3d .eb-card p { margin: 0; padding: 0; }
.eb3d .eb-name {
  font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
  color: #5c0f14;
  text-shadow: 0 1px 0 #ffffff, 0 2px 3px rgba(92, 15, 20, .15);
}
.eb3d .eb-aff {
  font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  font-style: italic;
  font-size: 16px;
  line-height: 1.35;
  color: #7d6b6c;
  margin-top: 6px !important;
  flex: 1 1 auto;
}

.pkp_structure_main .eb3d a.eb-badge,
.eb3d a.eb-badge {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin-top: 16px;
  padding: 7px 16px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .12em;
  text-transform: uppercase;
  text-decoration: none;
  color: #5c0f14 !important;
  border: 1px solid #8b1a2b;
  border-radius: 999px;
  background: linear-gradient(180deg, #ffffff 0%, #f8e3e5 100%);
  box-shadow: 0 1px 0 #ffffff inset, 0 3px 0 #6e141b, 0 5px 8px rgba(58, 7, 11, .15);
  transition: background .2s ease, color .2s ease, box-shadow .2s ease;
}
/* area klik tombol diperpanjang (tombol ikut naik bersama kartu) */
.eb3d a.eb-badge::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -6px;
  bottom: -18px;
}
.pkp_structure_main .eb3d a.eb-badge:hover,
.eb3d a.eb-badge:hover {
  background: linear-gradient(180deg, #7a1620 0%, #5c0f14 100%);
  border-color: #3a070b;
  color: #ffffff !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, .2) inset, 0 3px 0 #2b0508, 0 6px 12px rgba(58, 7, 11, .3);
}
.pkp_structure_main .eb3d a.eb-badge:active,
.eb3d a.eb-badge:active {
  box-shadow: 0 2px 4px rgba(0, 0, 0, .35) inset, 0 1px 0 #2b0508;
}

@media (max-width: 640px) {
  .eb3d .eb-grid { grid-template-columns: minmax(0, 1fr); gap: 22px; }
  .eb3d .eb-name { font-size: 20px; }
}
@media (prefers-reduced-motion: reduce) {
  .eb3d .eb-card, .eb3d .eb-card::after { transition: none; }
  .eb3d .eb-card:hover { transform: none; }
}


/* ============================================================================
   ABOUT (.ah-) - GERAK KEMBALI, TANPA GETAR
   Tempel di PALING BAWAH alhukm-style.css
   Kartu naik lurus (tanpa rotateX). Area sentuh diperpanjang ke bawah
   lewat ::after, jadi saat kartu naik kursor tetap "di dalam" kartu.
   ============================================================================ */
.ah-head,
.ah-card {
  transition:
    transform .4s cubic-bezier(.2, .8, .2, 1.2),
    box-shadow .4s ease,
    border-color .4s ease;
}
.ah-head::after,
.ah-card::after {
  bottom: -16px;
  height: 16px;
}

.ah-head:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 2px 0 #d4a443, 0 18px 28px rgba(58, 7, 11, .45) !important;
}
.ah-card:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 0 0 2px rgba(212, 164, 67, .5), 0 16px 26px rgba(92, 15, 20, .25) !important;
}

/* Tombol Google Scholar / Garuda: naik lagi, area klik diperpanjang */
.pkp_structure_main a.ah-btn {
  position: relative;
}
.pkp_structure_main a.ah-btn::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: -8px;
}
.pkp_structure_main a.ah-btn:hover {
  transform: translateY(-3px) !important;
}
.pkp_structure_main a.ah-btn-red:hover {
  box-shadow: 0 7px 0 #3a070b, 0 0 0 3px rgba(212, 164, 67, .55) !important;
}
.pkp_structure_main a.ah-btn-gold:hover {
  box-shadow: 0 7px 0 #a37a25, 0 0 0 3px rgba(92, 15, 20, .35) !important;
}
.pkp_structure_main a.ah-btn:active {
  transform: translateY(2px) !important;
  box-shadow: 0 1px 0 #3a070b !important;
}

@media (prefers-reduced-motion: reduce) {
  .ah-head:hover,
  .ah-card:hover,
  .pkp_structure_main a.ah-btn:hover {
    transform: none !important;
  }
}


/* ============================================================================
   FOOTER 3D SAAT DISENTUH
   Kotak footer (area sentuh) TIDAK bergerak, jadi kursor tidak bergetar.
   Yang bergerak: isi footer (miring ke belakang), kilau emas yang menyapu,
   tepi tebal + bayangan, teks timbul, dan logo lisensi yang terangkat.
   ============================================================================ */
.pkp_structure_footer_wrapper {
  position: relative;
  perspective: 900px;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, .12) inset,
    0 5px 0 #2b0508,
    0 9px 3px rgba(0, 0, 0, .22),
    0 18px 28px rgba(58, 7, 11, .25);
  transition: box-shadow .45s ease;
}
.pkp_structure_footer_wrapper:hover {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, .18) inset,
    0 0 0 3px rgba(212, 164, 67, .45),
    0 7px 0 #2b0508,
    0 12px 4px rgba(0, 0, 0, .28),
    0 30px 46px rgba(58, 7, 11, .4);
}

/* Isi footer naik lurus sedikit (tanpa miring) */
.pkp_structure_footer {
  transition: transform .5s cubic-bezier(.2, .8, .2, 1.2);
}
.pkp_structure_footer_wrapper:hover .pkp_structure_footer {
  transform: translateY(-4px);
}

/* Kilau emas menyapu dari kiri ke kanan */
.pkp_structure_footer_wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -60%;
  width: 40%;
  z-index: 1;
  background: linear-gradient(105deg, transparent 0%, rgba(240, 201, 106, .22) 50%, transparent 100%);
  transform: skewX(-18deg);
  pointer-events: none;
  transition: left 1.1s ease;
}
.pkp_structure_footer_wrapper:hover::before {
  left: 130%;
}

/* Judul & teks tebal jadi timbul */
.pkp_structure_footer_wrapper h1,
.pkp_structure_footer_wrapper h2,
.pkp_structure_footer_wrapper h3,
.pkp_structure_footer_wrapper h4,
.pkp_structure_footer_wrapper h5,
.pkp_structure_footer_wrapper strong,
.pkp_structure_footer_wrapper b {
  transition: text-shadow .45s ease;
}
.pkp_structure_footer_wrapper:hover h1,
.pkp_structure_footer_wrapper:hover h2,
.pkp_structure_footer_wrapper:hover h3,
.pkp_structure_footer_wrapper:hover h4,
.pkp_structure_footer_wrapper:hover h5,
.pkp_structure_footer_wrapper:hover strong,
.pkp_structure_footer_wrapper:hover b {
  text-shadow: 0 1px 0 #8a5f1a, 0 2px 0 #5c3a0e, 0 4px 6px rgba(0, 0, 0, .55);
}

/* Logo lisensi CC terangkat (dipicu oleh footer, bukan logonya, jadi tidak bergetar) */
.pkp_structure_footer_wrapper img {
  transition: transform .45s cubic-bezier(.2, .8, .2, 1.2), filter .45s ease;
}
.pkp_structure_footer_wrapper:hover img {
  transform: translateY(-4px) scale(1.05);
  filter: drop-shadow(0 6px 6px rgba(0, 0, 0, .45));
}

/* Link berpendar emas saat disentuh */
.pkp_structure_footer_wrapper a {
  transition: color .2s ease, text-shadow .2s ease;
}
.pkp_structure_footer_wrapper a:hover {
  color: #f0c96a !important;
  text-shadow: 0 0 8px rgba(240, 201, 106, .6);
}

@media (prefers-reduced-motion: reduce) {
  .pkp_structure_footer_wrapper::before,
  .pkp_structure_footer,
  .pkp_structure_footer_wrapper img {
    transition: none !important;
  }
  .pkp_structure_footer_wrapper:hover .pkp_structure_footer,
  .pkp_structure_footer_wrapper:hover img {
    transform: none !important;
  }
}