.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: #023933;
}

.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: #d2e9de;
  box-shadow: gray 0px 0px 1px 0px;
  color: #097642;
}

.badan a::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.2rem;
  background-color: #023933;
  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(166, 87, 0, 0.12);
  /* border-left: 3px solid #023933; */
  border-radius: 15px 15px 15px 15px;
  /* box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); */
  /* transition: all .2s ease-in-out; */
}

.obj_issue_toc .galleys_links {
  /* margin-top: .714rem; */
  /* font-weight: bold; */
  /* margin-top: 4px; */
  /* padding-bottom: 7px; */
  /* padding: 10px .714rem; */
  /* background-color: #b8ffd5; */
  /* border-radius: 4px; */
  /* border-left: 3px solid #097642; */
}

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

.fa {
  color: #3a3c42;
}

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

.pkp_structure_main a {
  color: #3a3c42 !important;
  text-transform: uppercase;
}

.pkp_structure_main a:hover {
  color: #21a566 !important;
}

.obj_galley_link {
  font-weight: 700;
  text-transform: Capitalize !important;
  background: #f1f1f1 !important;
  color: #ffffff !important;
  border: solid 1px #097642 !important;
}

.obj_galley_link:hover {
  background: #c6ecc6 !important;
  color: #097642 !important;
}

.pkp_structure_footer_wrapper {
  background: #fbfbfc;
  border-top: 1px solid #097642;
}

.pkp_footer_content {
  float: left;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 1px;
}

.pkp_brand_footer {
  display: none;
  float: right;
  width: 20%;
  padding-bottom: 10px;
  padding-top: 50px;
}

.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(34, 68, 229, 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(34, 68, 229, 0.12);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  transition: all .3s ease-in-out;
  border-radius: 15px 15px 15px 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;
}

.pkp_navigation_primary_row {
  background: #ffffff;
  padding: 10px;
}

.pkp_site_name {
  margin: 0 !important;
  padding: 0px;
}

.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;
}

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

.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 15px !important;
  line-height: 40px !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, robot, geneva, sans-serif;
  color: #000000 !important;
  transition: 0.2s;
}

.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a:hover {
  background: #c6ecc6;
  color: #097642 !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;
  -webkit-border-radius: 0 !important;
  -o-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_name_wrapper {
  background: #ffffff;
  margi-bottom: 0px !important;
}

html,
body {}

.pkp_site_nav_toggle {
  background: #01a2e9 !important;
}

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

.pkp_navigation_search_wrapper a {
  color: #097642;
}

.pkp_navigation_search_wrapper a:hover {
  color: #097642;
}

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

.homepage_about {
  text-align: justify;
}

.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);
  /* font-weight: bold; */
  color: #7f8490 !important;
  /* margin-top: 4px; */
  /* padding-bottom: 5px; */
  padding-left: 30px;
}

.description {
  text-align: justify;
}

.profile a {
  background: #03bf62;
  color: #ffffff !important;
}

.pkp_navigation_user_wrapper {
  padding-left: 0;
  padding-right: 30px;
  padding-top: 10px;
}

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

.dropdown-menu {
  background: #03bf62 !important;
}

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

.obj_issue_toc .heading .cover img {
  box-shadow: 4px 2px 5px gray;
}

.homepage_image {
  display: inline-block;
  width: 28%;
  margin-left: 0px;
  float: right;
  margin-top: 0px !important;
}

.homepage_image img {
  margin: 60px 0px 0px -20px;
  width: 300px;
  display: inline-block;
  float: left;
  box-shadow: 4px 2px 5px gray;
  margin-right: 15px;
}

.homepage_about {
  display: inline-block;
  width: 70%;
  text-align: justify;
}

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

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

@media(max-width: 600px) {
  .homepage_about {
    width: 100%;
  }

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

@media(max-width: 991px) {
  .homepage_about {
    margin-top: 30px;
  }

  .pkp_structure_main {
    margin-top: 0px !important;
  }

  .pkp_site_name_wrapper {
    padding-bottom: 0px;
  }

  .pkp_site_name_wrapper {
    padding-top: ;
  }

  .pkp_navigation_search_wrapper {
    margin: center !important;
    padding: 10px !important;
  }

  .pkp_structure_main {
    padding-top: 100px;
  }
}

@media(max-width: 360px) {
  .homepage_image {
    width: 90%;
    margin: 0;
  }

  .homepage_about {
    margin-top: 0px;
  }

  .pkp_structure_main {
    padding-top: 0px !important;
  }
}

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

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

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

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

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

.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: #023933;
  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;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  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-radius: 0;
  border: 1px solid #e5e7eb;
  border-top: none;
  box-shadow: 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;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  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: var(--primary-color, #f1f1f1);
  color: #008029;
  border-color: var(--primary-color, #f1f1f1);
  padding-left: calc(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: #008000
}

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

.block_sidebar_nav .pkp_nav_list li.current a {
  background: var(--primary-color, #008029);
  color: #fff;
  border-color: var(--primary-color, #1e6292);
  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
}

.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(var(--primary-rgb, 30, 98, 146), 0.25);
  border-right: 4px solid var(--primary-color, #023933);
  overflow: hidden;
}

.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);
}

body {
  padding-top: -275px;
}

.pkp_site_name {
  transition: all 0.3s ease;
}

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

.homepage_about {
  display: inline-block;
  width: 100%;
}

.homepage_about {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
}

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

a[href*="about"] {

}

/* Menyesuaikan posisi wrapper user di header OJS */
.pkp_navigation_user_wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end;
}

/* ============================================================================
   SIDEBAR MUWAFAQAT — blok kustom sidebar kanan
   Ditambahkan agar seragam dengan gaya Jurnal Al Burhan.
   Semua selector memakai prefix .mwf- sehingga TIDAK bertabrakan dengan
   .kepala / .badan / .block_sidebar_nav / .pkp_nav_list di atas.
   Markup pasangannya: <div class="mwf-sidebar"> ... </div>
   ============================================================================ */

.mwf-sidebar {
    --mwf-primary: #023933;
    --mwf-accent: #097642;
    --mwf-border: #e5e7eb;
    --mwf-soft: #d2e9de;
    --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; }

/* --- Netralkan kartu bawaan .pkp_block agar tidak jadi kotak di dalam kotak --- */
.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-right: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
}
.pkp_block:has(.mwf-sidebar):hover {
    box-shadow: none !important;
}

/* --- Kartu per bagian --- */
.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);
}

/* --- Judul bagian: putih + ikon hamburger, gaya nav tema --- */
.mwf-head {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin: 0;
    padding: .714rem 1.43rem;
    background: #ffffff;
    color: var(--mwf-primary);
    font-family: inherit;
    font-size: .95rem;
    font-weight: 700;
    line-height: 1.43rem;
    letter-spacing: .07em;
    text-transform: uppercase;
    text-align: left;
    border-bottom: 1px solid var(--mwf-border);
}

/* --- Badan kartu (pengganti .badan) --- */
.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; }

/* --- Daftar menu: baris putih bertumpuk + chevron kanan --- */
.mwf-menu { display: block; }
.mwf-menu .mwf-item {
    position: relative;
    display: flex;
    align-items: center;
    gap: .6rem;
    padding: .714rem 2.4rem .714rem 1.43rem;
    font-size: .92rem;
    line-height: 1.43rem;
    font-weight: 600;
    color: rgba(0, 0, 0, .87);
    text-align: left;
    text-decoration: none;
    background: #ffffff;
    border: none;
    border-bottom: 1px solid var(--mwf-border);
    border-radius: 0;
    box-shadow: none;
    transition: background-color .2s cubic-bezier(.165,.84,.44,1),
                color .2s ease, transform .2s ease;
}
.mwf-menu .mwf-item:last-child { border-bottom: none; }

/* Chevron kanan (FontAwesome, sama seperti nav tema) */
.mwf-menu .mwf-item::after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: .8em;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f054";
    position: absolute;
    right: 1.07rem;
    top: 50%;
    transform: translateY(-50%);
    opacity: .3;
    transition: all .2s ease;
}
.mwf-menu .mwf-item::before { content: none; }

.mwf-menu a.mwf-item:hover,
.mwf-menu a.mwf-item:focus {
    background-color: var(--mwf-soft);
    color: var(--mwf-primary);
    text-decoration: none;
    transform: translateX(3px);
}
.mwf-menu a.mwf-item:hover::after,
.mwf-menu a.mwf-item:focus::after {
    opacity: 1;
    right: .714rem;
    color: var(--mwf-accent);
}

/* Item aktif */
.mwf-menu .mwf-item.mwf-current {
    background-color: var(--mwf-soft);
    color: var(--mwf-primary);
}
.mwf-menu .mwf-item.mwf-current::after { opacity: 1; color: var(--mwf-accent); }

.mwf-menu span.mwf-item { color: #6b7280; cursor: default; }
.mwf-menu span.mwf-item::after { opacity: .12; }

/* Ikon menu (FontAwesome 4 — sudah dimuat tema) */
.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;
    transition: opacity .2s ease, color .2s ease;
}
.mwf-menu a.mwf-item:hover .mwf-ico,
.mwf-menu a.mwf-item:focus .mwf-ico {
    color: var(--mwf-primary);
    opacity: 1;
}
.mwf-menu span.mwf-item .mwf-ico { color: #9ca3af; }

/* Ikon pada judul bagian */
.mwf-head .mwf-ico-head {
    margin-right: 0;
    font-size: .88rem;
    opacity: .8;
    color: var(--mwf-primary);
}
.mwf-label { flex: 1 1 auto; }

/* --- Slider logo berjalan --- */
@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;
    border: none;
    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; }

/* --- Tautan statistik --- */
.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: #d2e9de; }

/* --- Tombol WhatsApp --- */
.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); }

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


/* ============================================================================
   HALAMAN EDITORIAL TEAM — kartu anggota redaksi
   Prefix .ed- agar tidak bertabrakan dengan class tema mana pun.
   ============================================================================ */

.ed-team {
    --ed-primary: #023933;
    --ed-accent: #097642;
    --ed-soft: #d2e9de;
    --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; }

/* --- Judul kelompok --- */
.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; }

/* --- Grid kartu --- */
.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)); }

/* --- Kartu anggota --- */
.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);
}

/* --- Foto / avatar bundar --- */
.ed-photo {
    width: 108px;
    height: 108px;
    margin-bottom: .857rem;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid var(--ed-primary);
    background: linear-gradient(135deg, #097642, #023933);
    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;
}

/* --- Identitas --- */
.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; }

/* --- Badge tautan profil --- */
.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.ed-rg      { background: #e6f4f3; color: #00706b !important; border-color: #c2e3e1; }
.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;
}

/* --- Responsif --- */
@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; }
}

/* ============================================================================
   HEADER — IKON MENU + TOMBOL REGISTER/LOGIN
   Tempel di bagian bawah Journal Style Sheet.
   Selector dikunci ke area header agar tidak mengenai sidebar/konten.
   ============================================================================ */

:root {
    --hdr-primary: #c0392b;        /* warna tombol Register */
    --hdr-primary-dark: #96271b;   /* saat hover */
    --hdr-primary-soft: #f7dcd8;   /* garis tepi tombol Login */
    --hdr-icon: #097642;           /* warna ikon menu */
}

/* ---------------------------------------------------------------------------
   1. IKON PADA MENU UTAMA
   Disasar berdasarkan alamat tiap menu, bukan urutan — jadi tetap benar
   walau urutan menu diubah di admin.

   CATATAN: tidak ada aturan untuk "Home". Sebagian tema OJS sudah
   menyediakan ikon rumah sendiri; menambah lagi membuatnya dobel.
   Kalau di jurnal Tim menu Home justru polos, hapus tanda komentar
   pada blok HOME di bawah.
   --------------------------------------------------------------------------- */

/* --- Perataan baris menu: semua item sejajar lurus --- */
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper > ul {
    display: flex !important;
    align-items: center;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper > ul > li {
    display: flex !important;
    align-items: center;
    float: none !important;
}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper > ul > li > a {
    display: inline-flex !important;
    align-items: center;
    line-height: 1.2 !important;
    padding-top: .6rem !important;
    padding-bottom: .6rem !important;
    white-space: nowrap;
}
/* Ikon sejajar tengah dengan teks, lebar seragam agar tidak bergoyang */
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper > ul > li > a::before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: .95em;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 1.1em;
    margin-right: .4em;
    text-align: center;
    line-height: 1;
    color: var(--hdr-icon);
    opacity: .9;
    transition: color .2s ease;
}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper > ul > li > a:hover::before {
    color: inherit;
}

/* Home — item pertama. Href Home tidak punya pola khas
   (berakhir "/namajurnal/"), jadi disasar lewat posisi + "/index". */
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper > ul > li:first-child > a::before,
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper > ul > li > a[href$="/index"]::before {
    content: "\f015";
}

/* Current */
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper > ul > li > a[href*="/issue/current"]::before {
    content: "\f07c";
}
/* Archives */
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper > ul > li > a[href*="/issue/archive"]::before {
    content: "\f07b";
}
/* Contact */
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper > ul > li > a[href*="/about/contact"]::before {
    content: "\f0e0";
}
/* About */
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper > ul > li > a[href$="/about"]::before {
    content: "\f108";
}
/* Announcements */
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper > ul > li > a[href*="/announcement"]::before {
    content: "\f0a1";
}
/* Editorial Team */
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper > ul > li > a[href*="ditorial"]::before {
    content: "\f0c0";
}
/* Submissions */
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper > ul > li > a[href*="/about/submissions"]::before {
    content: "\f093";
}

/* Submenu dropdown: kembali ke tata letak vertikal biasa */
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper > ul > li ul {
    display: block !important;
}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper > ul > li ul li {
    display: block !important;
}

/* Submenu dropdown dibiarkan polos agar tidak ramai */
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper > ul > li ul li a::before {
    content: none !important;
}

/* Cegah ikon dobel bila tema sudah menaruh ikon di <li> */
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper > ul > li::before {
    content: none !important;
}

/* ---------------------------------------------------------------------------
   2. TOMBOL REGISTER & LOGIN

   Posisi dibiarkan apa adanya sesuai tema — tidak ada override
   position/float/margin di sini, supaya tidak naik menutupi banner.
   Yang diatur hanya bentuk dan warna tombolnya.

   PENTING: di OJS, Register DAN Login sama-sama <li class="profile">,
   jadi keduanya dibedakan lewat href, bukan lewat class.
   --------------------------------------------------------------------------- */

/* --- Tarik blok Register/Login/Logout ke baris menu, rata kanan ---
   Sebagian tema menaruhnya melayang di tengah atas banner. Dengan
   menjadikan <nav> sebagai flex container, blok ini duduk sebaris
   dengan menu utama dan menempel di pojok kanan — lepas dari foto. */
.pkp_site_nav_menu {
    display: flex !important;
    align-items: center;
    flex-wrap: nowrap;
    gap: .5rem;
}
.pkp_site_nav_menu > .pkp_navigation_primary_row {
    flex: 1 1 auto;
    min-width: 0;
}
.pkp_site_nav_menu > a#siteNav { flex: 0 0 0; }

.pkp_navigation_user_wrapper {
    position: static !important;
    float: none !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    flex: 0 0 auto !important;
    width: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    margin: 0 0 0 auto !important;
    padding: 0 1rem 0 0 !important;
    background: transparent !important;
}

.pkp_navigation_user_wrapper .pkp_navigation_user {
    display: inline-flex !important;
    align-items: center;
    gap: .4rem;
    width: auto !important;
    max-width: none;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none;
}
.pkp_navigation_user_wrapper .pkp_navigation_user > li {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: none !important;
}
.pkp_navigation_user_wrapper .pkp_navigation_user > li > a {
    display: inline-block;
    padding: .42rem 1.25rem !important;
    margin: 0 !important;
    font-size: .9rem;
    font-weight: 600;
    line-height: 1.2;
    white-space: nowrap;
    text-decoration: none;
    border-radius: 999px !important;
    border: 1px solid transparent;
    transition: all .2s ease;
}
.pkp_navigation_user_wrapper .pkp_navigation_user > li > a::before,
.pkp_navigation_user_wrapper .pkp_navigation_user > li > a::after {
    content: none !important;
}

/* Register — tombol isi penuh */
.pkp_navigation_user_wrapper .pkp_navigation_user > li > a[href*="/user/register"] {
    background: var(--hdr-primary) !important;
    color: #ffffff !important;
    border-color: var(--hdr-primary) !important;
}
.pkp_navigation_user_wrapper .pkp_navigation_user > li > a[href*="/user/register"]:hover {
    background: var(--hdr-primary-dark) !important;
    border-color: var(--hdr-primary-dark) !important;
}

/* Login — tombol garis tepi */
.pkp_navigation_user_wrapper .pkp_navigation_user > li > a[href*="/login"] {
    background: #ffffff !important;
    color: var(--hdr-primary) !important;
    border-color: var(--hdr-primary-soft) !important;
}
.pkp_navigation_user_wrapper .pkp_navigation_user > li > a[href*="/login"]:hover {
    background: var(--hdr-primary-soft) !important;
    color: var(--hdr-primary-dark) !important;
    border-color: var(--hdr-primary) !important;
}

/* Logout — tombol garis tepi, sepadan dengan Login */
.pkp_navigation_user_wrapper .pkp_navigation_user > li > a[href*="/logout"] {
    background: #ffffff !important;
    color: var(--hdr-primary) !important;
    border-color: var(--hdr-primary-soft) !important;
}
.pkp_navigation_user_wrapper .pkp_navigation_user > li > a[href*="/logout"]:hover {
    background: var(--hdr-primary-soft) !important;
    color: var(--hdr-primary-dark) !important;
    border-color: var(--hdr-primary) !important;
}

/* Dashboard / nama pengguna saat sudah login */
.pkp_navigation_user_wrapper .pkp_navigation_user > li > a[href*="/submissions"],
.pkp_navigation_user_wrapper .pkp_navigation_user > li > a[href*="/user/profile"] {
    background: var(--hdr-primary) !important;
    color: #ffffff !important;
    border-color: var(--hdr-primary) !important;
}

/* OPSIONAL — sembunyikan Register/Login yang kembar di baris menu utama.
   Aktifkan bila di menu atas masih muncul "Login"/"Register" sebagai teks biasa.
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper > ul > li > a[href*="/user/register"],
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper > ul > li > a[href$="/login"] {
    display: none;
}
*/

/* ---------------------------------------------------------------------------
   3. RESPONSIF
   --------------------------------------------------------------------------- */
@media (max-width: 991px) {
    .pkp_site_nav_menu {
        flex-wrap: wrap;
    }
    .pkp_navigation_user_wrapper {
        padding-right: .5rem !important;
    }

    .pkp_navigation_user_wrapper .pkp_navigation_user {
        background: transparent;
        border-color: transparent;
        box-shadow: none;
    }
    .pkp_navigation_user_wrapper .pkp_navigation_user > li > a {
        padding: .35rem .9rem !important;
        font-size: .82rem;
    }
}