/* =========================================================
   OJS E-BizPreneur - CLEAN ALIGN CSS v1
   Project OJS Toni x YMA Press
   OJS 3.5.x - Manuscript child theme

   Catatan:
   File ini dibuat ulang dari nol, bukan hasil tumpukan step sebelumnya.
   Tujuan utama:
   - Website tidak full screen
   - Header, navigasi, konten, sidebar, dan footer sejajar
   - Menghilangkan garis pemotong sidebar
   ========================================================= */

:root {
  --ojs-site-width: 1180px;
  --ojs-inner-pad: 36px;

  --ojs-navy: #031d3a;
  --ojs-navy-2: #062b4f;
  --ojs-blue: #084d7c;
  --ojs-gold: #f7b733;
  --ojs-gold-2: #ffcf66;

  --ojs-bg: #f4f7fb;
  --ojs-white: #ffffff;
  --ojs-text: #071b32;
  --ojs-muted: #5d6b7c;
  --ojs-border: #dce4ee;
  --ojs-shadow: 0 12px 35px rgba(3, 29, 58, 0.10);
  --ojs-radius: 14px;
}

/* =========================
   BASIC
   ========================= */

html {
  scroll-behavior: smooth;
}

body {
  margin: 0 !important;
  color: var(--ojs-text) !important;
  font-family: Arial, Helvetica, sans-serif !important;
  line-height: 1.65 !important;
  background:
    radial-gradient(circle at 10% 20%, rgba(247, 183, 51, .08) 0, rgba(247, 183, 51, 0) 26%),
    radial-gradient(circle at 90% 18%, rgba(0, 122, 190, .18) 0, rgba(0, 122, 190, 0) 30%),
    linear-gradient(135deg, #020b17 0%, #061b31 44%, #03111f 100%) !important;
}

a {
  color: var(--ojs-blue);
  transition: all .2s ease;
}

a:hover,
a:focus {
  color: var(--ojs-gold);
  text-decoration: none;
}

/* =========================
   PAGE FRAME
   Semua area utama memakai lebar yang sama.
   Ini bagian penting agar tidak geser.
   ========================= */

.pkp_structure_page {
  width: min(var(--ojs-site-width), 100%) !important;
  max-width: var(--ojs-site-width) !important;
  margin: 0 auto !important;
  background: var(--ojs-bg) !important;
  min-height: 100vh !important;
  box-shadow: 0 0 42px rgba(0, 0, 0, .38) !important;
  overflow: hidden !important;
}

.pkp_structure_head,
.pkp_structure_content,
.pkp_structure_footer_wrapper {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

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

.pkp_structure_head {
  background:
    radial-gradient(circle at 78% 28%, rgba(247,183,51,.16) 0, rgba(247,183,51,0) 30%),
    linear-gradient(135deg, var(--ojs-navy) 0%, var(--ojs-navy-2) 55%, #07365f 100%) !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

.pkp_head_wrapper {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 32px var(--ojs-inner-pad) 0 var(--ojs-inner-pad) !important;
  box-sizing: border-box !important;
}

.pkp_site_name_wrapper,
.pkp_site_name,
.pkp_site_name > a,
.pkp_site_name .is_img {
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.pkp_site_name {
  text-align: left !important;
}

.pkp_site_name .is_img img,
.pkp_site_name img {
  display: block !important;
  width: auto !important;
  max-width: 980px !important;
  max-height: 150px !important;
  height: auto !important;
  object-fit: contain !important;
}

/* =========================
   NAVIGATION
   Navigasi dibuat keluar dari padding header,
   lalu masuk lagi memakai padding yang sama.
   Hasilnya sejajar dengan badan website.
   ========================= */

.pkp_site_nav_menu {
  width: calc(100% + (var(--ojs-inner-pad) * 2)) !important;
  max-width: calc(100% + (var(--ojs-inner-pad) * 2)) !important;
  margin: 24px calc(var(--ojs-inner-pad) * -1) 0 calc(var(--ojs-inner-pad) * -1) !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

.pkp_navigation_primary_row {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: var(--ojs-white) !important;
  border-top: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-bottom: 3px solid var(--ojs-gold) !important;
  border-radius: 0 !important;
  box-shadow: 0 6px 16px rgba(3,29,58,.08) !important;
  box-sizing: border-box !important;
}

.pkp_navigation_primary_wrapper {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 var(--ojs-inner-pad) !important;
  box-sizing: border-box !important;
}

.pkp_navigation_primary {
  margin: 0 !important;
  padding: 0 !important;
}

.pkp_navigation_primary > li > a,
.pkp_navigation_primary > li > a:link,
.pkp_navigation_primary > li > a:visited {
  color: var(--ojs-text) !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: .25px !important;
  font-size: 14px !important;
  padding-top: 18px !important;
  padding-bottom: 18px !important;
}

.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus,
.pkp_navigation_primary > li.current > a {
  color: var(--ojs-blue) !important;
  border-bottom-color: var(--ojs-gold) !important;
}

.pkp_navigation_search_wrapper a,
.pkp_navigation_user_wrapper a {
  color: var(--ojs-text) !important;
  font-weight: 700 !important;
}

/* Dropdown */
.pkp_navigation_primary ul {
  border: 1px solid var(--ojs-border) !important;
  border-radius: 10px !important;
  box-shadow: var(--ojs-shadow) !important;
  overflow: hidden !important;
}

.pkp_navigation_primary ul a {
  color: var(--ojs-text) !important;
  font-size: 14px !important;
}

.pkp_navigation_primary ul a:hover {
  background: #f7f9fc !important;
  color: var(--ojs-blue) !important;
}

/* =========================
   CONTENT + SIDEBAR
   Konten dibuat satu sistem flex yang bersih.
   Tidak memakai max-width tambahan yang beda dengan navigasi.
   ========================= */

.pkp_structure_content {
  display: flex !important;
  align-items: flex-start !important;
  gap: 28px !important;
  padding: 26px var(--ojs-inner-pad) 36px var(--ojs-inner-pad) !important;
  background: var(--ojs-bg) !important;
  border: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
  box-sizing: border-box !important;
}

.pkp_structure_main,
.pkp_structure_sidebar {
  float: none !important;
  border: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
  box-sizing: border-box !important;
}

.pkp_structure_main {
  flex: 1 1 auto !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.pkp_structure_sidebar {
  flex: 0 0 290px !important;
  width: 290px !important;
  max-width: 290px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-left: 0 !important;
}

/* Hilangkan pseudo-line bawaan theme yang kadang muncul di sidebar */
.pkp_structure_content::before,
.pkp_structure_content::after,
.pkp_structure_main::before,
.pkp_structure_main::after,
.pkp_structure_sidebar::before,
.pkp_structure_sidebar::after {
  content: none !important;
  display: none !important;
}

/* =========================
   CARDS
   ========================= */

.page,
.obj_issue_toc,
.cmp_announcements,
.cmp_notification,
.current_issue,
.homepage_about,
.pkp_block,
.obj_article_summary,
.obj_issue_summary {
  background: var(--ojs-white) !important;
  border: 1px solid var(--ojs-border) !important;
  border-radius: var(--ojs-radius) !important;
  box-shadow: var(--ojs-shadow) !important;
  box-sizing: border-box !important;
}

.page,
.current_issue,
.homepage_about,
.pkp_block {
  padding: 24px !important;
}

.page h1,
.page h2,
.page h3,
.current_issue h2,
.homepage_about h2,
.pkp_block .title {
  color: var(--ojs-navy) !important;
  font-weight: 800 !important;
  letter-spacing: .2px !important;
}

.page h1:after,
.page h2:after,
.current_issue h2:after,
.homepage_about h2:after,
.pkp_block .title:after {
  content: "" !important;
  display: block !important;
  width: 48px !important;
  height: 3px !important;
  background: var(--ojs-gold) !important;
  margin-top: 8px !important;
  border-radius: 10px !important;
}

.pkp_structure_sidebar .pkp_block {
  width: 100% !important;
  margin: 0 0 18px 0 !important;
}

.pkp_block .title {
  font-size: 16px !important;
  text-transform: uppercase !important;
}

.pkp_block ul,
.pkp_block ol {
  padding-left: 18px !important;
}

.pkp_block li {
  margin-bottom: 7px !important;
}

/* =========================
   BUTTONS
   ========================= */

.cmp_button,
.cmp_form .buttons button,
.page_index_journal .current_issue .read_more,
.obj_galley_link,
.block_make_submission a,
a.block_make_submission_link,
.pkp_page_index .cmp_button_wire {
  display: inline-block !important;
  border-radius: 8px !important;
  border: 1px solid var(--ojs-blue) !important;
  background: var(--ojs-white) !important;
  color: var(--ojs-blue) !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: .3px !important;
  padding: 9px 16px !important;
  box-shadow: none !important;
}

.cmp_button:hover,
.cmp_form .buttons button:hover,
.page_index_journal .current_issue .read_more:hover,
.obj_galley_link:hover,
.block_make_submission a:hover,
a.block_make_submission_link:hover,
.pkp_page_index .cmp_button_wire:hover {
  background: var(--ojs-gold) !important;
  color: #06111f !important;
  border-color: var(--ojs-gold) !important;
}

/* =========================
   ARTICLE / ISSUE LIST
   ========================= */

.obj_article_summary,
.obj_issue_summary {
  padding: 18px 20px !important;
  margin-bottom: 16px !important;
}

.obj_article_summary .title a,
.obj_issue_summary .title a {
  color: var(--ojs-navy) !important;
  font-weight: 800 !important;
}

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

/* =========================
   FOOTER
   Untuk sementara mengikuti koreksi yang sudah Bang Toni nilai OK.
   ========================= */

.pkp_structure_footer_wrapper,
.pkp_structure_footer {
  background: var(--ojs-navy) !important;
  color: rgba(255,255,255,.86) !important;
}

.pkp_structure_footer_wrapper {
  padding: 18px 0 !important;
}

.pkp_structure_footer {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 var(--ojs-inner-pad) !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 20px !important;
}

.pkp_structure_footer a {
  color: var(--ojs-gold-2) !important;
}

.pkp_structure_footer .pkp_footer_content,
.pkp_structure_footer .copyright {
  text-align: left !important;
  margin: 0 !important;
}

.pkp_structure_footer .pkp_brand_footer {
  margin-left: auto !important;
  text-align: right !important;
}

.pkp_structure_footer .pkp_brand_footer img,
.pkp_brand_footer img {
  max-width: 90px !important;
  width: auto !important;
  height: auto !important;
}

/* =========================
   HOMEPAGE CUSTOM CLASSES
   Nanti dipakai untuk tahap hero/banner dan cards.
   ========================= */

.ojs-hero {
  position: relative;
  overflow: hidden;
  border-radius: 18px;
  padding: 46px 42px;
  margin: 0 0 24px 0;
  color: var(--ojs-white);
  background:
    linear-gradient(90deg, rgba(3,29,58,.96) 0%, rgba(3,29,58,.86) 42%, rgba(3,29,58,.38) 100%),
    url('/public/site/images/admin/ojs-hero-bg.jpg');
  background-size: cover;
  background-position: center;
  box-shadow: var(--ojs-shadow);
}

.ojs-hero h1 {
  margin: 0 0 12px;
  color: var(--ojs-white);
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(34px, 5vw, 58px);
  line-height: 1.05;
  text-transform: uppercase;
  letter-spacing: .5px;
}

.ojs-hero .ojs-kicker {
  margin: 0 0 6px;
  color: var(--ojs-gold-2);
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 24px;
  font-style: italic;
}

.ojs-hero p {
  max-width: 650px;
  margin: 0 0 22px;
  font-size: 18px;
}

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

.ojs-btn {
  display: inline-block;
  padding: 12px 22px;
  border-radius: 9px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .3px;
}

.ojs-btn-primary {
  background: linear-gradient(135deg, var(--ojs-gold), var(--ojs-gold-2));
  color: #07111f !important;
  border: 1px solid var(--ojs-gold);
}

.ojs-btn-secondary {
  background: rgba(255,255,255,.08);
  color: var(--ojs-white) !important;
  border: 1px solid rgba(255,255,255,.65);
}

.ojs-home-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin: 22px 0;
}

.ojs-card {
  background: var(--ojs-white);
  border: 1px solid var(--ojs-border);
  border-radius: var(--ojs-radius);
  padding: 22px;
  box-shadow: var(--ojs-shadow);
}

.ojs-card h2,
.ojs-card h3 {
  margin-top: 0;
  color: var(--ojs-navy);
  text-transform: uppercase;
}

.ojs-card h2:after,
.ojs-card h3:after {
  content: "";
  display: block;
  width: 44px;
  height: 3px;
  background: var(--ojs-gold);
  margin-top: 8px;
  border-radius: 10px;
}

.ojs-list-check {
  list-style: none;
  padding: 0;
  margin: 0;
}

.ojs-list-check li {
  position: relative;
  padding-left: 28px;
  margin-bottom: 8px;
}

.ojs-list-check li:before {
  content: "\2713";
  position: absolute;
  left: 0;
  top: 1px;
  width: 19px;
  height: 19px;
  line-height: 19px;
  text-align: center;
  border-radius: 50%;
  background: var(--ojs-blue);
  color: var(--ojs-white);
  font-size: 12px;
  font-weight: 800;
}

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

@media (max-width: 1220px) {
  .pkp_structure_page {
    width: calc(100% - 30px) !important;
  }
}

@media (max-width: 900px) {
  :root {
    --ojs-inner-pad: 18px;
  }

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

  .pkp_site_name .is_img img,
  .pkp_site_name img {
    max-width: 100% !important;
    max-height: 110px !important;
  }

  .pkp_structure_content {
    display: block !important;
  }

  .pkp_structure_main,
  .pkp_structure_sidebar {
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
  }

  .pkp_structure_sidebar {
    margin-top: 18px !important;
  }

  .pkp_structure_footer {
    display: block !important;
    text-align: center !important;
  }

  .pkp_structure_footer .pkp_footer_content,
  .pkp_structure_footer .copyright,
  .pkp_structure_footer .pkp_brand_footer {
    text-align: center !important;
  }

  .pkp_structure_footer .pkp_brand_footer {
    margin-top: 10px !important;
  }

  .pkp_structure_footer .pkp_brand_footer img,
  .pkp_brand_footer img {
    margin: 0 auto !important;
  }

  .ojs-home-grid {
    grid-template-columns: 1fr;
  }

  .ojs-hero {
    padding: 32px 22px;
  }

  .ojs-hero p {
    font-size: 16px;
  }

  .ojs-actions {
    flex-direction: column;
  }

  .ojs-btn {
    text-align: center;
  }
}

@media (max-width: 600px) {
  .pkp_structure_page {
    width: 100% !important;
    box-shadow: none !important;
  }

  .page,
  .current_issue,
  .homepage_about,
  .pkp_block,
  .ojs-card {
    padding: 18px !important;
  }
}


/* =========================================================
   HEADER FULL BANNER FIX v2
   Dipakai setelah gambar header final 1180 x 260 px diupload sebagai Logo.
   Tujuan:
   - gambar header memenuhi lebar header
   - tidak ada kotak kosong di kanan
   - tidak terlalu tinggi
   ========================================================= */

.pkp_head_wrapper {
  padding: 0 !important;
}

.pkp_site_name_wrapper {
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

.pkp_site_name,
.pkp_site_name > a,
.pkp_site_name .is_img {
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}

.pkp_site_name .is_img img,
.pkp_site_name img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Navigasi langsung menempel di bawah header */
.pkp_site_nav_menu {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.pkp_navigation_primary_wrapper {
  padding-left: 36px !important;
  padding-right: 36px !important;
}

/* Hilangkan sisa warna/ruang kosong dari header lama */
.pkp_structure_head {
  padding: 0 !important;
  background: var(--ojs-navy) !important;
}

@media (max-width: 900px) {
  .pkp_navigation_primary_wrapper {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
}


/* =========================================================
   OJS E-BizPreneur - v3 Mobile & Finishing Fix
   1) Sembunyikan Login/Daftar sementara
   2) Hilangkan garis/balok biru muda bawah footer
   3) Rapikan tampilan mobile
   ========================================================= */

/* 1. Sembunyikan link login/register/user menu di area header */
.pkp_navigation_user_wrapper,
.pkp_navigation_user,
.pkp_navigation_user > li,
.pkp_navigation_user_wrapper a {
  display: none !important;
  visibility: hidden !important;
}

/* 2. Hilangkan garis/balok biru muda di bagian bawah */
html,
body {
  min-height: 100% !important;
  background:
    radial-gradient(circle at 10% 20%, rgba(247, 183, 51, .08) 0, rgba(247, 183, 51, 0) 26%),
    radial-gradient(circle at 90% 18%, rgba(0, 122, 190, .18) 0, rgba(0, 122, 190, 0) 30%),
    linear-gradient(135deg, #020b17 0%, #061b31 44%, #03111f 100%) !important;
}

.pkp_structure_page {
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
}

.pkp_structure_footer_wrapper,
.pkp_structure_footer {
  border-bottom: 0 !important;
  margin-bottom: 0 !important;
}

.pkp_structure_page::after,
.pkp_structure_footer_wrapper::after,
.pkp_structure_footer::after,
body::after {
  content: none !important;
  display: none !important;
}

/* Rapikan footer supaya tidak meninggalkan ruang aneh */
.pkp_structure_footer_wrapper {
  overflow: hidden !important;
}

/* 3. Mobile improvements */
@media (max-width: 900px) {

  body {
    overflow-x: hidden !important;
  }

  .pkp_structure_page {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    box-shadow: none !important;
  }

  /* Header mobile dibuat lebih pendek, rapi, dan tidak merusak proporsi */
  .pkp_structure_head {
    background: #031d3a !important;
  }

  .pkp_head_wrapper {
    padding: 0 !important;
  }

  .pkp_site_name .is_img img,
  .pkp_site_name img {
    width: 100% !important;
    height: 118px !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  /* Tombol hamburger mobile diganti dari biru muda menjadi navy */
  .pkp_site_nav_toggle {
    background: #031d3a !important;
    color: #ffffff !important;
    border-right: 2px solid #f7b733 !important;
    border-bottom: 2px solid #f7b733 !important;
    box-shadow: 0 6px 16px rgba(3,29,58,.20) !important;
  }

  .pkp_site_nav_toggle:before,
  .pkp_site_nav_toggle:after,
  .pkp_site_nav_toggle span,
  .pkp_site_nav_toggle .fa {
    color: #ffffff !important;
    background: #ffffff !important;
    border-color: #ffffff !important;
  }

  /* Bar navigasi mobile */
  .pkp_site_nav_menu {
    background: #ffffff !important;
    border-bottom: 3px solid #f7b733 !important;
  }

  .pkp_navigation_primary_wrapper {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .pkp_navigation_primary > li > a,
  .pkp_navigation_primary > li > a:link,
  .pkp_navigation_primary > li > a:visited {
    font-size: 14px !important;
    padding-top: 13px !important;
    padding-bottom: 13px !important;
  }

  .pkp_navigation_search_wrapper a {
    font-size: 14px !important;
  }

  /* Konten mobile dibuat lebih nyaman dibaca */
  .pkp_structure_content {
    display: block !important;
    padding: 18px 14px 28px 14px !important;
    background: #f4f7fb !important;
  }

  .pkp_structure_main,
  .pkp_structure_sidebar {
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
  }

  .page,
  .current_issue,
  .homepage_about,
  .pkp_block,
  .obj_issue_toc,
  .cmp_announcements,
  .cmp_notification {
    border-radius: 16px !important;
    padding: 22px !important;
    box-shadow: 0 8px 24px rgba(3, 29, 58, 0.08) !important;
  }

  .page h1,
  .page h2,
  .page h3,
  .current_issue h2,
  .homepage_about h2,
  .pkp_block .title {
    font-size: 22px !important;
    line-height: 1.25 !important;
    margin-top: 0 !important;
    margin-bottom: 18px !important;
  }

  .page p,
  .homepage_about p,
  .current_issue p,
  .pkp_block,
  .pkp_block li {
    font-size: 15px !important;
    line-height: 1.75 !important;
  }

  .pkp_structure_sidebar {
    margin-top: 18px !important;
  }

  .pkp_structure_sidebar .pkp_block {
    margin-bottom: 16px !important;
  }

  /* Footer mobile */
  .pkp_structure_footer_wrapper {
    padding: 20px 0 !important;
  }

  .pkp_structure_footer {
    display: block !important;
    padding: 0 18px !important;
    text-align: center !important;
  }

  .pkp_structure_footer .pkp_footer_content,
  .pkp_structure_footer .copyright,
  .pkp_structure_footer .pkp_brand_footer {
    text-align: center !important;
  }

  .pkp_structure_footer .pkp_brand_footer {
    margin-top: 14px !important;
  }

  .pkp_structure_footer .pkp_brand_footer img,
  .pkp_brand_footer img {
    max-width: 78px !important;
    margin: 0 auto !important;
  }
}

/* Extra small phone */
@media (max-width: 480px) {

  .pkp_site_name .is_img img,
  .pkp_site_name img {
    height: 92px !important;
    object-position: center center !important;
  }

  .pkp_structure_content {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .page,
  .current_issue,
  .homepage_about,
  .pkp_block,
  .obj_issue_toc,
  .cmp_announcements,
  .cmp_notification {
    padding: 20px !important;
  }

  .page h1,
  .page h2,
  .page h3,
  .current_issue h2,
  .homepage_about h2,
  .pkp_block .title {
    font-size: 21px !important;
  }

  .page p,
  .homepage_about p,
  .current_issue p,
  .pkp_block,
  .pkp_block li {
    font-size: 14.5px !important;
    line-height: 1.72 !important;
  }
}


/* =========================================================
   OJS E-BizPreneur - v4 Homepage Pro
   Dipakai untuk Step 2: Homepage custom seperti referensi.
   ========================================================= */

/* Homepage dibuat lebih luas dengan menyembunyikan sidebar khusus halaman depan */
body.pkp_page_index .pkp_structure_sidebar,
.pkp_page_index .pkp_structure_sidebar {
  display: none !important;
}

body.pkp_page_index .pkp_structure_main,
.pkp_page_index .pkp_structure_main {
  width: 100% !important;
  max-width: 100% !important;
  flex: 1 1 100% !important;
}

/* Wrapper utama homepage */
.ojs-homepage-pro {
  width: 100%;
}

/* Hero utama */
.ojs-hero-pro {
  position: relative;
  overflow: hidden;
  border-radius: 18px;
  padding: 42px;
  color: #ffffff;
  background:
    linear-gradient(90deg, rgba(3, 29, 58, .96) 0%, rgba(3, 29, 58, .88) 45%, rgba(3, 29, 58, .40) 100%),
    radial-gradient(circle at 80% 15%, rgba(247, 183, 51, .22), rgba(247, 183, 51, 0) 34%),
    linear-gradient(135deg, #031d3a 0%, #084d7c 100%);
  box-shadow: 0 14px 38px rgba(3, 29, 58, .16);
  margin-bottom: 20px;
}

.ojs-hero-pro::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 70% 35%, rgba(255, 255, 255, .12), transparent 24%),
    linear-gradient(120deg, transparent 0%, rgba(255,255,255,.08) 50%, transparent 100%);
  pointer-events: none;
}

.ojs-hero-pro > * {
  position: relative;
  z-index: 1;
}

.ojs-hero-kicker {
  margin: 0 0 6px 0 !important;
  color: #ffcf66 !important;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 23px !important;
  font-style: italic;
  line-height: 1.2 !important;
}

.ojs-hero-pro h1 {
  margin: 0 0 14px 0 !important;
  color: #ffffff !important;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(34px, 5vw, 56px) !important;
  line-height: 1.04 !important;
  letter-spacing: .4px;
  text-transform: uppercase;
  text-shadow: 0 3px 14px rgba(0,0,0,.28);
}

.ojs-hero-pro h1::after {
  display: none !important;
}

.ojs-hero-pro p {
  max-width: 690px;
  margin: 0 0 22px 0 !important;
  color: rgba(255,255,255,.94) !important;
  font-size: 17px !important;
  line-height: 1.65 !important;
}

/* Tombol hero */
.ojs-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 18px;
}

.ojs-home-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  padding: 10px 20px;
  border-radius: 9px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .25px;
  text-decoration: none !important;
}

.ojs-home-btn-primary {
  background: linear-gradient(135deg, #f7b733, #ffcf66);
  color: #06111f !important;
  border: 1px solid #f7b733;
}

.ojs-home-btn-secondary {
  background: rgba(255,255,255,.08);
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.70);
}

.ojs-home-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 20px rgba(0,0,0,.16);
}

/* Quick stats */
.ojs-quick-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin: 18px 0 20px;
}

.ojs-stat-card {
  background: #ffffff;
  border: 1px solid #dce4ee;
  border-radius: 14px;
  padding: 18px 16px;
  box-shadow: 0 10px 28px rgba(3, 29, 58, .08);
  text-align: center;
}

.ojs-stat-number {
  display: block;
  color: #f7b733;
  font-size: 28px;
  line-height: 1;
  font-weight: 900;
  margin-bottom: 5px;
}

.ojs-stat-label {
  display: block;
  color: #071b32;
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
}

/* Main grid cards */
.ojs-home-grid-pro {
  display: grid;
  grid-template-columns: 1.15fr 1fr .9fr;
  gap: 18px;
  margin-top: 18px;
}

.ojs-home-card {
  background: #ffffff;
  border: 1px solid #dce4ee;
  border-radius: 14px;
  padding: 22px;
  box-shadow: 0 12px 35px rgba(3, 29, 58, .10);
}

.ojs-home-card h2,
.ojs-home-card h3 {
  color: #031d3a !important;
  margin-top: 0 !important;
  margin-bottom: 14px !important;
  font-size: 20px !important;
  line-height: 1.25 !important;
  text-transform: uppercase;
}

.ojs-home-card h2::after,
.ojs-home-card h3::after {
  content: "";
  display: block;
  width: 48px;
  height: 3px;
  background: #f7b733;
  margin-top: 8px;
  border-radius: 10px;
}

.ojs-home-card p {
  margin-top: 0 !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
}

.ojs-focus-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.ojs-focus-list li {
  position: relative;
  padding-left: 28px;
  margin-bottom: 8px;
  font-size: 15px;
}

.ojs-focus-list li::before {
  content: "\2713";
  position: absolute;
  left: 0;
  top: 2px;
  width: 19px;
  height: 19px;
  line-height: 19px;
  text-align: center;
  border-radius: 50%;
  background: #084d7c;
  color: #ffffff;
  font-size: 12px;
  font-weight: 800;
}

/* Indexing area */
.ojs-indexing-section {
  margin-top: 18px;
  background: #ffffff;
  border: 1px solid #dce4ee;
  border-radius: 14px;
  padding: 22px;
  box-shadow: 0 12px 35px rgba(3, 29, 58, .10);
}

.ojs-indexing-section h2 {
  color: #031d3a !important;
  margin-top: 0 !important;
  margin-bottom: 16px !important;
  font-size: 20px !important;
  text-transform: uppercase;
}

.ojs-indexing-section h2::after {
  content: "";
  display: block;
  width: 48px;
  height: 3px;
  background: #f7b733;
  margin-top: 8px;
  border-radius: 10px;
}

.ojs-indexing-logos {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.ojs-index-chip {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  padding: 8px 14px;
  border: 1px solid #dce4ee;
  border-radius: 9px;
  background: #f8fafc;
  color: #071b32;
  font-weight: 800;
}

/* Mobile homepage */
@media (max-width: 900px) {
  .ojs-hero-pro {
    padding: 28px 22px;
    border-radius: 16px;
  }

  .ojs-hero-kicker {
    font-size: 19px !important;
  }

  .ojs-hero-pro h1 {
    font-size: 32px !important;
  }

  .ojs-hero-pro p {
    font-size: 15px !important;
  }

  .ojs-hero-actions {
    flex-direction: column;
  }

  .ojs-home-btn {
    width: 100%;
    box-sizing: border-box;
  }

  .ojs-quick-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ojs-home-grid-pro {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 480px) {
  .ojs-quick-stats {
    grid-template-columns: 1fr;
  }

  .ojs-hero-pro {
    padding: 24px 20px;
  }

  .ojs-hero-pro h1 {
    font-size: 28px !important;
  }
}


/* =========================================================
   OJS E-BizPreneur - v5 Homepage Step 3 Polish
   Step 3:
   - Current Issue dibuat lebih menarik
   - Cover issue visual dibuat dengan CSS
   - Indexing & Partnership dibuat lebih profesional
   - Tambah Author Guidelines dan Stay Connected
   ========================================================= */

/* Hilangkan summary bawaan jika masih muncul di homepage */
.pkp_page_index .homepage_about,
body.pkp_page_index .homepage_about {
  display: none !important;
}

/* Jarak homepage lebih rapat dan proporsional */
.ojs-homepage-pro {
  display: block;
}

/* Hero sedikit dibuat lebih premium */
.ojs-hero-pro {
  min-height: 250px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background:
    linear-gradient(90deg, rgba(3,29,58,.98) 0%, rgba(3,29,58,.88) 42%, rgba(3,29,58,.46) 100%),
    radial-gradient(circle at 82% 18%, rgba(247, 183, 51, .25), rgba(247, 183, 51, 0) 30%),
    radial-gradient(circle at 72% 68%, rgba(25, 170, 220, .22), rgba(25, 170, 220, 0) 34%),
    linear-gradient(135deg, #031d3a 0%, #084d7c 100%);
}

.ojs-hero-pro::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
  background-size: 28px 28px;
  opacity: .35;
  pointer-events: none;
}

/* Stats lebih rapi */
.ojs-stat-card {
  transition: transform .2s ease, box-shadow .2s ease;
}

.ojs-stat-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 32px rgba(3, 29, 58, .12);
}

/* Layout step 3 */
.ojs-home-grid-pro {
  grid-template-columns: 1.15fr 1fr .9fr;
  align-items: stretch;
}

.ojs-home-card {
  height: 100%;
}

/* Current Issue khusus */
.ojs-current-issue-card {
  display: grid;
  grid-template-columns: 112px 1fr;
  gap: 18px;
  align-items: start;
}

.ojs-issue-cover {
  width: 112px;
  min-height: 160px;
  border-radius: 8px;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(3,29,58,.88), rgba(3,29,58,.96)),
    radial-gradient(circle at 58% 42%, rgba(247,183,51,.35), transparent 35%);
  border: 1px solid rgba(247,183,51,.35);
  box-shadow: 0 10px 24px rgba(3, 29, 58, .18);
  position: relative;
}

.ojs-issue-cover::before {
  content: "E-BIZ\A PRENEUR";
  white-space: pre-line;
  position: absolute;
  left: 12px;
  top: 16px;
  color: #ffffff;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 20px;
  line-height: 1.02;
  font-weight: 700;
  text-shadow: 0 2px 8px rgba(0,0,0,.45);
}

.ojs-issue-cover::after {
  content: "Journal of Business and Management";
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 16px;
  color: #ffcf66;
  font-size: 10px;
  line-height: 1.25;
  font-weight: 700;
}

.ojs-issue-title {
  font-size: 16px;
  line-height: 1.4;
  font-weight: 900;
  color: #031d3a;
  margin: 0 0 8px 0;
}

.ojs-issue-meta {
  color: #5d6b7c;
  font-size: 14px;
  margin: 0 0 12px 0 !important;
}

.ojs-issue-desc {
  font-size: 14px !important;
  line-height: 1.65 !important;
}

/* Focus & Scope dibuat lebih compact */
.ojs-focus-list li {
  margin-bottom: 7px;
}

/* Section bawah: Author Guidelines + Stay Connected */
.ojs-bottom-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  margin-top: 18px;
}

.ojs-contact-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.ojs-contact-list li {
  margin-bottom: 9px;
  padding-left: 26px;
  position: relative;
}

.ojs-contact-list li::before {
  content: "\2022";
  position: absolute;
  left: 8px;
  top: 0;
  color: #f7b733;
  font-weight: 900;
}

/* Indexing logo chips */
.ojs-indexing-logos {
  gap: 12px;
}

.ojs-index-chip {
  min-width: 112px;
  justify-content: center;
  background: linear-gradient(180deg, #ffffff, #f7f9fc);
  box-shadow: inset 0 -2px 0 rgba(3,29,58,.04);
}

.ojs-index-chip strong {
  color: #031d3a;
}

.ojs-index-chip small {
  display: block;
  font-size: 10px;
  color: #5d6b7c;
  font-weight: 700;
  line-height: 1.1;
}

/* Tombol dalam card agar tidak terlalu besar */
.ojs-home-card .ojs-home-btn,
.ojs-indexing-section .ojs-home-btn {
  min-height: 38px;
  padding: 8px 14px;
  font-size: 12px;
}

/* Mobile */
@media (max-width: 900px) {
  .ojs-hero-pro {
    min-height: auto;
  }

  .ojs-current-issue-card {
    grid-template-columns: 92px 1fr;
    gap: 14px;
  }

  .ojs-issue-cover {
    width: 92px;
    min-height: 132px;
  }

  .ojs-issue-cover::before {
    font-size: 16px;
    left: 10px;
    top: 14px;
  }

  .ojs-issue-cover::after {
    font-size: 9px;
    left: 10px;
    right: 10px;
  }

  .ojs-bottom-grid {
    grid-template-columns: 1fr;
  }

  .ojs-index-chip {
    min-width: calc(50% - 8px);
    box-sizing: border-box;
  }
}

@media (max-width: 480px) {
  .ojs-current-issue-card {
    grid-template-columns: 1fr;
  }

  .ojs-issue-cover {
    width: 120px;
    min-height: 168px;
  }

  .ojs-index-chip {
    min-width: 100%;
  }
}


/* =========================================================
   OJS E-BizPreneur - v6 Homepage Step 4 Final Polish
   Fokus:
   - Bahasa homepage diseragamkan ke Indonesia
   - Indexing chip tidak terpotong
   - Tambah publication schedule strip
   - Card dibuat lebih seimbang dan rapi
   ========================================================= */

.ojs-hero-pro h1 {
  letter-spacing: .2px !important;
}

.ojs-hero-pro p {
  max-width: 720px !important;
}

.ojs-schedule-strip {
  margin: -2px 0 20px 0;
  padding: 14px 18px;
  background: linear-gradient(90deg, #ffffff, #f8fafc);
  border: 1px solid #dce4ee;
  border-left: 5px solid #f7b733;
  border-radius: 12px;
  box-shadow: 0 8px 22px rgba(3,29,58,.07);
  color: #071b32;
  font-size: 14px;
  line-height: 1.55;
}

.ojs-schedule-strip strong {
  color: #031d3a;
}

.ojs-home-grid-pro {
  grid-template-columns: 1.2fr 1fr .9fr !important;
  gap: 18px !important;
}

.ojs-home-card {
  overflow: hidden;
}

.ojs-home-card h2,
.ojs-home-card h3,
.ojs-indexing-section h2 {
  font-size: 19px !important;
}

.ojs-current-issue-card {
  grid-template-columns: 118px 1fr !important;
}

.ojs-issue-cover {
  width: 118px !important;
  min-height: 166px !important;
}

.ojs-issue-title {
  font-size: 15.5px !important;
}

.ojs-issue-meta {
  font-size: 13px !important;
}

.ojs-issue-desc {
  font-size: 13.5px !important;
}

.ojs-indexing-section {
  overflow: visible !important;
}

.ojs-indexing-logos {
  align-items: stretch !important;
}

.ojs-index-chip {
  min-width: unset !important;
  width: auto !important;
  white-space: nowrap !important;
  gap: 4px !important;
  font-size: 12px !important;
  padding-left: 13px !important;
  padding-right: 13px !important;
}

.ojs-index-chip small {
  display: inline !important;
  margin-left: 3px !important;
  font-size: 10px !important;
}

.ojs-contact-list li {
  font-size: 14px !important;
  line-height: 1.6 !important;
}

.ojs-home-card .ojs-home-btn,
.ojs-indexing-section .ojs-home-btn {
  font-size: 11.5px !important;
  letter-spacing: .2px !important;
}

/* Sedikit efek modern */
.ojs-home-card,
.ojs-indexing-section,
.ojs-stat-card {
  transition: transform .2s ease, box-shadow .2s ease;
}

.ojs-home-card:hover,
.ojs-indexing-section:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 36px rgba(3, 29, 58, .12) !important;
}

/* Mobile final */
@media (max-width: 900px) {
  .ojs-schedule-strip {
    font-size: 13.5px !important;
    padding: 13px 15px !important;
  }

  .ojs-home-grid-pro {
    grid-template-columns: 1fr !important;
  }

  .ojs-current-issue-card {
    grid-template-columns: 100px 1fr !important;
  }

  .ojs-issue-cover {
    width: 100px !important;
    min-height: 142px !important;
  }

  .ojs-index-chip {
    width: calc(50% - 6px) !important;
    justify-content: center !important;
    white-space: normal !important;
    text-align: center !important;
  }
}

@media (max-width: 480px) {
  .ojs-current-issue-card {
    grid-template-columns: 1fr !important;
  }

  .ojs-issue-cover {
    width: 122px !important;
    min-height: 170px !important;
  }

  .ojs-index-chip {
    width: 100% !important;
  }
}


/* =========================================================
   OJS E-BizPreneur - v7 Real Cover Issue
   Memakai gambar cover asli pada card Terbitan Terkini.
   ========================================================= */

.ojs-issue-cover {
  display: none !important;
}

.ojs-issue-cover-img {
  display: block !important;
  width: 118px !important;
  height: 166px !important;
  object-fit: contain !important;
  object-position: center center !important;
  border-radius: 8px !important;
  background: transparent !important;
  filter: drop-shadow(0 10px 18px rgba(3, 29, 58, .20));
}

@media (max-width: 900px) {
  .ojs-issue-cover-img {
    width: 100px !important;
    height: 142px !important;
  }
}

@media (max-width: 480px) {
  .ojs-issue-cover-img {
    width: 122px !important;
    height: 170px !important;
  }
}


/* =========================================================
   OJS E-BizPreneur - v8 Hero Full Image
   Memakai gambar full background pada bagian Selamat Datang.
   URL gambar diatur dari HTML lewat variable:
   style="--ojs-hero-bg: url('LINK-GAMBAR')"
   ========================================================= */

.ojs-hero-pro.ojs-hero-image {
  min-height: 330px !important;
  background:
    linear-gradient(90deg, rgba(3, 29, 58, .95) 0%, rgba(3, 29, 58, .82) 45%, rgba(3, 29, 58, .34) 100%),
    linear-gradient(0deg, rgba(3, 29, 58, .32), rgba(3, 29, 58, .32)),
    var(--ojs-hero-bg) !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

.ojs-hero-pro.ojs-hero-image::before {
  opacity: .18 !important;
}

.ojs-hero-pro.ojs-hero-image::after {
  background:
    radial-gradient(circle at 18% 20%, rgba(255,255,255,.18), transparent 24%),
    radial-gradient(circle at 82% 24%, rgba(247,183,51,.14), transparent 26%),
    linear-gradient(120deg, transparent 0%, rgba(255,255,255,.05) 50%, transparent 100%) !important;
}

.ojs-hero-pro.ojs-hero-image h1,
.ojs-hero-pro.ojs-hero-image p {
  max-width: 680px !important;
}

@media (max-width: 900px) {
  .ojs-hero-pro.ojs-hero-image {
    min-height: 300px !important;
    background-position: center center !important;
  }
}

@media (max-width: 480px) {
  .ojs-hero-pro.ojs-hero-image {
    min-height: 285px !important;
    background-position: center center !important;
  }
}


/* =========================================================
   OJS E-BizPreneur - v9 Navigation Login/Register Buttons
   Catatan:
   Tambahkan menu custom "Daftar" dan "Login" di Primary Navigation.
   CSS ini akan otomatis mengubah link daftar/login menjadi tombol.
   ========================================================= */

/* Tombol login & daftar jika ditambahkan sebagai item menu utama */
.pkp_navigation_primary > li > a[href*="/login"],
.pkp_navigation_primary > li > a[href*="/user/register"],
.pkp_navigation_primary > li > a[href*="/register"] {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
  padding: 7px 14px !important;
  border-radius: 8px !important;
  line-height: 1.2 !important;
  font-size: 12px !important;
  border-bottom: 0 !important;
}

/* Login = tombol outline navy */
.pkp_navigation_primary > li > a[href*="/login"] {
  border: 1px solid #084d7c !important;
  background: #ffffff !important;
  color: #084d7c !important;
}

/* Daftar/Register = tombol emas */
.pkp_navigation_primary > li > a[href*="/user/register"],
.pkp_navigation_primary > li > a[href*="/register"] {
  border: 1px solid #f7b733 !important;
  background: linear-gradient(135deg, #f7b733, #ffcf66) !important;
  color: #06111f !important;
}

/* Hover */
.pkp_navigation_primary > li > a[href*="/login"]:hover,
.pkp_navigation_primary > li > a[href*="/login"]:focus {
  background: #084d7c !important;
  color: #ffffff !important;
}

.pkp_navigation_primary > li > a[href*="/user/register"]:hover,
.pkp_navigation_primary > li > a[href*="/user/register"]:focus,
.pkp_navigation_primary > li > a[href*="/register"]:hover,
.pkp_navigation_primary > li > a[href*="/register"]:focus {
  background: #ffcf66 !important;
  color: #06111f !important;
}

/* Mobile: tombol dibuat lebih enak diklik */
@media (max-width: 900px) {
  .pkp_navigation_primary > li > a[href*="/login"],
  .pkp_navigation_primary > li > a[href*="/user/register"],
  .pkp_navigation_primary > li > a[href*="/register"] {
    display: inline-block !important;
    width: auto !important;
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
}


/* =========================================================
   OJS E-BizPreneur - v10 User Navigation
   - Menampilkan kembali menu user bawaan OJS
   - Guest: Daftar / Login
   - Login: Dashboard / Profil / Logout
   - Posisi rapi di kanan bar navigasi putih
   ========================================================= */

/* Tampilkan kembali user navigation yang sebelumnya disembunyikan */
.pkp_navigation_user_wrapper,
.pkp_navigation_user,
.pkp_navigation_user > li,
.pkp_navigation_user_wrapper a {
  display: block !important;
  visibility: visible !important;
}

/* Area navigasi sebagai acuan posisi */
.pkp_site_nav_menu,
.pkp_navigation_primary_row,
.pkp_navigation_primary_wrapper {
  position: relative !important;
}

/* Beri ruang kanan agar menu utama tidak tabrakan dengan user nav + search */
.pkp_navigation_primary_wrapper {
  padding-right: 300px !important;
}

/* Posisi user navigation di kanan bar putih, sebelum tombol cari */
.pkp_navigation_user_wrapper {
  position: absolute !important;
  top: 50% !important;
  right: 105px !important;
  transform: translateY(-50%) !important;
  z-index: 40 !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  max-width: 240px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Susunan horizontal */
.pkp_navigation_user {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  white-space: nowrap !important;
}

.pkp_navigation_user > li {
  display: block !important;
  position: relative !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Tombol user dasar */
.pkp_navigation_user > li > a,
.pkp_navigation_user > li > a:link,
.pkp_navigation_user > li > a:visited {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 30px !important;
  padding: 6px 12px !important;
  border-radius: 8px !important;
  border: 1px solid #dce4ee !important;
  background: #ffffff !important;
  color: #084d7c !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
  letter-spacing: .2px !important;
  text-decoration: none !important;
}

/* Daftar/Register = tombol emas */
.pkp_navigation_user > li > a[href*="/register"],
.pkp_navigation_user > li > a[href*="/user/register"] {
  border-color: #f7b733 !important;
  background: linear-gradient(135deg, #f7b733, #ffcf66) !important;
  color: #06111f !important;
}

/* Logout diberi aksen emas lembut */
.pkp_navigation_user > li > a[href*="/logout"],
.pkp_navigation_user > li > a[href*="/signOut"],
.pkp_navigation_user > li > a[href*="/signout"] {
  border-color: #f7b733 !important;
  background: #fff7e6 !important;
  color: #071b32 !important;
}

/* Hover */
.pkp_navigation_user > li > a:hover,
.pkp_navigation_user > li > a:focus {
  background: #084d7c !important;
  border-color: #084d7c !important;
  color: #ffffff !important;
}

/* Dropdown user, kalau ada submenu */
.pkp_navigation_user ul {
  display: none !important;
  position: absolute !important;
  top: calc(100% + 8px) !important;
  right: 0 !important;
  min-width: 190px !important;
  margin: 0 !important;
  padding: 6px !important;
  list-style: none !important;
  background: #ffffff !important;
  border: 1px solid #dce4ee !important;
  border-radius: 10px !important;
  box-shadow: 0 12px 30px rgba(3, 29, 58, .14) !important;
  z-index: 80 !important;
}

.pkp_navigation_user li:hover > ul,
.pkp_navigation_user li:focus-within > ul {
  display: block !important;
}

.pkp_navigation_user ul li {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}

.pkp_navigation_user ul a {
  display: block !important;
  padding: 9px 12px !important;
  border-radius: 7px !important;
  border: 0 !important;
  background: #ffffff !important;
  color: #071b32 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-transform: none !important;
  white-space: nowrap !important;
}

.pkp_navigation_user ul a:hover,
.pkp_navigation_user ul a:focus {
  background: #f7f9fc !important;
  color: #084d7c !important;
}

/* Tombol cari tetap di kanan */
.pkp_navigation_search_wrapper {
  position: absolute !important;
  top: 50% !important;
  right: 36px !important;
  transform: translateY(-50%) !important;
  z-index: 35 !important;
}

/* Menu utama sedikit dipadatkan agar cukup */
.pkp_navigation_primary > li > a,
.pkp_navigation_primary > li > a:link,
.pkp_navigation_primary > li > a:visited {
  font-size: 13px !important;
}

/* Mobile: user nav masuk ke menu hamburger */
@media (max-width: 900px) {
  .pkp_navigation_primary_wrapper {
    padding-right: 18px !important;
  }

  .pkp_navigation_user_wrapper {
    position: static !important;
    transform: none !important;
    right: auto !important;
    top: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 10px 0 0 0 !important;
    padding: 10px 0 0 0 !important;
    border-top: 1px solid #dce4ee !important;
  }

  .pkp_navigation_user {
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
  }

  .pkp_navigation_user > li > a,
  .pkp_navigation_user > li > a:link,
  .pkp_navigation_user > li > a:visited {
    min-height: 36px !important;
    padding: 9px 13px !important;
    font-size: 12px !important;
  }

  .pkp_navigation_user ul {
    position: static !important;
    display: block !important;
    min-width: 100% !important;
    margin-top: 8px !important;
    box-shadow: none !important;
  }

  .pkp_navigation_search_wrapper {
    position: static !important;
    transform: none !important;
    right: auto !important;
    top: auto !important;
    margin-top: 10px !important;
  }
}

/* Desktop agak kecil */
@media (min-width: 901px) and (max-width: 1120px) {
  .pkp_navigation_primary_wrapper {
    padding-right: 250px !important;
  }

  .pkp_navigation_user_wrapper {
    right: 86px !important;
    max-width: 200px !important;
  }

  .pkp_navigation_user {
    gap: 6px !important;
  }

  .pkp_navigation_user > li > a,
  .pkp_navigation_user > li > a:link,
  .pkp_navigation_user > li > a:visited {
    padding-left: 9px !important;
    padding-right: 9px !important;
    font-size: 11px !important;
  }

  .pkp_navigation_search_wrapper {
    right: 24px !important;
  }
}


/* =========================================================
   OJS E-BizPreneur - v11 User Dropdown Fix
   Perbaikan:
   - Dropdown username bisa muncul saat hover, fokus, atau klik.
   - Menu Dashboard/Profile/Logout tidak tersembunyi permanen.
   ========================================================= */

/* Jangan sembunyikan submenu dengan display none permanen.
   Kita ubah menjadi invisible, lalu dimunculkan saat hover/focus/click class. */
.pkp_navigation_user ul,
.pkp_navigation_user .dropdown-menu,
.pkp_navigation_user .submenu {
  display: block !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  position: absolute !important;
  top: calc(100% + 8px) !important;
  right: 0 !important;
  min-width: 210px !important;
  margin: 0 !important;
  padding: 7px !important;
  list-style: none !important;
  background: #ffffff !important;
  border: 1px solid #dce4ee !important;
  border-radius: 10px !important;
  box-shadow: 0 14px 34px rgba(3, 29, 58, .16) !important;
  z-index: 9999 !important;
  transform: translateY(6px) !important;
  transition: opacity .16s ease, transform .16s ease, visibility .16s ease !important;
}

/* Muncul saat hover */
.pkp_navigation_user li:hover > ul,
.pkp_navigation_user li:hover > .dropdown-menu,
.pkp_navigation_user li:hover > .submenu,

/* Muncul saat keyboard/focus */
.pkp_navigation_user li:focus-within > ul,
.pkp_navigation_user li:focus-within > .dropdown-menu,
.pkp_navigation_user li:focus-within > .submenu,

/* Muncul saat OJS/Bootstrap menambahkan class open/show/active */
.pkp_navigation_user li.open > ul,
.pkp_navigation_user li.open > .dropdown-menu,
.pkp_navigation_user li.show > ul,
.pkp_navigation_user li.show > .dropdown-menu,
.pkp_navigation_user li.is_open > ul,
.pkp_navigation_user li.is_open > .dropdown-menu,
.pkp_navigation_user li.is-active > ul,
.pkp_navigation_user li.is-active > .dropdown-menu,
.pkp_navigation_user .dropdown-menu.show,

/* Muncul saat tombol username sudah aria-expanded true */
.pkp_navigation_user a[aria-expanded="true"] + ul,
.pkp_navigation_user a[aria-expanded="true"] + .dropdown-menu,
.pkp_navigation_user a[aria-expanded="true"] ~ ul,
.pkp_navigation_user a[aria-expanded="true"] ~ .dropdown-menu {
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
}

/* Pastikan item dropdown tampil vertikal */
.pkp_navigation_user ul li,
.pkp_navigation_user .dropdown-menu li,
.pkp_navigation_user .submenu li {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Style link di dalam dropdown */
.pkp_navigation_user ul a,
.pkp_navigation_user .dropdown-menu a,
.pkp_navigation_user .submenu a {
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 10px 12px !important;
  border-radius: 7px !important;
  border: 0 !important;
  background: #ffffff !important;
  color: #071b32 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  text-align: left !important;
  white-space: nowrap !important;
}

/* Hover dropdown */
.pkp_navigation_user ul a:hover,
.pkp_navigation_user ul a:focus,
.pkp_navigation_user .dropdown-menu a:hover,
.pkp_navigation_user .dropdown-menu a:focus,
.pkp_navigation_user .submenu a:hover,
.pkp_navigation_user .submenu a:focus {
  background: #f7f9fc !important;
  color: #084d7c !important;
}

/* Panah username diberi jarak supaya kelihatan rapi */
.pkp_navigation_user > li > a::after {
  margin-left: 6px !important;
}

/* Biar dropdown tidak kepotong oleh bar navigasi */
.pkp_navigation_primary_row,
.pkp_navigation_primary_wrapper,
.pkp_site_nav_menu,
.pkp_structure_head,
.pkp_structure_page {
  overflow: visible !important;
}

/* Tapi body tetap tidak horizontal scroll */
body {
  overflow-x: hidden !important;
}

/* Mobile: dropdown tidak floating, langsung tampil dalam hamburger */
@media (max-width: 900px) {
  .pkp_navigation_user ul,
  .pkp_navigation_user .dropdown-menu,
  .pkp_navigation_user .submenu {
    position: static !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: none !important;
    min-width: 100% !important;
    margin-top: 8px !important;
    box-shadow: none !important;
  }
}


/* =========================================================
   OJS E-BizPreneur - v12 Duplicate Login/Register Fix
   Perbaikan:
   - Menyembunyikan Login/Daftar yang dibuat sebagai item Primary Navigation.
   - User Navigation bawaan OJS tetap tampil di kanan.
   ========================================================= */

/* Sembunyikan item Login/Daftar di menu utama kiri */
.pkp_navigation_primary > li:has(> a[href*="/login"]),
.pkp_navigation_primary > li:has(> a[href*="/user/register"]),
.pkp_navigation_primary > li:has(> a[href*="/register"]) {
  display: none !important;
}

/* Fallback jika browser tidak membaca :has() */
.pkp_navigation_primary > li > a[href*="/login"],
.pkp_navigation_primary > li > a[href*="/user/register"],
.pkp_navigation_primary > li > a[href*="/register"] {
  display: none !important;
}

/* Setelah item kiri disembunyikan, ruang menu utama dibuat lebih lega */
.pkp_navigation_primary_wrapper {
  padding-right: 250px !important;
}

@media (max-width: 900px) {
  .pkp_navigation_primary_wrapper {
    padding-right: 18px !important;
  }
}


/* =========================================================
   OJS E-BizPreneur - v14 Search Button Reset
   Perbaikan:
   - Mengembalikan posisi Daftar/Login/Cari seperti v12 agar tidak keluar halaman.
   - Tombol Cari dibuat seperti button/pill agar serasi dengan Daftar dan Login.
   ========================================================= */

/* Balikkan ruang kanan navigasi ke posisi stabil */
.pkp_navigation_primary_wrapper {
  padding-right: 250px !important;
}

/* User navigation kembali ke posisi stabil di dalam bar navigasi */
.pkp_navigation_user_wrapper {
  position: absolute !important;
  top: 50% !important;
  right: 105px !important;
  transform: translateY(-50%) !important;
  z-index: 40 !important;
  max-width: 240px !important;
}

/* Tombol user dibuat stabil */
.pkp_navigation_user {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
}

/* Search dikembalikan ke kanan dalam halaman */
.pkp_navigation_search_wrapper {
  position: absolute !important;
  top: 50% !important;
  right: 36px !important;
  transform: translateY(-50%) !important;
  z-index: 35 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Tombol cari dibuat seperti tombol Login */
.pkp_navigation_search_wrapper a,
.pkp_navigation_search_wrapper a:link,
.pkp_navigation_search_wrapper a:visited {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 30px !important;
  padding: 6px 11px !important;
  border-radius: 8px !important;
  border: 1px solid #084d7c !important;
  background: #ffffff !important;
  color: #084d7c !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
  letter-spacing: .2px !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

/* Hover tombol cari */
.pkp_navigation_search_wrapper a:hover,
.pkp_navigation_search_wrapper a:focus {
  background: #084d7c !important;
  border-color: #084d7c !important;
  color: #ffffff !important;
}

/* Kalau ada ikon kaca pembesar, jaraknya dibuat rapi */
.pkp_navigation_search_wrapper a:before,
.pkp_navigation_search_wrapper a .fa {
  margin-right: 4px !important;
}

/* Desktop kecil */
@media (min-width: 901px) and (max-width: 1120px) {
  .pkp_navigation_primary_wrapper {
    padding-right: 235px !important;
  }

  .pkp_navigation_user_wrapper {
    right: 100px !important;
    max-width: 200px !important;
  }

  .pkp_navigation_search_wrapper {
    right: 28px !important;
  }

  .pkp_navigation_search_wrapper a,
  .pkp_navigation_search_wrapper a:link,
  .pkp_navigation_search_wrapper a:visited {
    padding-left: 9px !important;
    padding-right: 9px !important;
    font-size: 11px !important;
  }
}

/* Mobile: tetap masuk menu hamburger */
@media (max-width: 900px) {
  .pkp_navigation_primary_wrapper {
    padding-right: 18px !important;
  }

  .pkp_navigation_user_wrapper {
    position: static !important;
    transform: none !important;
    right: auto !important;
    top: auto !important;
    max-width: 100% !important;
  }

  .pkp_navigation_search_wrapper {
    position: static !important;
    transform: none !important;
    right: auto !important;
    top: auto !important;
    margin-top: 10px !important;
  }

  .pkp_navigation_search_wrapper a,
  .pkp_navigation_search_wrapper a:link,
  .pkp_navigation_search_wrapper a:visited {
    min-height: 36px !important;
    padding: 9px 13px !important;
  }
}


/* =========================================================
   OJS E-BizPreneur - v15 Login/Search Spacing Fix
   Perbaikan:
   - Jarak Login ke Cari diperlebar
   - Area kanan navigasi diberi ruang lebih lega
   - Tidak tumpang tindih di desktop
   ========================================================= */

/* Ruang kanan navigasi diperlebar sedikit */
.pkp_navigation_primary_wrapper {
  padding-right: 285px !important;
}

/* User nav digeser sedikit ke kiri agar ada jarak dengan tombol Cari */
.pkp_navigation_user_wrapper {
  right: 128px !important;
  max-width: 220px !important;
}

/* Jarak antar tombol user */
.pkp_navigation_user {
  gap: 10px !important;
}

/* Search tetap di kanan, tapi tidak terlalu mepet */
.pkp_navigation_search_wrapper {
  right: 30px !important;
}

/* Tombol cari sedikit diperkecil agar seimbang */
.pkp_navigation_search_wrapper a,
.pkp_navigation_search_wrapper a:link,
.pkp_navigation_search_wrapper a:visited {
  padding: 6px 10px !important;
  min-width: 54px !important;
}

/* Desktop sedang */
@media (min-width: 901px) and (max-width: 1120px) {
  .pkp_navigation_primary_wrapper {
    padding-right: 255px !important;
  }

  .pkp_navigation_user_wrapper {
    right: 118px !important;
    max-width: 190px !important;
  }

  .pkp_navigation_user {
    gap: 8px !important;
  }

  .pkp_navigation_search_wrapper {
    right: 24px !important;
  }
}

/* Mobile tetap mengikuti layout hamburger */
@media (max-width: 900px) {
  .pkp_navigation_primary_wrapper {
    padding-right: 18px !important;
  }

  .pkp_navigation_user_wrapper {
    right: auto !important;
    max-width: 100% !important;
  }

  .pkp_navigation_search_wrapper {
    right: auto !important;
  }
}


/* =========================================================
   OJS E-BizPreneur - v16 Card Button Fix
   Perbaikan:
   - Tombol pada card putih dibuat terlihat jelas.
   - Tombol Tentang Jurnal, Fokus & Ruang Lingkup, dan Panduan Penulis dirapikan.
   ========================================================= */

/* Tombol sekunder di card putih jangan putih transparan seperti di hero */
.ojs-home-card .ojs-home-btn-secondary,
.ojs-indexing-section .ojs-home-btn-secondary {
  background: #ffffff !important;
  color: #084d7c !important;
  border: 1px solid #084d7c !important;
}

/* Hover tombol sekunder di card */
.ojs-home-card .ojs-home-btn-secondary:hover,
.ojs-home-card .ojs-home-btn-secondary:focus,
.ojs-indexing-section .ojs-home-btn-secondary:hover,
.ojs-indexing-section .ojs-home-btn-secondary:focus {
  background: #084d7c !important;
  color: #ffffff !important;
  border-color: #084d7c !important;
}

/* Tombol dalam card dibuat konsisten dan selalu terlihat */
.ojs-home-card .ojs-home-btn,
.ojs-indexing-section .ojs-home-btn {
  margin-top: 8px !important;
  min-height: 38px !important;
  padding: 8px 14px !important;
  font-size: 11.5px !important;
  border-radius: 8px !important;
  text-shadow: none !important;
  box-sizing: border-box !important;
}

/* Supaya card dengan tombol terlihat seimbang */
.ojs-home-card p:last-child {
  margin-bottom: 0 !important;
}

/* Tombol Fokus & Ruang Lingkup */
.ojs-focus-action {
  margin-top: 14px !important;
}

/* Pada mobile tombol card dibuat mudah diklik */
@media (max-width: 900px) {
  .ojs-home-card .ojs-home-btn,
  .ojs-indexing-section .ojs-home-btn {
    width: auto !important;
    max-width: 100% !important;
  }
}


/* =========================================================
   OJS E-BizPreneur - v17 Step 8 Indexing Plan & Partnership
   Fitur:
   - Rencana Indeksasi dibuat sebagai logo/button grayscale
   - Status Planned / In Progress / Indexed
   - Untuk saat ini semua target dibuat Planned dan tidak clickable
   - Section Mitra & Kolaborasi dengan CTA Partner Kami
   ========================================================= */

/* Section Rencana Indeksasi */
.ojs-index-plan-section {
  margin-top: 18px;
  background: #ffffff;
  border: 1px solid #dce4ee;
  border-radius: 14px;
  padding: 22px;
  box-shadow: 0 12px 35px rgba(3, 29, 58, .10);
}

.ojs-index-plan-section h2,
.ojs-partnership-section h2 {
  color: #031d3a !important;
  margin-top: 0 !important;
  margin-bottom: 10px !important;
  font-size: 20px !important;
  line-height: 1.25 !important;
  text-transform: uppercase;
}

.ojs-index-plan-section h2::after,
.ojs-partnership-section h2::after {
  content: "";
  display: block;
  width: 48px;
  height: 3px;
  background: #f7b733;
  margin-top: 8px;
  border-radius: 10px;
}

.ojs-section-lead {
  margin: 0 0 18px 0 !important;
  color: #5d6b7c !important;
  font-size: 14.5px !important;
  line-height: 1.7 !important;
}

/* Grid target indeksasi */
.ojs-index-plan-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
}

/* Logo/button indeksasi */
.ojs-index-logo {
  position: relative;
  min-height: 74px;
  padding: 14px 10px 12px;
  border: 1px solid #dce4ee;
  border-radius: 12px;
  background: linear-gradient(180deg, #ffffff, #f7f9fc);
  box-shadow: inset 0 -2px 0 rgba(3,29,58,.04), 0 8px 20px rgba(3,29,58,.05);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 7px;
  text-align: center;
  text-decoration: none !important;
  box-sizing: border-box;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.ojs-index-logo .ojs-index-name {
  display: block;
  color: #071b32;
  font-size: 13px;
  font-weight: 900;
  line-height: 1.15;
  text-transform: none;
}

/* Status badge */
.ojs-index-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 9.5px;
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: .25px;
}

/* Planned = hitam putih, tidak aktif */
.ojs-index-logo.is-planned {
  filter: grayscale(100%);
  opacity: .62;
  cursor: not-allowed;
  pointer-events: none;
}

.ojs-index-logo.is-planned .ojs-index-status {
  color: #4b5563;
  background: #e5e7eb;
}

/* In Progress = abu-abu dengan aksen emas */
.ojs-index-logo.is-progress {
  filter: grayscale(70%);
  opacity: .86;
  cursor: default;
  pointer-events: none;
}

.ojs-index-logo.is-progress .ojs-index-status {
  color: #7a4b00;
  background: #fff2cc;
}

/* Indexed = berwarna dan bisa diklik */
.ojs-index-logo.is-indexed {
  filter: none;
  opacity: 1;
  pointer-events: auto;
  cursor: pointer;
  border-color: rgba(247, 183, 51, .55);
}

.ojs-index-logo.is-indexed .ojs-index-status {
  color: #064e3b;
  background: #d1fae5;
}

.ojs-index-logo.is-indexed:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 32px rgba(3,29,58,.12);
  border-color: #f7b733;
}

/* Simulasi style tiap logo agar terasa seperti logo/button */
.ojs-index-logo.logo-google .ojs-index-name {
  font-family: Arial, Helvetica, sans-serif;
}

.ojs-index-logo.logo-crossref .ojs-index-name {
  text-transform: lowercase;
}

.ojs-index-logo.logo-garuda .ojs-index-name,
.ojs-index-logo.logo-doaj .ojs-index-name {
  letter-spacing: .3px;
}

.ojs-index-logo.logo-road .ojs-index-name {
  letter-spacing: 1px;
}

/* Legend kecil */
.ojs-index-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 16px;
  margin-top: 14px;
  color: #5d6b7c;
  font-size: 12.5px;
  line-height: 1.5;
}

.ojs-index-legend span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.ojs-index-legend i {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
}

.ojs-index-legend .planned i {
  background: #9ca3af;
}

.ojs-index-legend .progress i {
  background: #f7b733;
}

.ojs-index-legend .indexed i {
  background: #10b981;
}

/* Section Mitra & Kolaborasi */
.ojs-partnership-section {
  margin-top: 18px;
  background:
    linear-gradient(135deg, rgba(3,29,58,.96), rgba(8,77,124,.92)),
    radial-gradient(circle at 90% 18%, rgba(247,183,51,.22), transparent 30%);
  color: #ffffff;
  border: 1px solid rgba(247,183,51,.24);
  border-radius: 14px;
  padding: 26px;
  box-shadow: 0 12px 35px rgba(3, 29, 58, .14);
  overflow: hidden;
  position: relative;
}

.ojs-partnership-section::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
  background-size: 28px 28px;
  opacity: .22;
  pointer-events: none;
}

.ojs-partnership-section > * {
  position: relative;
  z-index: 1;
}

.ojs-partnership-section h2 {
  color: #ffffff !important;
}

.ojs-partnership-section .ojs-section-lead {
  color: rgba(255,255,255,.90) !important;
  max-width: 820px;
}

.ojs-partnership-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  align-items: stretch;
  margin-top: 18px;
}

.ojs-partnership-card {
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 12px;
  padding: 18px;
}

.ojs-partnership-card h3 {
  color: #ffcf66 !important;
  margin-top: 0 !important;
  margin-bottom: 10px !important;
  font-size: 16px !important;
  text-transform: uppercase;
}

.ojs-partner-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.ojs-partner-list li {
  position: relative;
  padding-left: 24px;
  margin-bottom: 8px;
  color: rgba(255,255,255,.92);
  font-size: 14px;
  line-height: 1.55;
}

.ojs-partner-list li::before {
  content: "\2713";
  position: absolute;
  left: 0;
  top: 1px;
  width: 17px;
  height: 17px;
  line-height: 17px;
  text-align: center;
  border-radius: 50%;
  background: #f7b733;
  color: #06111f;
  font-size: 11px;
  font-weight: 900;
}

.ojs-partner-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 18px;
}

.ojs-partner-actions .ojs-home-btn-secondary {
  color: #ffffff !important;
  background: rgba(255,255,255,.08) !important;
  border-color: rgba(255,255,255,.70) !important;
}

.ojs-partner-actions .ojs-home-btn-secondary:hover,
.ojs-partner-actions .ojs-home-btn-secondary:focus {
  background: #ffffff !important;
  color: #084d7c !important;
}

/* Matikan section indexing lama jika masih ada */
.ojs-indexing-section {
  display: none !important;
}

/* Mobile */
@media (max-width: 900px) {
  .ojs-index-plan-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ojs-partnership-grid {
    grid-template-columns: 1fr;
  }

  .ojs-partner-actions {
    flex-direction: column;
  }

  .ojs-partner-actions .ojs-home-btn {
    width: 100%;
    box-sizing: border-box;
  }
}

@media (max-width: 480px) {
  .ojs-index-plan-grid {
    grid-template-columns: 1fr;
  }

  .ojs-index-logo {
    min-height: 68px;
  }

  .ojs-partnership-section {
    padding: 22px;
  }
}


/* =========================================================
   OJS E-BizPreneur - v18 Rencana Indeksasi pakai Gambar
   Fitur:
   - Logo indeksasi tampil sebagai gambar
   - Default grayscale (belum tercapai)
   - Jika nanti sudah tercapai, card bisa diubah ke .is-indexed
   ========================================================= */

.ojs-index-logo {
  min-height: 108px !important;
  padding: 14px 10px 12px !important;
}

.ojs-index-logo .ojs-index-img-wrap {
  width: 100%;
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ojs-index-logo .ojs-index-img {
  display: block;
  max-width: 118px;
  max-height: 38px;
  width: auto;
  height: auto;
  object-fit: contain;
  margin: 0 auto;
  transition: filter .2s ease, opacity .2s ease, transform .2s ease;
}

.ojs-index-logo .ojs-index-name {
  margin-top: 2px;
  font-size: 12px !important;
}

.ojs-index-logo.is-planned .ojs-index-img,
.ojs-index-logo.is-progress .ojs-index-img {
  filter: grayscale(100%);
  opacity: .82;
}

.ojs-index-logo.is-indexed .ojs-index-img {
  filter: none;
  opacity: 1;
}

.ojs-index-logo.is-indexed:hover .ojs-index-img {
  transform: scale(1.02);
}

@media (max-width: 900px) {
  .ojs-index-logo {
    min-height: 100px !important;
  }

  .ojs-index-logo .ojs-index-img {
    max-width: 110px;
    max-height: 34px;
  }
}

@media (max-width: 480px) {
  .ojs-index-logo .ojs-index-img {
    max-width: 122px;
    max-height: 36px;
  }
}


/* =========================================================
   OJS E-BizPreneur - v19 Indexing In Progress Example
   Perbaikan:
   - Status In Progress tampil lebih hidup/berwarna.
   - Tetapi tetap tidak bisa diklik.
   ========================================================= */

.ojs-index-logo.is-progress {
  filter: none !important;
  opacity: 1 !important;
  cursor: default !important;
  pointer-events: none !important;
  border-color: rgba(247, 183, 51, .65) !important;
  background: linear-gradient(180deg, #ffffff, #fff8e8) !important;
}

.ojs-index-logo.is-progress .ojs-index-img {
  filter: none !important;
  opacity: 1 !important;
}

.ojs-index-logo.is-progress .ojs-index-status {
  color: #7a4b00 !important;
  background: #fff2cc !important;
  border: 1px solid rgba(247, 183, 51, .45) !important;
}

/* Supaya user tahu ini belum bisa diklik */
.ojs-index-logo.is-progress::after {
  content: "Sedang diproses";
  position: absolute;
  top: 8px;
  right: 8px;
  padding: 3px 7px;
  border-radius: 999px;
  background: rgba(247, 183, 51, .16);
  color: #7a4b00;
  font-size: 9px;
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: .2px;
}


/* =========================================================
   OJS E-BizPreneur - v20 Clean In Progress Badge
   Perbaikan:
   - Menghilangkan tulisan kecil "Sedang diproses" di atas Crossref.
   - Status cukup ditampilkan satu kali di badge bawah: In Progress.
   ========================================================= */

.ojs-index-logo.is-progress::after {
  content: none !important;
  display: none !important;
}



/* =========================================================
   OJS E-BizPreneur - v21 Social Media Icons
   Bagian: Tetap Terhubung
   Fitur:
   - Icon Facebook, Instagram, X/Twitter, YouTube, WhatsApp
   - Tombol lingkaran/pill modern
   - WhatsApp diarahkan ke WA Web/wa.me
   ========================================================= */

.ojs-social-links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 12px 0 14px 0;
}

.ojs-social-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 50% !important;
  text-decoration: none !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: .2px !important;
  box-shadow: 0 8px 18px rgba(3, 29, 58, .12) !important;
  transition: transform .2s ease, box-shadow .2s ease, opacity .2s ease !important;
}

.ojs-social-btn:hover,
.ojs-social-btn:focus {
  transform: translateY(-2px);
  box-shadow: 0 12px 24px rgba(3, 29, 58, .18) !important;
  opacity: .92;
}

.ojs-social-facebook {
  background: #1877f2 !important;
}

.ojs-social-instagram {
  background:
    radial-gradient(circle at 30% 110%, #ffdc80 0%, #fcaf45 22%, #f77737 42%, #f56040 52%, #e1306c 68%, #c13584 82%, #833ab4 100%) !important;
}

.ojs-social-twitter {
  background: #111827 !important;
}

.ojs-social-youtube {
  background: #ff0000 !important;
}

.ojs-social-whatsapp {
  background: #25d366 !important;
  color: #ffffff !important;
}

/* Ukuran teks khusus supaya tiap icon terlihat seimbang */
.ojs-social-facebook span {
  font-size: 20px;
  font-family: Arial, Helvetica, sans-serif;
}

.ojs-social-instagram span {
  font-size: 11px;
}

.ojs-social-twitter span {
  font-size: 17px;
}

.ojs-social-youtube span {
  font-size: 10px;
}

.ojs-social-whatsapp span {
  font-size: 11px;
}

/* Catatan kecil di bawah medsos */
.ojs-social-note {
  margin: 0 0 12px 0 !important;
  color: #5d6b7c !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
}

/* Mobile */
@media (max-width: 900px) {
  .ojs-social-links {
    gap: 9px;
  }

  .ojs-social-btn {
    width: 40px !important;
    height: 40px !important;
  }
}


/* =========================================================
   OJS E-BizPreneur - v22 Direct WhatsApp Contact Section
   Konsep baru bagian "Tetap Terhubung":
   - Ganti fokus dari ikon medsos menjadi kontak admin langsung
   - Menampilkan 2 admin aktif
   - Tombol langsung ke WhatsApp
   - Ada CTA untuk gabung komunitas / grup WA
   ========================================================= */

.ojs-contact-direct-card {
  position: relative;
}

.ojs-direct-contact-intro {
  margin: 0 0 12px 0 !important;
  color: #5d6b7c !important;
  font-size: 13.5px !important;
  line-height: 1.65 !important;
}

.ojs-admin-contact-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin: 14px 0 16px 0;
}

.ojs-admin-card {
  border: 1px solid #dce4ee;
  border-radius: 14px;
  background: linear-gradient(180deg, #ffffff, #f8fbff);
  padding: 16px;
  box-shadow: 0 10px 24px rgba(3,29,58,.08);
}

.ojs-admin-head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}

.ojs-admin-avatar {
  width: 50px;
  height: 50px;
  min-width: 50px;
  border-radius: 50%;
  background: linear-gradient(135deg, #084d7c, #0e74a8);
  color: #ffffff;
  font-size: 18px;
  font-weight: 900;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 8px 18px rgba(8,77,124,.18);
}

.ojs-admin-name {
  margin: 0 !important;
  color: #031d3a !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
}

.ojs-admin-role {
  margin: 4px 0 0 0 !important;
  color: #6a7786 !important;
  font-size: 12.5px !important;
  line-height: 1.4 !important;
}

.ojs-admin-meta {
  list-style: none !important;
  margin: 0 0 14px 0 !important;
  padding: 0 !important;
}

.ojs-admin-meta li {
  position: relative;
  padding-left: 18px;
  margin-bottom: 6px;
  color: #4a596b !important;
  font-size: 12.5px !important;
  line-height: 1.55 !important;
}

.ojs-admin-meta li::before {
  content: "\2022";
  position: absolute;
  left: 0;
  top: 0;
  color: #f7b733;
  font-weight: 900;
  font-size: 15px;
  line-height: 1;
}

.ojs-admin-wa {
  width: 100%;
  text-align: center;
  background: #25d366 !important;
  border-color: #25d366 !important;
  color: #ffffff !important;
}

.ojs-admin-wa:hover,
.ojs-admin-wa:focus {
  background: #1faf57 !important;
  border-color: #1faf57 !important;
  color: #ffffff !important;
}

.ojs-community-box {
  border: 1px dashed rgba(8,77,124,.25);
  border-radius: 12px;
  background: #f8fbff;
  padding: 14px 15px;
  margin: 4px 0 14px 0;
}

.ojs-community-box h3 {
  margin: 0 0 8px 0 !important;
  color: #084d7c !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  text-transform: uppercase;
}

.ojs-community-box p {
  margin: 0 0 10px 0 !important;
  color: #4a596b !important;
  font-size: 12.8px !important;
  line-height: 1.6 !important;
}

.ojs-community-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.ojs-community-actions .ojs-home-btn {
  flex: 1 1 auto;
  min-width: 150px;
  text-align: center;
}

.ojs-contact-smallnote {
  margin: 10px 0 0 0 !important;
  color: #7a8794 !important;
  font-size: 12px !important;
  line-height: 1.6 !important;
}

@media (max-width: 900px) {
  .ojs-admin-contact-grid {
    grid-template-columns: 1fr;
  }

  .ojs-community-actions {
    flex-direction: column;
  }

  .ojs-community-actions .ojs-home-btn {
    width: 100%;
  }
}


/* =========================================================
   OJS E-BizPreneur - v23 Simple WhatsApp Admin
   Bagian Hubungi Kami Langsung dibuat lebih simpel:
   - 2 admin
   - foto admin
   - nama admin
   - tombol WhatsApp
   - tanpa box Komunitas WhatsApp
   ========================================================= */

.ojs-contact-direct-card.is-simple {
  overflow: hidden;
}

.ojs-simple-admin-intro {
  margin: 0 0 16px 0 !important;
  color: #5d6b7c !important;
  font-size: 13.5px !important;
  line-height: 1.65 !important;
}

.ojs-simple-admin-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin-top: 12px;
}

.ojs-simple-admin-card {
  border: 1px solid #dce4ee;
  border-radius: 14px;
  background: linear-gradient(180deg, #ffffff, #f8fbff);
  padding: 18px 16px;
  box-shadow: 0 10px 24px rgba(3,29,58,.08);
  text-align: center;
}

.ojs-simple-admin-photo {
  width: 96px;
  height: 96px;
  margin: 0 auto 12px auto;
  border-radius: 50%;
  overflow: hidden;
  background: #f4f7fb;
  border: 3px solid #ffffff;
  box-shadow: 0 8px 22px rgba(3, 29, 58, .14);
}

.ojs-simple-admin-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ojs-simple-admin-name {
  margin: 0 0 4px 0 !important;
  color: #031d3a !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
}

.ojs-simple-admin-role {
  margin: 0 0 14px 0 !important;
  color: #5d6b7c !important;
  font-size: 12.8px !important;
  line-height: 1.45 !important;
}

.ojs-simple-wa-btn {
  width: 100%;
  background: #25d366 !important;
  border-color: #25d366 !important;
  color: #ffffff !important;
  text-align: center;
}

.ojs-simple-wa-btn:hover,
.ojs-simple-wa-btn:focus {
  background: #1faf57 !important;
  border-color: #1faf57 !important;
  color: #ffffff !important;
}

.ojs-simple-contact-note {
  margin: 14px 0 0 0 !important;
  color: #7a8794 !important;
  font-size: 12px !important;
  line-height: 1.6 !important;
}

/* Pastikan elemen lama komunitas tidak muncul jika masih tertinggal */
.ojs-community-box {
  display: none !important;
}

@media (max-width: 900px) {
  .ojs-simple-admin-grid {
    grid-template-columns: 1fr;
  }

  .ojs-simple-admin-photo {
    width: 92px;
    height: 92px;
  }
}


/* =========================================================
   OJS E-BizPreneur - v24 Split Author Guidelines Area
   Perbaikan:
   - Area Panduan Penulis dibagi menjadi 2 bagian
   - Atas: Panduan Penulis
   - Bawah: Download Template Jurnal
   ========================================================= */

.ojs-bottom-grid {
  align-items: stretch;
}

.ojs-bottom-left-stack {
  display: grid;
  grid-template-rows: 1fr 1fr;
  gap: 14px;
  height: 100%;
}

.ojs-mini-card {
  min-height: 0 !important;
  padding-bottom: 18px !important;
}

.ojs-mini-card h2 {
  margin-bottom: 12px !important;
}

.ojs-mini-card p {
  margin-bottom: 14px !important;
}

.ojs-template-note {
  margin: 0 0 14px 0 !important;
  color: #5d6b7c !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
}

.ojs-template-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.ojs-template-actions .ojs-home-btn {
  min-width: 165px;
}

@media (max-width: 900px) {
  .ojs-bottom-left-stack {
    grid-template-rows: auto;
  }

  .ojs-template-actions {
    flex-direction: column;
  }

  .ojs-template-actions .ojs-home-btn {
    width: 100%;
    text-align: center;
  }
}


/* =========================================================
   OJS E-BizPreneur - v25 Template Download Page
   Perubahan:
   - Tombol Download Template di homepage diarahkan ke halaman baru
   - Halaman baru berisi 2 gambar/kartu download:
     1) Template English
     2) Template Indonesia
   ========================================================= */

/* Tombol template di homepage */
.ojs-template-actions .ojs-home-btn {
  min-width: 190px;
}

/* Halaman Download Template */
.ojs-template-page {
  width: 100%;
}

.ojs-template-hero {
  border-radius: 16px;
  padding: 28px;
  margin-bottom: 18px;
  color: #ffffff;
  background:
    linear-gradient(135deg, rgba(3,29,58,.96), rgba(8,77,124,.92)),
    radial-gradient(circle at 88% 18%, rgba(247,183,51,.22), transparent 34%);
  box-shadow: 0 12px 34px rgba(3,29,58,.14);
}

.ojs-template-hero h1 {
  margin: 0 0 10px 0 !important;
  color: #ffffff !important;
  font-size: 28px !important;
  line-height: 1.2 !important;
  text-transform: uppercase;
}

.ojs-template-hero h1::after {
  content: "";
  display: block;
  width: 58px;
  height: 3px;
  background: #f7b733;
  margin-top: 10px;
  border-radius: 10px;
}

.ojs-template-hero p {
  margin: 0 !important;
  max-width: 780px;
  color: rgba(255,255,255,.92) !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
}

.ojs-template-download-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}

.ojs-template-download-card {
  background: #ffffff;
  border: 1px solid #dce4ee;
  border-radius: 16px;
  padding: 22px;
  box-shadow: 0 12px 35px rgba(3,29,58,.10);
  text-align: center;
}

.ojs-template-download-card h2 {
  margin-top: 0 !important;
  margin-bottom: 10px !important;
  color: #031d3a !important;
  font-size: 20px !important;
  text-transform: uppercase;
}

.ojs-template-download-card h2::after {
  content: "";
  display: block;
  width: 48px;
  height: 3px;
  background: #f7b733;
  margin: 8px auto 0;
  border-radius: 10px;
}

.ojs-template-download-card p {
  color: #5d6b7c !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
  margin-bottom: 16px !important;
}

.ojs-template-image-link {
  display: block;
  margin: 12px auto 18px;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid #dce4ee;
  background: #f8fafc;
  box-shadow: 0 10px 24px rgba(3,29,58,.08);
  transition: transform .2s ease, box-shadow .2s ease;
}

.ojs-template-image-link:hover,
.ojs-template-image-link:focus {
  transform: translateY(-2px);
  box-shadow: 0 14px 30px rgba(3,29,58,.14);
}

.ojs-template-image-link img {
  display: block;
  width: 100%;
  max-height: 230px;
  object-fit: cover;
  object-position: center center;
}

.ojs-template-download-card .ojs-home-btn {
  min-width: 190px;
}

/* Placeholder kalau gambar belum ada */
.ojs-template-placeholder {
  min-height: 210px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #084d7c;
  font-weight: 900;
  font-size: 16px;
  background:
    linear-gradient(135deg, #ffffff, #f4f7fb),
    radial-gradient(circle at 80% 20%, rgba(247,183,51,.16), transparent 35%);
}

.ojs-template-note-small {
  margin-top: 18px !important;
  padding: 14px 16px;
  border-radius: 12px;
  border-left: 4px solid #f7b733;
  background: #fffaf0;
  color: #5d4b1e !important;
  font-size: 13px !important;
  line-height: 1.65 !important;
}

@media (max-width: 900px) {
  .ojs-template-download-grid {
    grid-template-columns: 1fr;
  }

  .ojs-template-hero {
    padding: 24px 20px;
  }

  .ojs-template-hero h1 {
    font-size: 24px !important;
  }
}


/* =========================================================
   OJS E-BizPreneur - v26 Galaxy Navy Background Trial
   Perubahan:
   - Background luar website memakai gambar bg2.png
   - Diberi overlay navy gelap agar tetap akademik dan teks nyaman dibaca
   ========================================================= */

html,
body {
  background:
    linear-gradient(rgba(3, 29, 58, 0.84), rgba(3, 29, 58, 0.94)),
    url("https://journal.ymapress.com/public/site/images/manager/bg2.png") center center / cover fixed no-repeat !important;
}

/* Menjaga area utama tetap bersih dan terbaca */
.pkp_structure_page {
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.28) !important;
}

/* Supaya background tidak terlalu ramai di layar kecil */
@media (max-width: 768px) {
  html,
  body {
    background:
      linear-gradient(rgba(3, 29, 58, 0.90), rgba(3, 29, 58, 0.96)),
      url("https://journal.ymapress.com/public/site/images/manager/bg2.png") center center / cover scroll no-repeat !important;
  }
}


/* =========================================================
   OJS E-BizPreneur - v27 Author Guidelines Page
   Perubahan:
   - Style khusus halaman Panduan Penulis / Author Guidelines
   - Disesuaikan dengan Template Artikel E-BizPreneur
   ========================================================= */

.ojs-guidelines-page {
  width: 100%;
}

.ojs-guidelines-hero {
  border-radius: 16px;
  padding: 30px;
  margin-bottom: 18px;
  color: #ffffff;
  background:
    linear-gradient(135deg, rgba(3,29,58,.96), rgba(8,77,124,.92)),
    radial-gradient(circle at 88% 18%, rgba(247,183,51,.22), transparent 34%);
  box-shadow: 0 12px 34px rgba(3,29,58,.14);
}

.ojs-guidelines-hero h1 {
  margin: 0 0 10px 0 !important;
  color: #ffffff !important;
  font-size: 28px !important;
  line-height: 1.2 !important;
  text-transform: uppercase;
}

.ojs-guidelines-hero h1::after {
  content: "";
  display: block;
  width: 58px;
  height: 3px;
  background: #f7b733;
  margin-top: 10px;
  border-radius: 10px;
}

.ojs-guidelines-hero p {
  margin: 0 !important;
  max-width: 820px;
  color: rgba(255,255,255,.92) !important;
  font-size: 15px !important;
  line-height: 1.75 !important;
}

.ojs-guidelines-card {
  background: #ffffff;
  border: 1px solid #dce4ee;
  border-radius: 16px;
  padding: 24px;
  margin-bottom: 16px;
  box-shadow: 0 12px 35px rgba(3,29,58,.09);
}

.ojs-guidelines-card h2 {
  margin-top: 0 !important;
  margin-bottom: 12px !important;
  color: #031d3a !important;
  font-size: 22px !important;
  line-height: 1.3 !important;
}

.ojs-guidelines-card h2::after {
  content: "";
  display: block;
  width: 46px;
  height: 3px;
  background: #f7b733;
  margin-top: 8px;
  border-radius: 10px;
}

.ojs-guidelines-card h3 {
  margin-top: 18px !important;
  margin-bottom: 8px !important;
  color: #084d7c !important;
  font-size: 17px !important;
}

.ojs-guidelines-card p {
  color: #26384d !important;
  font-size: 14.5px !important;
  line-height: 1.75 !important;
  margin-bottom: 12px !important;
}

.ojs-guidelines-card ul,
.ojs-guidelines-card ol {
  padding-left: 22px !important;
  margin-top: 8px !important;
  margin-bottom: 12px !important;
}

.ojs-guidelines-card li {
  color: #26384d !important;
  font-size: 14.5px !important;
  line-height: 1.75 !important;
  margin-bottom: 6px !important;
}

.ojs-guidelines-highlight {
  border-left: 4px solid #f7b733;
  background: #fffaf0;
  border-radius: 12px;
  padding: 14px 16px;
  color: #5d4b1e !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
}

.ojs-guidelines-table-wrap {
  overflow-x: auto;
  margin-top: 12px;
  border-radius: 14px;
  border: 1px solid #dce4ee;
}

.ojs-guidelines-table {
  width: 100%;
  border-collapse: collapse;
  background: #ffffff;
}

.ojs-guidelines-table th {
  background: #031d3a;
  color: #ffffff;
  text-align: left;
  padding: 12px 14px;
  font-size: 14px;
}

.ojs-guidelines-table td {
  border-top: 1px solid #dce4ee;
  padding: 12px 14px;
  color: #26384d;
  font-size: 14px;
  line-height: 1.55;
  vertical-align: top;
}

.ojs-guidelines-downloads {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}

.ojs-guidelines-downloads a {
  display: inline-block;
  text-decoration: none !important;
}

.ojs-guidelines-note {
  margin-top: 18px !important;
  padding: 14px 16px;
  border-radius: 12px;
  border-left: 4px solid #084d7c;
  background: #f4f7fb;
  color: #26384d !important;
  font-size: 13.5px !important;
  line-height: 1.7 !important;
}

@media (max-width: 768px) {
  .ojs-guidelines-hero {
    padding: 24px 20px;
  }

  .ojs-guidelines-hero h1 {
    font-size: 24px !important;
  }

  .ojs-guidelines-card {
    padding: 20px;
  }

  .ojs-guidelines-downloads {
    flex-direction: column;
  }

  .ojs-guidelines-downloads .ojs-home-btn {
    width: 100%;
    text-align: center;
  }
}


/* =========================================================
   OJS E-BizPreneur - v28 Author Guidelines Font Fix
   Perubahan:
   - Menyamakan font halaman Penyerahan Naskah / Panduan Penulis
   - Menghapus kesan font Times/serif akibat paste dari dokumen lama
   ========================================================= */

/* Halaman about/submissions OJS */
.pkp_page_about.pkp_op_submissions .pkp_structure_main p,
.pkp_page_about.pkp_op_submissions .pkp_structure_main li,
.pkp_page_about.pkp_op_submissions .pkp_structure_main td,
.pkp_page_about.pkp_op_submissions .pkp_structure_main th,
.pkp_page_about.pkp_op_submissions .pkp_structure_main div,
.pkp_page_about.pkp_op_submissions .pkp_structure_main span,
.pkp_page_about.pkp_op_submissions .pkp_structure_main a,
.pkp_page_about.pkp_op_submissions .pkp_structure_main strong,
.pkp_page_about.pkp_op_submissions .pkp_structure_main em,
.pkp_page_about.pkp_op_submissions .pkp_structure_main h1,
.pkp_page_about.pkp_op_submissions .pkp_structure_main h2,
.pkp_page_about.pkp_op_submissions .pkp_structure_main h3,
.pkp_page_about.pkp_op_submissions .pkp_structure_main h4,
.page_submissions .pkp_structure_main p,
.page_submissions .pkp_structure_main li,
.page_submissions .pkp_structure_main td,
.page_submissions .pkp_structure_main th,
.page_submissions .pkp_structure_main div,
.page_submissions .pkp_structure_main span,
.page_submissions .pkp_structure_main a,
.page_submissions .pkp_structure_main strong,
.page_submissions .pkp_structure_main em,
.page_submissions .pkp_structure_main h1,
.page_submissions .pkp_structure_main h2,
.page_submissions .pkp_structure_main h3,
.page_submissions .pkp_structure_main h4 {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}

/* Ukuran dan jarak teks panduan agar lebih seragam dengan halaman lain */
.pkp_page_about.pkp_op_submissions .pkp_structure_main p,
.pkp_page_about.pkp_op_submissions .pkp_structure_main li,
.page_submissions .pkp_structure_main p,
.page_submissions .pkp_structure_main li {
  font-size: 14px !important;
  line-height: 1.75 !important;
  color: #071b32 !important;
}

.pkp_page_about.pkp_op_submissions .pkp_structure_main h1,
.page_submissions .pkp_structure_main h1 {
  font-size: 24px !important;
  font-weight: 800 !important;
  color: #031d3a !important;
}

.pkp_page_about.pkp_op_submissions .pkp_structure_main h2,
.page_submissions .pkp_structure_main h2 {
  font-size: 18px !important;
  font-weight: 800 !important;
  color: #031d3a !important;
  margin-top: 24px !important;
  margin-bottom: 10px !important;
}

.pkp_page_about.pkp_op_submissions .pkp_structure_main h3,
.page_submissions .pkp_structure_main h3 {
  font-size: 16px !important;
  font-weight: 800 !important;
  color: #084d7c !important;
  margin-top: 18px !important;
  margin-bottom: 8px !important;
}

/* Supaya list lebih rapi */
.pkp_page_about.pkp_op_submissions .pkp_structure_main ul,
.pkp_page_about.pkp_op_submissions .pkp_structure_main ol,
.page_submissions .pkp_structure_main ul,
.page_submissions .pkp_structure_main ol {
  margin-top: 8px !important;
  margin-bottom: 14px !important;
  padding-left: 24px !important;
}

/* Kotak guideline di halaman submission */
.pkp_page_about.pkp_op_submissions .pkp_structure_main .section,
.page_submissions .pkp_structure_main .section {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}


/* =========================================================
   OJS E-BizPreneur - v29 Beautify Submission / Author Guidelines
   Perubahan:
   - Halaman Penyerahan Naskah dibuat lebih modern dan premium
   - Area panduan penulis dibuat lebih nyaman dibaca
   - Sidebar tetap rapi dan konsisten
   ========================================================= */

/* Area utama halaman penyerahan naskah */
.pkp_page_about.pkp_op_submissions .pkp_structure_main,
.page_submissions .pkp_structure_main {
  background: #ffffff !important;
  border: 1px solid rgba(220, 228, 238, .95) !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 42px rgba(3, 29, 58, .12) !important;
  padding: 28px !important;
}

/* Breadcrumb lebih halus */
.pkp_page_about.pkp_op_submissions .cmp_breadcrumbs,
.page_submissions .cmp_breadcrumbs {
  margin-bottom: 18px !important;
  font-size: 12px !important;
  color: #5d6b7c !important;
}

/* Judul halaman */
.pkp_page_about.pkp_op_submissions .pkp_structure_main h1,
.page_submissions .pkp_structure_main h1 {
  position: relative;
  font-size: 26px !important;
  font-weight: 900 !important;
  color: #031d3a !important;
  margin: 0 0 18px 0 !important;
  padding-bottom: 12px !important;
}

.pkp_page_about.pkp_op_submissions .pkp_structure_main h1::after,
.page_submissions .pkp_structure_main h1::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 64px;
  height: 3px;
  border-radius: 10px;
  background: #f7b733;
}

/* Kotak tombol serahkan naskah */
.pkp_page_about.pkp_op_submissions .cmp_notification,
.page_submissions .cmp_notification,
.pkp_page_about.pkp_op_submissions .pkp_structure_main > .cmp_notification {
  border: 1px solid #dce4ee !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, #ffffff, #f8fafc) !important;
  box-shadow: 0 10px 24px rgba(3, 29, 58, .06) !important;
  padding: 16px 18px !important;
}

/* Link serahkan naskah baru */
.pkp_page_about.pkp_op_submissions .pkp_structure_main a,
.page_submissions .pkp_structure_main a {
  color: #084d7c !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.pkp_page_about.pkp_op_submissions .pkp_structure_main a:hover,
.page_submissions .pkp_structure_main a:hover {
  color: #031d3a !important;
  text-decoration: underline !important;
}

/* Judul Panduan Penulis */
.pkp_page_about.pkp_op_submissions .pkp_structure_main h2,
.page_submissions .pkp_structure_main h2 {
  position: relative;
  font-size: 20px !important;
  font-weight: 900 !important;
  color: #031d3a !important;
  margin-top: 26px !important;
  margin-bottom: 14px !important;
  padding-bottom: 10px !important;
}

.pkp_page_about.pkp_op_submissions .pkp_structure_main h2::after,
.page_submissions .pkp_structure_main h2::after {
  content: "";
  display: block;
  width: 48px;
  height: 3px;
  border-radius: 10px;
  background: #f7b733;
  margin-top: 9px;
}

/* Heading kecil */
.pkp_page_about.pkp_op_submissions .pkp_structure_main h3,
.pkp_page_about.pkp_op_submissions .pkp_structure_main h4,
.page_submissions .pkp_structure_main h3,
.page_submissions .pkp_structure_main h4 {
  color: #084d7c !important;
  font-weight: 900 !important;
  margin-top: 22px !important;
  margin-bottom: 9px !important;
}

/* Teks isi lebih nyaman dibaca */
.pkp_page_about.pkp_op_submissions .pkp_structure_main p,
.page_submissions .pkp_structure_main p {
  font-size: 14.5px !important;
  line-height: 1.8 !important;
  color: #26384d !important;
  margin-bottom: 13px !important;
}

/* List lebih modern */
.pkp_page_about.pkp_op_submissions .pkp_structure_main ul,
.pkp_page_about.pkp_op_submissions .pkp_structure_main ol,
.page_submissions .pkp_structure_main ul,
.page_submissions .pkp_structure_main ol {
  background: #f8fafc !important;
  border: 1px solid #e4ebf3 !important;
  border-radius: 14px !important;
  padding: 14px 18px 14px 34px !important;
  margin: 10px 0 20px 0 !important;
}

.pkp_page_about.pkp_op_submissions .pkp_structure_main li,
.page_submissions .pkp_structure_main li {
  font-size: 14px !important;
  line-height: 1.75 !important;
  color: #26384d !important;
  margin-bottom: 5px !important;
}

.pkp_page_about.pkp_op_submissions .pkp_structure_main li::marker,
.page_submissions .pkp_structure_main li::marker {
  color: #f7b733 !important;
  font-weight: 900 !important;
}

/* Bold text dibuat lebih elegan, tidak terasa default Word */
.pkp_page_about.pkp_op_submissions .pkp_structure_main strong,
.page_submissions .pkp_structure_main strong {
  color: #031d3a !important;
  font-weight: 900 !important;
}

/* Area panduan penulis: beri background lembut agar tidak datar */
.pkp_page_about.pkp_op_submissions .pkp_structure_main .section,
.page_submissions .pkp_structure_main .section {
  border-radius: 16px !important;
}

/* Sidebar halaman submissions */
.pkp_page_about.pkp_op_submissions .pkp_structure_sidebar .block,
.page_submissions .pkp_structure_sidebar .block {
  background: #ffffff !important;
  border: 1px solid #dce4ee !important;
  border-radius: 16px !important;
  box-shadow: 0 14px 32px rgba(3, 29, 58, .10) !important;
  padding: 18px !important;
  margin-bottom: 18px !important;
}

.pkp_page_about.pkp_op_submissions .pkp_structure_sidebar .block .title,
.page_submissions .pkp_structure_sidebar .block .title,
.pkp_page_about.pkp_op_submissions .pkp_structure_sidebar h2,
.page_submissions .pkp_structure_sidebar h2 {
  color: #031d3a !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  border-bottom: none !important;
  padding-bottom: 8px !important;
  margin-bottom: 10px !important;
}

.pkp_page_about.pkp_op_submissions .pkp_structure_sidebar .block .title::after,
.page_submissions .pkp_structure_sidebar .block .title::after,
.pkp_page_about.pkp_op_submissions .pkp_structure_sidebar h2::after,
.page_submissions .pkp_structure_sidebar h2::after {
  content: "";
  display: block;
  width: 44px;
  height: 3px;
  border-radius: 10px;
  background: #f7b733;
  margin-top: 8px;
}

/* Tombol kecil edit jangan terlalu mencolok */
.pkp_page_about.pkp_op_submissions .pkp_structure_main a[href*="edit"],
.page_submissions .pkp_structure_main a[href*="edit"] {
  font-size: 12px !important;
  color: #5d6b7c !important;
  font-weight: 700 !important;
}

/* Spasi halaman lebih lega */
.pkp_page_about.pkp_op_submissions .pkp_structure_content,
.page_submissions .pkp_structure_content {
  gap: 24px !important;
}

/* Responsif */
@media (max-width: 900px) {
  .pkp_page_about.pkp_op_submissions .pkp_structure_main,
  .page_submissions .pkp_structure_main {
    padding: 22px !important;
    border-radius: 16px !important;
  }

  .pkp_page_about.pkp_op_submissions .pkp_structure_main h1,
  .page_submissions .pkp_structure_main h1 {
    font-size: 23px !important;
  }

  .pkp_page_about.pkp_op_submissions .pkp_structure_main p,
  .page_submissions .pkp_structure_main p {
    font-size: 14px !important;
  }
}


/* =========================================================
   OJS E-BizPreneur - v30 Mobile Header Logo Fix
   Perubahan:
   - Header mobile dibuat lebih tinggi
   - Gambar header digeser agar logo burung/YMA tidak tertutup hamburger
   - Gambar tetap terasa besar, tetapi bagian kiri tidak terpotong
   ========================================================= */

@media (max-width: 900px) {
  .pkp_structure_head {
    position: relative !important;
    min-height: 132px !important;
    background: #031d3a !important;
    overflow: hidden !important;
  }

  .pkp_head_wrapper {
    padding: 0 !important;
    min-height: 132px !important;
    background: #031d3a !important;
  }

  .pkp_site_name_wrapper {
    min-height: 132px !important;
    background: #031d3a !important;
    overflow: hidden !important;
  }

  .pkp_site_name {
    min-height: 132px !important;
    padding-left: 56px !important;
    background: #031d3a !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .pkp_site_name > a,
  .pkp_site_name .is_img {
    display: block !important;
    width: calc(100vw - 56px) !important;
    max-width: calc(100vw - 56px) !important;
    min-height: 132px !important;
    overflow: hidden !important;
    background: #031d3a !important;
  }

  .pkp_site_name .is_img img,
  .pkp_site_name img {
    width: 100% !important;
    height: 132px !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: left center !important;
    background: #031d3a !important;
    display: block !important;
  }

  .pkp_site_nav_toggle {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 50 !important;
    width: 56px !important;
    height: 56px !important;
    min-height: 56px !important;
    background: rgba(3, 29, 58, 0.96) !important;
    border-right: 2px solid #f7b733 !important;
    border-bottom: 2px solid #f7b733 !important;
    box-shadow: 0 8px 20px rgba(0,0,0,.18) !important;
  }

  .pkp_site_nav_toggle:before,
  .pkp_site_nav_toggle:after {
    color: #ffffff !important;
  }

  .pkp_site_nav_menu {
    margin-top: 0 !important;
  }
}

@media (max-width: 480px) {
  .pkp_structure_head,
  .pkp_head_wrapper,
  .pkp_site_name_wrapper,
  .pkp_site_name,
  .pkp_site_name > a,
  .pkp_site_name .is_img {
    min-height: 126px !important;
  }

  .pkp_site_name .is_img img,
  .pkp_site_name img {
    height: 126px !important;
    object-fit: cover !important;
    object-position: left center !important;
  }
}

@media (max-width: 380px) {
  .pkp_structure_head,
  .pkp_head_wrapper,
  .pkp_site_name_wrapper,
  .pkp_site_name,
  .pkp_site_name > a,
  .pkp_site_name .is_img {
    min-height: 118px !important;
  }

  .pkp_site_name .is_img img,
  .pkp_site_name img {
    height: 118px !important;
  }
}


/* =========================================================
   OJS E-BizPreneur - v31 Mobile Header Balance Fix
   Perubahan:
   - Header mobile tidak terlalu zoom
   - Logo YMA/garuda tetap terlihat
   - Tulisan E-BizPreneur lebih terbaca dan tidak terpotong terlalu banyak
   - Gambar header memakai lebar penuh layar, hamburger tetap di atas kiri
   ========================================================= */

@media (max-width: 900px) {
  .pkp_structure_head {
    min-height: 112px !important;
    max-height: 112px !important;
    background: #031d3a !important;
    overflow: hidden !important;
  }

  .pkp_head_wrapper,
  .pkp_site_name_wrapper,
  .pkp_site_name {
    min-height: 112px !important;
    max-height: 112px !important;
    padding-left: 0 !important;
    background: #031d3a !important;
    overflow: hidden !important;
  }

  .pkp_site_name > a,
  .pkp_site_name .is_img {
    display: block !important;
    width: 100vw !important;
    max-width: 100vw !important;
    min-height: 112px !important;
    max-height: 112px !important;
    overflow: hidden !important;
    background: #031d3a !important;
  }

  .pkp_site_name .is_img img,
  .pkp_site_name img {
    display: block !important;
    width: 100vw !important;
    height: 112px !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: left center !important;
    background: #031d3a !important;
  }

  .pkp_site_nav_toggle {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 80 !important;
    width: 56px !important;
    height: 56px !important;
    background: rgba(3, 29, 58, 0.92) !important;
    border-right: 2px solid #f7b733 !important;
    border-bottom: 2px solid #f7b733 !important;
    box-shadow: 0 8px 18px rgba(0,0,0,.20) !important;
  }
}

@media (max-width: 480px) {
  .pkp_structure_head,
  .pkp_head_wrapper,
  .pkp_site_name_wrapper,
  .pkp_site_name,
  .pkp_site_name > a,
  .pkp_site_name .is_img {
    min-height: 108px !important;
    max-height: 108px !important;
  }

  .pkp_site_name .is_img img,
  .pkp_site_name img {
    height: 108px !important;
    object-fit: cover !important;
    object-position: left center !important;
  }
}

@media (max-width: 380px) {
  .pkp_structure_head,
  .pkp_head_wrapper,
  .pkp_site_name_wrapper,
  .pkp_site_name,
  .pkp_site_name > a,
  .pkp_site_name .is_img {
    min-height: 102px !important;
    max-height: 102px !important;
  }

  .pkp_site_name .is_img img,
  .pkp_site_name img {
    height: 102px !important;
  }
}


/* =========================================================
   OJS E-BizPreneur - v32 Mobile Hamburger Menu Dropdown Fix
   Perubahan:
   - Tampilan laptop tidak diubah
   - Header mobile tetap seperti v31
   - Menu hamburger bisa muncul di atas konten, tidak ketutup/terpotong header
   - Login/Daftar/Dashboard tetap muncul di menu mobile
   ========================================================= */

@media (max-width: 900px) {

  /* Header boleh menampilkan menu yang turun ke bawah.
     Gambar header tetap dikunci lewat wrapper gambar saja. */
  .pkp_structure_head,
  .pkp_head_wrapper {
    overflow: visible !important;
    position: relative !important;
    z-index: 9998 !important;
  }

  /* Bagian gambar header tetap tidak bocor keluar */
  .pkp_site_name_wrapper,
  .pkp_site_name,
  .pkp_site_name > a,
  .pkp_site_name .is_img {
    overflow: hidden !important;
  }

  /* Tombol hamburger selalu bisa diklik */
  .pkp_site_nav_toggle {
    pointer-events: auto !important;
    cursor: pointer !important;
    z-index: 10002 !important;
  }

  /* Panel menu mobile: turun dari bawah header, di atas konten */
  .pkp_site_nav_menu {
    position: absolute !important;
    top: 112px !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    z-index: 10001 !important;
    background: #ffffff !important;
    border-top: 1px solid #dce4ee !important;
    border-bottom: 4px solid #f7b733 !important;
    box-shadow: 0 18px 38px rgba(3, 29, 58, .24) !important;
    padding: 14px 16px 16px 16px !important;
    box-sizing: border-box !important;
    max-height: calc(100vh - 130px) !important;
    overflow-y: auto !important;
  }

  /* Antisipasi beberapa class/state OJS ketika menu terbuka */
  body.pkp_site_nav_open .pkp_site_nav_menu,
  body.has_site_nav_open .pkp_site_nav_menu,
  .pkp_site_nav_menu.is_open,
  .pkp_site_nav_menu.isOpen,
  .pkp_site_nav_menu.open,
  .pkp_site_nav_menu.show,
  .pkp_site_nav_menu.pkp_site_nav_menu--isOpen,
  .pkp_site_nav_toggle[aria-expanded="true"] ~ .pkp_site_nav_menu,
  .pkp_site_nav_toggle[aria-expanded="true"] + .pkp_site_nav_menu {
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: none !important;
  }

  /* Menu utama dalam dropdown */
  .pkp_site_nav_menu .pkp_navigation_primary_wrapper {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
  }

  .pkp_site_nav_menu .pkp_navigation_primary {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  .pkp_site_nav_menu .pkp_navigation_primary > li {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    border-bottom: 1px solid #eef2f7 !important;
  }

  .pkp_site_nav_menu .pkp_navigation_primary > li > a,
  .pkp_site_nav_menu .pkp_navigation_primary > li > a:link,
  .pkp_site_nav_menu .pkp_navigation_primary > li > a:visited {
    display: block !important;
    width: 100% !important;
    padding: 13px 12px !important;
    border-radius: 10px !important;
    color: #031d3a !important;
    background: #ffffff !important;
    font-size: 14px !important;
    font-weight: 850 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
  }

  .pkp_site_nav_menu .pkp_navigation_primary > li > a:hover,
  .pkp_site_nav_menu .pkp_navigation_primary > li > a:focus {
    background: #f4f7fb !important;
    color: #084d7c !important;
  }

  /* Login / Daftar / User dashboard di dalam menu HP */
  .pkp_site_nav_menu .pkp_navigation_user_wrapper {
    display: block !important;
    visibility: visible !important;
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
    transform: none !important;
    margin: 14px 0 0 0 !important;
    padding: 14px 0 0 0 !important;
    border-top: 2px solid #f7b733 !important;
    background: transparent !important;
  }

  .pkp_site_nav_menu .pkp_navigation_user {
    display: flex !important;
    visibility: visible !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  .pkp_site_nav_menu .pkp_navigation_user > li {
    display: block !important;
    visibility: visible !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .pkp_site_nav_menu .pkp_navigation_user > li > a,
  .pkp_site_nav_menu .pkp_navigation_user > li > a:link,
  .pkp_site_nav_menu .pkp_navigation_user > li > a:visited {
    display: inline-flex !important;
    visibility: visible !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 38px !important;
    padding: 9px 14px !important;
    border-radius: 10px !important;
    border: 1px solid #dce4ee !important;
    background: #ffffff !important;
    color: #084d7c !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
  }

  .pkp_site_nav_menu .pkp_navigation_user > li > a[href*="/login"],
  .pkp_site_nav_menu .pkp_navigation_user > li > a[href*="/user/register"],
  .pkp_site_nav_menu .pkp_navigation_user > li > a[href*="/register"] {
    border-color: #f7b733 !important;
    background: linear-gradient(135deg, #f7b733, #ffcf66) !important;
    color: #06111f !important;
  }

  /* Search juga ikut tampil di bawah menu */
  .pkp_site_nav_menu .pkp_navigation_search_wrapper {
    display: block !important;
    position: static !important;
    transform: none !important;
    margin: 14px 0 0 0 !important;
    padding: 0 !important;
    width: 100% !important;
  }

  .pkp_site_nav_menu .pkp_navigation_search_wrapper a {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    padding: 11px 14px !important;
    border-radius: 10px !important;
    border: 1px solid #084d7c !important;
    background: #084d7c !important;
    color: #ffffff !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    box-sizing: border-box !important;
  }

  /* Supaya dropdown menu tidak tertutup konten hero */
  .pkp_structure_content,
  .pkp_structure_page {
    position: relative !important;
    z-index: 1 !important;
  }
}

@media (max-width: 480px) {
  .pkp_site_nav_menu {
    top: 108px !important;
  }
}

@media (max-width: 380px) {
  .pkp_site_nav_menu {
    top: 102px !important;
  }
}


/* =========================================================
   OJS E-BizPreneur - v33 Announcement Page + Cover
   Perubahan:
   - Mempercantik halaman Pengumuman
   - Menampilkan cover issue pada halaman Pengumuman tanpa perlu upload gambar di editor
   - Tampilan laptop dan mobile tetap aman
   ========================================================= */

body[class*="announcement"] .pkp_structure_main,
.pkp_page_announcement .pkp_structure_main,
.page_announcement .pkp_structure_main,
.page_announcements .pkp_structure_main {
  background: #ffffff !important;
  border: 1px solid rgba(220, 228, 238, .95) !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 42px rgba(3, 29, 58, .12) !important;
  padding: 28px !important;
}

/* Cover otomatis untuk halaman Pengumuman */
body[class*="announcement"] .pkp_structure_main::before,
.pkp_page_announcement .pkp_structure_main::before,
.page_announcement .pkp_structure_main::before,
.page_announcements .pkp_structure_main::before {
  content: "";
  display: block;
  width: 100%;
  min-height: 260px;
  margin: 0 0 24px 0;
  border-radius: 18px;
  border: 1px solid #dce4ee;
  background:
    linear-gradient(135deg, rgba(3,29,58,.88), rgba(8,77,124,.78)),
    url("https://journal.ymapress.com/public/site/images/manager/cover-ebizpreneur-vol1-no1-web.png") left 28px center / auto 220px no-repeat;
  box-shadow: 0 16px 34px rgba(3, 29, 58, .18);
}

body[class*="announcement"] .pkp_structure_main h1,
.pkp_page_announcement .pkp_structure_main h1,
.page_announcement .pkp_structure_main h1,
.page_announcements .pkp_structure_main h1 {
  position: relative;
  font-size: 26px !important;
  font-weight: 900 !important;
  color: #031d3a !important;
  margin: 0 0 18px 0 !important;
  padding-bottom: 12px !important;
}

body[class*="announcement"] .pkp_structure_main h1::after,
.pkp_page_announcement .pkp_structure_main h1::after,
.page_announcement .pkp_structure_main h1::after,
.page_announcements .pkp_structure_main h1::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 64px;
  height: 3px;
  border-radius: 10px;
  background: #f7b733;
}

body[class*="announcement"] .pkp_structure_main p,
body[class*="announcement"] .pkp_structure_main li,
.pkp_page_announcement .pkp_structure_main p,
.pkp_page_announcement .pkp_structure_main li,
.page_announcement .pkp_structure_main p,
.page_announcement .pkp_structure_main li,
.page_announcements .pkp_structure_main p,
.page_announcements .pkp_structure_main li {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
  font-size: 14.5px !important;
  line-height: 1.8 !important;
  color: #26384d !important;
}

body[class*="announcement"] .pkp_structure_main h2,
body[class*="announcement"] .pkp_structure_main h3,
.pkp_page_announcement .pkp_structure_main h2,
.pkp_page_announcement .pkp_structure_main h3,
.page_announcement .pkp_structure_main h2,
.page_announcement .pkp_structure_main h3,
.page_announcements .pkp_structure_main h2,
.page_announcements .pkp_structure_main h3 {
  color: #084d7c !important;
  font-weight: 900 !important;
}

body[class*="announcement"] .obj_announcement_summary,
.pkp_page_announcement .obj_announcement_summary,
.page_announcements .obj_announcement_summary {
  border: 1px solid #dce4ee !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg, #ffffff, #f8fafc) !important;
  box-shadow: 0 12px 28px rgba(3, 29, 58, .08) !important;
  padding: 20px !important;
  margin-bottom: 16px !important;
}

body[class*="announcement"] .obj_announcement_summary h2 a,
.pkp_page_announcement .obj_announcement_summary h2 a,
.page_announcements .obj_announcement_summary h2 a {
  color: #031d3a !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

body[class*="announcement"] .obj_announcement_summary h2 a:hover,
.pkp_page_announcement .obj_announcement_summary h2 a:hover,
.page_announcements .obj_announcement_summary h2 a:hover {
  color: #084d7c !important;
  text-decoration: underline !important;
}

@media (max-width: 768px) {
  body[class*="announcement"] .pkp_structure_main,
  .pkp_page_announcement .pkp_structure_main,
  .page_announcement .pkp_structure_main,
  .page_announcements .pkp_structure_main {
    padding: 22px !important;
  }

  body[class*="announcement"] .pkp_structure_main::before,
  .pkp_page_announcement .pkp_structure_main::before,
  .page_announcement .pkp_structure_main::before,
  .page_announcements .pkp_structure_main::before {
    min-height: 220px;
    background:
      linear-gradient(135deg, rgba(3,29,58,.88), rgba(8,77,124,.78)),
      url("https://journal.ymapress.com/public/site/images/manager/cover-ebizpreneur-vol1-no1-web.png") center center / auto 190px no-repeat;
  }
}


/* =========================================================
   OJS E-BizPreneur - v34 Announcement / Information Page Fix
   Perbaikan:
   - Target halaman Pengumuman yang tampil sebagai "Informasi"
   - Teks yang terlanjur tampil seperti monospace dibuat normal
   - Teks panjang tidak melebar keluar card
   - Cover issue tampil otomatis di halaman Informasi/Pengumuman
   ========================================================= */

/* Target tambahan untuk halaman yang OJS tampilkan sebagai "Informasi" */
body[class*="information"] .pkp_structure_main,
body.pkp_page_information .pkp_structure_main,
body[class*="announcement"] .pkp_structure_main,
.pkp_page_announcement .pkp_structure_main,
.page_announcement .pkp_structure_main,
.page_announcements .pkp_structure_main {
  background: #ffffff !important;
  border: 1px solid rgba(220, 228, 238, .95) !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 42px rgba(3, 29, 58, .12) !important;
  padding: 28px !important;
  overflow: hidden !important;
}

/* Cover otomatis di halaman Informasi / Pengumuman */
body[class*="information"] .pkp_structure_main::before,
body.pkp_page_information .pkp_structure_main::before,
body[class*="announcement"] .pkp_structure_main::before,
.pkp_page_announcement .pkp_structure_main::before,
.page_announcement .pkp_structure_main::before,
.page_announcements .pkp_structure_main::before {
  content: "";
  display: block;
  width: 100%;
  min-height: 250px;
  margin: 0 0 24px 0;
  border-radius: 18px;
  border: 1px solid #dce4ee;
  background:
    linear-gradient(135deg, rgba(3,29,58,.90), rgba(8,77,124,.76)),
    url("https://journal.ymapress.com/public/site/images/manager/cover-ebizpreneur-vol1-no1-web.png") left 28px center / auto 215px no-repeat;
  box-shadow: 0 16px 34px rgba(3, 29, 58, .18);
}

/* Samakan semua font isi halaman Informasi/Pengumuman */
body[class*="information"] .pkp_structure_main *,
body.pkp_page_information .pkp_structure_main *,
body[class*="announcement"] .pkp_structure_main *,
.pkp_page_announcement .pkp_structure_main *,
.page_announcement .pkp_structure_main *,
.page_announcements .pkp_structure_main * {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
  box-sizing: border-box !important;
}

/* Jika teks masuk sebagai pre/monospace, paksa menjadi paragraf normal */
body[class*="information"] .pkp_structure_main pre,
body.pkp_page_information .pkp_structure_main pre,
body[class*="announcement"] .pkp_structure_main pre,
.pkp_page_announcement .pkp_structure_main pre,
.page_announcement .pkp_structure_main pre,
.page_announcements .pkp_structure_main pre {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
  overflow-x: hidden !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 0 14px 0 !important;
  color: #26384d !important;
  font-size: 14.5px !important;
  line-height: 1.8 !important;
}

/* Heading halaman */
body[class*="information"] .pkp_structure_main h1,
body.pkp_page_information .pkp_structure_main h1,
body[class*="announcement"] .pkp_structure_main h1,
.pkp_page_announcement .pkp_structure_main h1,
.page_announcement .pkp_structure_main h1,
.page_announcements .pkp_structure_main h1 {
  position: relative;
  font-size: 28px !important;
  font-weight: 900 !important;
  color: #031d3a !important;
  margin: 0 0 20px 0 !important;
  padding-bottom: 12px !important;
}

body[class*="information"] .pkp_structure_main h1::after,
body.pkp_page_information .pkp_structure_main h1::after,
body[class*="announcement"] .pkp_structure_main h1::after,
.pkp_page_announcement .pkp_structure_main h1::after,
.page_announcement .pkp_structure_main h1::after,
.page_announcements .pkp_structure_main h1::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 64px;
  height: 3px;
  border-radius: 10px;
  background: #f7b733;
}

/* Paragraf dan list */
body[class*="information"] .pkp_structure_main p,
body[class*="information"] .pkp_structure_main li,
body.pkp_page_information .pkp_structure_main p,
body.pkp_page_information .pkp_structure_main li,
body[class*="announcement"] .pkp_structure_main p,
body[class*="announcement"] .pkp_structure_main li,
.pkp_page_announcement .pkp_structure_main p,
.pkp_page_announcement .pkp_structure_main li,
.page_announcement .pkp_structure_main p,
.page_announcement .pkp_structure_main li,
.page_announcements .pkp_structure_main p,
.page_announcements .pkp_structure_main li {
  font-size: 14.5px !important;
  line-height: 1.8 !important;
  color: #26384d !important;
  overflow-wrap: anywhere !important;
  max-width: 100% !important;
}

/* Judul pengumuman */
body[class*="information"] .pkp_structure_main h2,
body[class*="information"] .pkp_structure_main h3,
body.pkp_page_information .pkp_structure_main h2,
body.pkp_page_information .pkp_structure_main h3,
body[class*="announcement"] .pkp_structure_main h2,
body[class*="announcement"] .pkp_structure_main h3,
.pkp_page_announcement .pkp_structure_main h2,
.pkp_page_announcement .pkp_structure_main h3,
.page_announcement .pkp_structure_main h2,
.page_announcement .pkp_structure_main h3,
.page_announcements .pkp_structure_main h2,
.page_announcements .pkp_structure_main h3 {
  color: #031d3a !important;
  font-weight: 900 !important;
  line-height: 1.35 !important;
  margin-top: 18px !important;
}

/* Link dibuat rapi */
body[class*="information"] .pkp_structure_main a,
body.pkp_page_information .pkp_structure_main a,
body[class*="announcement"] .pkp_structure_main a,
.pkp_page_announcement .pkp_structure_main a,
.page_announcement .pkp_structure_main a,
.page_announcements .pkp_structure_main a {
  color: #084d7c !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

body[class*="information"] .pkp_structure_main a:hover,
body.pkp_page_information .pkp_structure_main a:hover,
body[class*="announcement"] .pkp_structure_main a:hover,
.pkp_page_announcement .pkp_structure_main a:hover,
.page_announcement .pkp_structure_main a:hover,
.page_announcements .pkp_structure_main a:hover {
  text-decoration: underline !important;
}

/* Ringkasan pengumuman jika OJS memakai object summary */
body[class*="information"] .obj_announcement_summary,
body.pkp_page_information .obj_announcement_summary,
body[class*="announcement"] .obj_announcement_summary,
.pkp_page_announcement .obj_announcement_summary,
.page_announcements .obj_announcement_summary {
  border: 1px solid #dce4ee !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg, #ffffff, #f8fafc) !important;
  box-shadow: 0 12px 28px rgba(3, 29, 58, .08) !important;
  padding: 20px !important;
  margin-bottom: 16px !important;
}

@media (max-width: 768px) {
  body[class*="information"] .pkp_structure_main,
  body.pkp_page_information .pkp_structure_main,
  body[class*="announcement"] .pkp_structure_main,
  .pkp_page_announcement .pkp_structure_main,
  .page_announcement .pkp_structure_main,
  .page_announcements .pkp_structure_main {
    padding: 22px !important;
  }

  body[class*="information"] .pkp_structure_main::before,
  body.pkp_page_information .pkp_structure_main::before,
  body[class*="announcement"] .pkp_structure_main::before,
  .pkp_page_announcement .pkp_structure_main::before,
  .page_announcement .pkp_structure_main::before,
  .page_announcements .pkp_structure_main::before {
    min-height: 220px;
    background:
      linear-gradient(135deg, rgba(3,29,58,.88), rgba(8,77,124,.78)),
      url("https://journal.ymapress.com/public/site/images/manager/cover-ebizpreneur-vol1-no1-web.png") center center / auto 190px no-repeat;
  }
}


/* =========================================================
   OJS E-BizPreneur - v35 Announcement Cover Strong Fix
   Perbaikan:
   - Memakai nama cover final: cover-vol1-no1-2026.png
   - Target selector diperluas karena halaman tampil sebagai "Informasi"
   - Cover dibuat muncul sebagai banner otomatis di area konten utama
   ========================================================= */

/* Target halaman informasi/pengumuman dengan selector yang lebih luas */
.pkp_page_information .pkp_structure_main,
.page_information .pkp_structure_main,
body[class*="information"] .pkp_structure_main,
body[class*="announcement"] .pkp_structure_main,
.pkp_page_announcement .pkp_structure_main,
.page_announcement .pkp_structure_main,
.page_announcements .pkp_structure_main {
  position: relative !important;
  background: #ffffff !important;
  border: 1px solid rgba(220, 228, 238, .95) !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 42px rgba(3, 29, 58, .12) !important;
  padding: 28px !important;
  overflow: hidden !important;
}

/* Cover otomatis */
.pkp_page_information .pkp_structure_main::before,
.page_information .pkp_structure_main::before,
body[class*="information"] .pkp_structure_main::before,
body[class*="announcement"] .pkp_structure_main::before,
.pkp_page_announcement .pkp_structure_main::before,
.page_announcement .pkp_structure_main::before,
.page_announcements .pkp_structure_main::before {
  content: "";
  display: block !important;
  width: 100% !important;
  height: 300px !important;
  margin: 0 0 26px 0 !important;
  border-radius: 18px !important;
  border: 1px solid #dce4ee !important;
  background:
    linear-gradient(135deg, rgba(3,29,58,.92), rgba(8,77,124,.72)),
    url("https://journal.ymapress.com/public/site/images/manager/cover-vol1-no1-2026.png") left 34px center / auto 260px no-repeat !important;
  box-shadow: 0 16px 34px rgba(3, 29, 58, .18) !important;
}

/* Paksa teks halaman Informasi/Pengumuman tidak menjadi monospace dan tidak melebar */
.pkp_page_information .pkp_structure_main *,
.page_information .pkp_structure_main *,
body[class*="information"] .pkp_structure_main *,
body[class*="announcement"] .pkp_structure_main *,
.pkp_page_announcement .pkp_structure_main *,
.page_announcement .pkp_structure_main *,
.page_announcements .pkp_structure_main * {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
  box-sizing: border-box !important;
  max-width: 100% !important;
}

.pkp_page_information .pkp_structure_main pre,
.page_information .pkp_structure_main pre,
body[class*="information"] .pkp_structure_main pre,
body[class*="announcement"] .pkp_structure_main pre,
.pkp_page_announcement .pkp_structure_main pre,
.page_announcement .pkp_structure_main pre,
.page_announcements .pkp_structure_main pre {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
  white-space: pre-wrap !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
  overflow-x: hidden !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 0 14px 0 !important;
  color: #26384d !important;
  font-size: 14.5px !important;
  line-height: 1.8 !important;
}

@media (max-width: 768px) {
  .pkp_page_information .pkp_structure_main::before,
  .page_information .pkp_structure_main::before,
  body[class*="information"] .pkp_structure_main::before,
  body[class*="announcement"] .pkp_structure_main::before,
  .pkp_page_announcement .pkp_structure_main::before,
  .page_announcement .pkp_structure_main::before,
  .page_announcements .pkp_structure_main::before {
    height: 240px !important;
    background:
      linear-gradient(135deg, rgba(3,29,58,.90), rgba(8,77,124,.72)),
      url("https://journal.ymapress.com/public/site/images/manager/cover-vol1-no1-2026.png") center center / auto 210px no-repeat !important;
  }
}


/* =========================================================
   OJS E-BizPreneur - v36 Real Information Page Cover Fix
   Perbaikan:
   - Target elemen dalam OJS: .page_information / .page_announcement
   - Cover muncul walaupun body class tidak terbaca
   - Teks pengumuman yang tampil seperti kode/monospace dibuat normal
   ========================================================= */

/* Bungkus halaman Informasi/Pengumuman di dalam main */
.pkp_structure_main .page_information,
.pkp_structure_main .page_announcement,
.pkp_structure_main .page_announcements {
  background: #ffffff !important;
  border: 1px solid #dce4ee !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 42px rgba(3, 29, 58, .12) !important;
  padding: 28px !important;
  overflow: hidden !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Cover otomatis pada elemen halaman, bukan body */
.pkp_structure_main .page_information::before,
.pkp_structure_main .page_announcement::before,
.pkp_structure_main .page_announcements::before {
  content: "";
  display: block !important;
  width: 100% !important;
  height: 315px !important;
  margin: 0 0 26px 0 !important;
  border-radius: 18px !important;
  border: 1px solid #dce4ee !important;
  background:
    linear-gradient(135deg, rgba(3,29,58,.92), rgba(8,77,124,.72)),
    url("https://journal.ymapress.com/public/site/images/manager/cover-vol1-no1-2026.png") left 36px center / auto 270px no-repeat !important;
  box-shadow: 0 16px 34px rgba(3, 29, 58, .18) !important;
}

/* Bersihkan font dan teks halaman informasi */
.pkp_structure_main .page_information *,
.pkp_structure_main .page_announcement *,
.pkp_structure_main .page_announcements * {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
  box-sizing: border-box !important;
  max-width: 100% !important;
}

/* Kalau OJS membungkus teks sebagai pre, ubah jadi teks normal */
.pkp_structure_main .page_information pre,
.pkp_structure_main .page_announcement pre,
.pkp_structure_main .page_announcements pre {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
  overflow-x: hidden !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 0 14px 0 !important;
  color: #26384d !important;
  font-size: 14.5px !important;
  line-height: 1.8 !important;
}

/* Judul halaman */
.pkp_structure_main .page_information h1,
.pkp_structure_main .page_announcement h1,
.pkp_structure_main .page_announcements h1 {
  position: relative !important;
  font-size: 28px !important;
  font-weight: 900 !important;
  color: #031d3a !important;
  margin: 0 0 20px 0 !important;
  padding-bottom: 12px !important;
}

.pkp_structure_main .page_information h1::after,
.pkp_structure_main .page_announcement h1::after,
.pkp_structure_main .page_announcements h1::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 64px;
  height: 3px;
  border-radius: 10px;
  background: #f7b733;
}

/* Paragraf */
.pkp_structure_main .page_information p,
.pkp_structure_main .page_information li,
.pkp_structure_main .page_announcement p,
.pkp_structure_main .page_announcement li,
.pkp_structure_main .page_announcements p,
.pkp_structure_main .page_announcements li {
  font-size: 14.5px !important;
  line-height: 1.8 !important;
  color: #26384d !important;
  overflow-wrap: anywhere !important;
}

/* Kalau teks langsung ada di div tanpa p */
.pkp_structure_main .page_information div,
.pkp_structure_main .page_announcement div,
.pkp_structure_main .page_announcements div {
  overflow-wrap: anywhere !important;
}

/* Link */
.pkp_structure_main .page_information a,
.pkp_structure_main .page_announcement a,
.pkp_structure_main .page_announcements a {
  color: #084d7c !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

.pkp_structure_main .page_information a:hover,
.pkp_structure_main .page_announcement a:hover,
.pkp_structure_main .page_announcements a:hover {
  text-decoration: underline !important;
}

/* Hilangkan card ganda berlebihan jika main sudah memberi padding */
.pkp_page_information .pkp_structure_main,
.page_information .pkp_structure_main {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

@media (max-width: 768px) {
  .pkp_structure_main .page_information,
  .pkp_structure_main .page_announcement,
  .pkp_structure_main .page_announcements {
    padding: 20px !important;
    border-radius: 16px !important;
  }

  .pkp_structure_main .page_information::before,
  .pkp_structure_main .page_announcement::before,
  .pkp_structure_main .page_announcements::before {
    height: 245px !important;
    background:
      linear-gradient(135deg, rgba(3,29,58,.90), rgba(8,77,124,.72)),
      url("https://journal.ymapress.com/public/site/images/manager/cover-vol1-no1-2026.png") center center / auto 210px no-repeat !important;
  }
}


/* =========================================================
   OJS E-BizPreneur - v37 Announcement Cover Clear Fix
   Perbaikan:
   - Overlay biru pada cover dihapus
   - Cover dibuat lebih jelas dan tidak tertutup warna gelap
   - Tetap ada background premium lembut agar halaman tidak polos
   ========================================================= */

.pkp_structure_main .page_information::before,
.pkp_structure_main .page_announcement::before,
.pkp_structure_main .page_announcements::before {
  content: "";
  display: block !important;
  width: 100% !important;
  height: 330px !important;
  margin: 0 0 26px 0 !important;
  border-radius: 18px !important;
  border: 1px solid #dce4ee !important;
  background:
    radial-gradient(circle at 86% 20%, rgba(247,183,51,.18), transparent 32%),
    linear-gradient(135deg, #f8fafc 0%, #edf4fb 52%, #dfeaf5 100%),
    url("https://journal.ymapress.com/public/site/images/manager/cover-vol1-no1-2026.png") left 36px center / auto 285px no-repeat !important;
  box-shadow: 0 16px 34px rgba(3, 29, 58, .16) !important;
}

/* Override selector lama yang masih memakai overlay biru */
.pkp_page_information .pkp_structure_main::before,
.page_information .pkp_structure_main::before,
body[class*="information"] .pkp_structure_main::before,
body[class*="announcement"] .pkp_structure_main::before,
.pkp_page_announcement .pkp_structure_main::before,
.page_announcement .pkp_structure_main::before,
.page_announcements .pkp_structure_main::before {
  content: none !important;
  display: none !important;
}

@media (max-width: 768px) {
  .pkp_structure_main .page_information::before,
  .pkp_structure_main .page_announcement::before,
  .pkp_structure_main .page_announcements::before {
    height: 260px !important;
    background:
      radial-gradient(circle at 88% 18%, rgba(247,183,51,.16), transparent 36%),
      linear-gradient(135deg, #f8fafc 0%, #edf4fb 52%, #dfeaf5 100%),
      url("https://journal.ymapress.com/public/site/images/manager/cover-vol1-no1-2026.png") center center / auto 230px no-repeat !important;
  }
}


/* =========================================================
   OJS E-BizPreneur - v39 Announcement Cover Inline Fix
   Perbaikan:
   - Mengembalikan semua style lengkap website
   - Cover tidak lagi jadi banner besar di atas
   - Cover tampil sejajar dengan teks informasi
   - Tanpa overlay biru, gambar tampil asli
   ========================================================= */

/* Matikan semua cover/banner besar dari versi sebelumnya */
.pkp_page_information .pkp_structure_main::before,
.page_information .pkp_structure_main::before,
body[class*="information"] .pkp_structure_main::before,
body[class*="announcement"] .pkp_structure_main::before,
.pkp_page_announcement .pkp_structure_main::before,
.page_announcement .pkp_structure_main::before,
.page_announcements .pkp_structure_main::before {
  content: none !important;
  display: none !important;
  background: none !important;
}

.pkp_structure_main .page_information::before,
.pkp_structure_main .page_announcement::before,
.pkp_structure_main .page_announcements::before {
  content: "" !important;
  display: block !important;
  float: left !important;
  width: 170px !important;
  height: 240px !important;
  margin: 4px 24px 16px 0 !important;
  border-radius: 14px !important;
  border: 1px solid #dce4ee !important;
  background-color: #ffffff !important;
  background-image: url("https://journal.ymapress.com/public/site/images/manager/cover-vol1-no1-2026.png") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: contain !important;
  box-shadow: 0 14px 28px rgba(3, 29, 58, .16) !important;
  opacity: 1 !important;
  filter: none !important;
}

/* Pastikan container halaman tetap rapi */
.pkp_structure_main .page_information,
.pkp_structure_main .page_announcement,
.pkp_structure_main .page_announcements {
  background: #ffffff !important;
  border: 1px solid #dce4ee !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 42px rgba(3, 29, 58, .12) !important;
  padding: 28px !important;
  overflow: hidden !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Supaya setelah teks selesai, layout tidak rusak */
.pkp_structure_main .page_information::after,
.pkp_structure_main .page_announcement::after,
.pkp_structure_main .page_announcements::after {
  content: "";
  display: table;
  clear: both;
}

/* Rapikan teks informasi/pengumuman */
.pkp_structure_main .page_information *,
.pkp_structure_main .page_announcement *,
.pkp_structure_main .page_announcements * {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
  box-sizing: border-box !important;
  max-width: 100% !important;
}

.pkp_structure_main .page_information h1,
.pkp_structure_main .page_announcement h1,
.pkp_structure_main .page_announcements h1 {
  position: relative !important;
  font-size: 28px !important;
  font-weight: 900 !important;
  color: #031d3a !important;
  margin: 0 0 18px 0 !important;
  padding-bottom: 12px !important;
}

.pkp_structure_main .page_information h1::after,
.pkp_structure_main .page_announcement h1::after,
.pkp_structure_main .page_announcements h1::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 64px;
  height: 3px;
  border-radius: 10px;
  background: #f7b733;
}

.pkp_structure_main .page_information p,
.pkp_structure_main .page_information li,
.pkp_structure_main .page_information div,
.pkp_structure_main .page_announcement p,
.pkp_structure_main .page_announcement li,
.pkp_structure_main .page_announcement div,
.pkp_structure_main .page_announcements p,
.pkp_structure_main .page_announcements li,
.pkp_structure_main .page_announcements div {
  font-size: 14.5px !important;
  line-height: 1.8 !important;
  color: #26384d !important;
  overflow-wrap: anywhere !important;
}

.pkp_structure_main .page_information pre,
.pkp_structure_main .page_announcement pre,
.pkp_structure_main .page_announcements pre {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
  overflow-x: hidden !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 0 14px 0 !important;
  color: #26384d !important;
  font-size: 14.5px !important;
  line-height: 1.8 !important;
}

/* Mobile: cover dibuat di atas teks agar tidak sempit */
@media (max-width: 768px) {
  .pkp_structure_main .page_information,
  .pkp_structure_main .page_announcement,
  .pkp_structure_main .page_announcements {
    padding: 20px !important;
  }

  .pkp_structure_main .page_information::before,
  .pkp_structure_main .page_announcement::before,
  .pkp_structure_main .page_announcements::before {
    float: none !important;
    width: 100% !important;
    height: 230px !important;
    margin: 0 0 22px 0 !important;
    background-size: auto 210px !important;
    background-position: center center !important;
  }
}


/* =========================================================
   OJS E-BizPreneur - v40 Clickable Peer Reviewed Stat
   Perubahan:
   - Kartu statistik Peer Reviewed dapat diklik menuju halaman Peer Review Process
   - Tampilan desktop dan mobile tetap mengikuti desain sebelumnya
   ========================================================= */

.ojs-quick-stats a.ojs-stat-card,
.ojs-quick-stats a.ojs-stat-card:link,
.ojs-quick-stats a.ojs-stat-card:visited,
.ojs-stat-link,
.ojs-stat-link:link,
.ojs-stat-link:visited {
  color: inherit !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

.ojs-quick-stats a.ojs-stat-card:hover,
.ojs-quick-stats a.ojs-stat-card:focus,
.ojs-stat-link:hover,
.ojs-stat-link:focus {
  transform: translateY(-2px);
  border-color: rgba(247, 183, 51, .9) !important;
  box-shadow: 0 16px 34px rgba(3, 29, 58, .14) !important;
  text-decoration: none !important;
}

@media (max-width: 768px) {
  .ojs-quick-stats a.ojs-stat-card:hover,
  .ojs-quick-stats a.ojs-stat-card:focus,
  .ojs-stat-link:hover,
  .ojs-stat-link:focus {
    transform: none;
  }
}

/* =========================================================
   E-BizPreneur OJS - v41 Premium Sidebar + Journal Policies
   Tambahan ini mempercantik sidebar kanan dan blok Kebijakan Jurnal.
   ========================================================= */

/* Area sidebar dibuat lebih elegan */
.pkp_structure_sidebar {
  position: relative !important;
}

.pkp_structure_sidebar .pkp_block,
.pkp_structure_sidebar .block {
  background:
    linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(248,251,255,0.98) 100%) !important;
  border: 1px solid rgba(220, 228, 238, 0.95) !important;
  border-radius: 16px !important;
  box-shadow:
    0 12px 30px rgba(3, 29, 58, 0.10),
    inset 0 1px 0 rgba(255,255,255,0.80) !important;
  padding: 22px 22px 24px 22px !important;
  margin-bottom: 18px !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.pkp_structure_sidebar .pkp_block::before,
.pkp_structure_sidebar .block::before {
  content: "" !important;
  display: block !important;
  height: 4px !important;
  width: calc(100% + 44px) !important;
  margin: -22px -22px 18px -22px !important;
  background: linear-gradient(90deg, var(--ojs-gold), var(--ojs-gold-2), var(--ojs-navy)) !important;
}

.pkp_structure_sidebar .pkp_block .title,
.pkp_structure_sidebar .block .title,
.pkp_structure_sidebar .pkp_block h2,
.pkp_structure_sidebar .block h2 {
  color: var(--ojs-navy) !important;
  font-size: 15.5px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: .45px !important;
  margin: 0 0 18px 0 !important;
  padding: 0 !important;
}

.pkp_structure_sidebar .pkp_block .title::after,
.pkp_structure_sidebar .block .title::after,
.pkp_structure_sidebar .pkp_block h2::after,
.pkp_structure_sidebar .block h2::after {
  content: "" !important;
  display: block !important;
  width: 44px !important;
  height: 3px !important;
  margin-top: 9px !important;
  border-radius: 99px !important;
  background: var(--ojs-gold) !important;
}

/* Link sidebar bawaan OJS dibuat seperti menu premium */
.pkp_structure_sidebar .pkp_block ul,
.pkp_structure_sidebar .pkp_block ol,
.pkp_structure_sidebar .block ul,
.pkp_structure_sidebar .block ol {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.pkp_structure_sidebar .pkp_block li,
.pkp_structure_sidebar .block li {
  margin: 0 0 8px 0 !important;
  padding: 0 !important;
}

.pkp_structure_sidebar .pkp_block a,
.pkp_structure_sidebar .block a {
  color: var(--ojs-navy) !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  transition: all .18s ease !important;
}

.pkp_structure_sidebar .pkp_block li > a,
.pkp_structure_sidebar .block li > a,
.pkp_structure_sidebar .pkp_block p > a,
.pkp_structure_sidebar .block p > a {
  display: block !important;
  padding: 9px 11px !important;
  border-radius: 10px !important;
  background: rgba(8, 77, 124, 0.045) !important;
  border: 1px solid rgba(8, 77, 124, 0.08) !important;
}

.pkp_structure_sidebar .pkp_block li > a:hover,
.pkp_structure_sidebar .block li > a:hover,
.pkp_structure_sidebar .pkp_block p > a:hover,
.pkp_structure_sidebar .block p > a:hover {
  background: rgba(247, 183, 51, 0.16) !important;
  border-color: rgba(247, 183, 51, 0.45) !important;
  color: var(--ojs-blue) !important;
  transform: translateX(2px) !important;
}

/* Blok custom: Kebijakan Jurnal / Journal Policies */
.ebiz-policy-sidebar {
  margin: 0 !important;
  padding: 0 !important;
}

.ebiz-policy-kicker {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 0 0 8px 0 !important;
  padding: 5px 9px !important;
  border-radius: 999px !important;
  background: rgba(247, 183, 51, 0.16) !important;
  border: 1px solid rgba(247, 183, 51, 0.32) !important;
  color: #805100 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .45px !important;
  text-transform: uppercase !important;
}

.ebiz-policy-sidebar h3 {
  margin: 0 0 10px 0 !important;
  color: var(--ojs-navy) !important;
  font-size: 18px !important;
  line-height: 1.28 !important;
  font-weight: 900 !important;
}

.ebiz-policy-sidebar p {
  margin: 0 0 14px 0 !important;
  color: var(--ojs-muted) !important;
  font-size: 13.5px !important;
  line-height: 1.65 !important;
}

.ebiz-policy-list {
  display: grid !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.ebiz-policy-list a {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 38px !important;
  padding: 10px 11px 10px 34px !important;
  border-radius: 11px !important;
  background: #ffffff !important;
  border: 1px solid rgba(220, 228, 238, 0.95) !important;
  color: var(--ojs-navy) !important;
  text-decoration: none !important;
  font-size: 13.5px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  box-shadow: 0 5px 14px rgba(3, 29, 58, 0.055) !important;
  box-sizing: border-box !important;
}

.ebiz-policy-list a::before {
  content: "" !important;
  position: absolute !important;
  left: 12px !important;
  top: 50% !important;
  width: 9px !important;
  height: 9px !important;
  border-radius: 50% !important;
  transform: translateY(-50%) !important;
  background: var(--ojs-gold) !important;
  box-shadow: 0 0 0 4px rgba(247, 183, 51, 0.18) !important;
}

.ebiz-policy-list a::after {
  content: "\203A" !important;
  margin-left: auto !important;
  color: rgba(3, 29, 58, 0.45) !important;
  font-size: 19px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
}

.ebiz-policy-list a:hover {
  background: linear-gradient(90deg, rgba(247, 183, 51, 0.14), rgba(8, 77, 124, 0.06)) !important;
  border-color: rgba(247, 183, 51, 0.58) !important;
  color: var(--ojs-blue) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 8px 18px rgba(3, 29, 58, 0.09) !important;
}

.ebiz-policy-note {
  margin-top: 14px !important;
  padding: 10px 11px !important;
  border-left: 3px solid var(--ojs-gold) !important;
  border-radius: 10px !important;
  background: rgba(247, 183, 51, 0.10) !important;
  color: var(--ojs-muted) !important;
  font-size: 12.8px !important;
  line-height: 1.55 !important;
}

/* Blok bahasa dibuat lebih rapi */
.pkp_structure_sidebar .block_language_toggle a,
.pkp_structure_sidebar .pkp_block_language a,
.pkp_structure_sidebar [class*="language"] a {
  display: inline-block !important;
  margin: 0 7px 7px 0 !important;
  padding: 7px 10px !important;
  border-radius: 999px !important;
  background: rgba(8, 77, 124, 0.06) !important;
  border: 1px solid rgba(8, 77, 124, 0.12) !important;
  color: var(--ojs-navy) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

/* Widget feed / RSS bawaan diperkecil supaya tidak terlalu mencolok */
.pkp_structure_sidebar a[href*="WebFeedGatewayPlugin"],
.pkp_structure_sidebar a[href*="gateway/plugin"],
.pkp_structure_sidebar a[href*="feed"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 54px !important;
  height: 28px !important;
  padding: 4px 7px !important;
  margin: 2px 4px 4px 0 !important;
  border-radius: 8px !important;
  background: rgba(247, 183, 51, 0.12) !important;
  border: 1px solid rgba(247, 183, 51, 0.35) !important;
}

/* Sidebar mobile tetap nyaman */
@media (max-width: 900px) {
  .pkp_structure_sidebar .pkp_block,
  .pkp_structure_sidebar .block {
    border-radius: 16px !important;
    padding: 20px !important;
  }

  .pkp_structure_sidebar .pkp_block::before,
  .pkp_structure_sidebar .block::before {
    width: calc(100% + 40px) !important;
    margin: -20px -20px 16px -20px !important;
  }

  .ebiz-policy-sidebar h3 {
    font-size: 17px !important;
  }

  .ebiz-policy-list a {
    font-size: 13.5px !important;
  }
}

/* =========================================================
   E-BizPreneur OJS - v42 Policy Page Styling
   Untuk halaman Etika Publikasi dan halaman kebijakan jurnal lain.
   ========================================================= */

.ebiz-policy-page {
  max-width: 100% !important;
  color: var(--ojs-text) !important;
}

.ebiz-policy-hero {
  position: relative !important;
  padding: 30px 30px 32px 30px !important;
  margin: 0 0 22px 0 !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  background:
    linear-gradient(135deg, rgba(3, 29, 58, 0.96), rgba(8, 77, 124, 0.92)),
    radial-gradient(circle at top right, rgba(247,183,51,.30), transparent 34%) !important;
  border: 1px solid rgba(247, 183, 51, 0.28) !important;
  box-shadow: 0 16px 38px rgba(3, 29, 58, 0.14) !important;
}

.ebiz-policy-hero::after {
  content: "" !important;
  position: absolute !important;
  right: -80px !important;
  top: -100px !important;
  width: 240px !important;
  height: 240px !important;
  border-radius: 50% !important;
  background: rgba(247, 183, 51, 0.18) !important;
  filter: blur(2px) !important;
}

.ebiz-policy-label {
  position: relative !important;
  z-index: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  padding: 7px 12px !important;
  margin: 0 0 12px 0 !important;
  border-radius: 999px !important;
  background: rgba(247, 183, 51, 0.18) !important;
  border: 1px solid rgba(247, 183, 51, 0.42) !important;
  color: var(--ojs-gold-2) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: .6px !important;
  text-transform: uppercase !important;
}

.ebiz-policy-hero h1 {
  position: relative !important;
  z-index: 1 !important;
  margin: 0 0 12px 0 !important;
  color: #ffffff !important;
  font-size: clamp(28px, 3vw, 42px) !important;
  line-height: 1.12 !important;
  font-weight: 900 !important;
  letter-spacing: -.3px !important;
}

.ebiz-policy-hero p {
  position: relative !important;
  z-index: 1 !important;
  max-width: 780px !important;
  margin: 0 !important;
  color: rgba(255,255,255,0.88) !important;
  font-size: 15.5px !important;
  line-height: 1.75 !important;
}

.ebiz-policy-card {
  background: #ffffff !important;
  border: 1px solid rgba(220, 228, 238, 0.96) !important;
  border-radius: 18px !important;
  padding: 24px 26px !important;
  margin: 0 0 18px 0 !important;
  box-shadow:
    0 10px 28px rgba(3, 29, 58, 0.075),
    inset 0 1px 0 rgba(255,255,255,0.78) !important;
  box-sizing: border-box !important;
}

.ebiz-policy-card h2 {
  position: relative !important;
  margin: 0 0 14px 0 !important;
  padding: 0 0 12px 0 !important;
  color: var(--ojs-navy) !important;
  font-size: 21px !important;
  line-height: 1.28 !important;
  font-weight: 900 !important;
  letter-spacing: -.1px !important;
}

.ebiz-policy-card h2::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  width: 54px !important;
  height: 3px !important;
  border-radius: 99px !important;
  background: var(--ojs-gold) !important;
}

.ebiz-policy-card p {
  margin: 0 0 13px 0 !important;
  color: var(--ojs-text) !important;
  font-size: 15px !important;
  line-height: 1.82 !important;
}

.ebiz-policy-card p:last-child {
  margin-bottom: 0 !important;
}

.ebiz-policy-card ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.ebiz-policy-card li {
  position: relative !important;
  margin: 0 0 10px 0 !important;
  padding: 0 0 0 26px !important;
  color: var(--ojs-text) !important;
  font-size: 15px !important;
  line-height: 1.72 !important;
}

.ebiz-policy-card li::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: .62em !important;
  width: 9px !important;
  height: 9px !important;
  border-radius: 50% !important;
  background: var(--ojs-gold) !important;
  box-shadow: 0 0 0 4px rgba(247, 183, 51, 0.16) !important;
}

.ebiz-policy-closing {
  border-left: 5px solid var(--ojs-gold) !important;
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%) !important;
}

@media (max-width: 760px) {
  .ebiz-policy-hero {
    padding: 24px 20px !important;
    border-radius: 18px !important;
  }

  .ebiz-policy-card {
    padding: 21px 19px !important;
    border-radius: 16px !important;
  }

  .ebiz-policy-card h2 {
    font-size: 18.5px !important;
  }

  .ebiz-policy-card p,
  .ebiz-policy-card li {
    font-size: 14.3px !important;
  }
}

/* =========================================================
   E-BizPreneur - Focus and Scope Box di halaman About
   ========================================================= */

.ebiz-focus-scope-box {
  margin: 26px 0 !important;
  padding: 24px 26px !important;
  border-radius: 18px !important;
  background:
    linear-gradient(180deg, #ffffff 0%, #fbfdff 100%) !important;
  border: 1px solid rgba(220, 228, 238, 0.96) !important;
  border-left: 5px solid var(--ojs-gold, #f7b733) !important;
  box-shadow: 0 10px 28px rgba(3, 29, 58, 0.075) !important;
}

.ebiz-focus-scope-box h2 {
  position: relative !important;
  margin: 0 0 14px 0 !important;
  padding: 0 0 12px 0 !important;
  color: var(--ojs-navy, #031d3a) !important;
  font-size: 25px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
}

.ebiz-focus-scope-box h2::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  width: 58px !important;
  height: 3px !important;
  border-radius: 99px !important;
  background: var(--ojs-gold, #f7b733) !important;
}

.ebiz-focus-scope-box h3 {
  margin: 20px 0 10px 0 !important;
  color: var(--ojs-navy, #031d3a) !important;
  font-size: 18px !important;
  line-height: 1.3 !important;
  font-weight: 900 !important;
}

.ebiz-focus-scope-box p {
  margin: 0 0 14px 0 !important;
  color: var(--ojs-text, #071b32) !important;
  font-size: 15.5px !important;
  line-height: 1.82 !important;
}

.ebiz-focus-scope-box ul {
  display: grid !important;
  gap: 9px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.ebiz-focus-scope-box li {
  position: relative !important;
  margin: 0 !important;
  padding: 10px 12px 10px 34px !important;
  border-radius: 11px !important;
  background: rgba(8, 77, 124, 0.045) !important;
  border: 1px solid rgba(8, 77, 124, 0.08) !important;
  color: var(--ojs-text, #071b32) !important;
  font-size: 14.5px !important;
  line-height: 1.55 !important;
  font-weight: 650 !important;
}

.ebiz-focus-scope-box li::before {
  content: "" !important;
  position: absolute !important;
  left: 13px !important;
  top: 50% !important;
  width: 9px !important;
  height: 9px !important;
  border-radius: 50% !important;
  transform: translateY(-50%) !important;
  background: var(--ojs-gold, #f7b733) !important;
  box-shadow: 0 0 0 4px rgba(247, 183, 51, 0.16) !important;
}

@media (max-width: 760px) {
  .ebiz-focus-scope-box {
    padding: 21px 18px !important;
    border-radius: 16px !important;
  }

  .ebiz-focus-scope-box h2 {
    font-size: 22px !important;
  }

  .ebiz-focus-scope-box li {
    font-size: 14px !important;
  }
}

/* =========================================================
   E-BizPreneur - Custom Contact Page + WhatsApp Cards
   ========================================================= */
.ebiz-contact-page { max-width: 100% !important; }
.ebiz-contact-info-grid {
  display: grid !important;
  grid-template-columns: 1.2fr 1fr 1fr !important;
  gap: 18px !important;
  margin: 0 0 18px 0 !important;
}
.ebiz-contact-info-card { margin-bottom: 0 !important; }
.ebiz-contact-info-card a {
  color: var(--ojs-blue, #084d7c) !important;
  font-weight: 800 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}
.ebiz-wa-section-page { margin-top: 18px !important; }
.ebiz-wa-card-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
  margin-top: 18px !important;
}
.ebiz-wa-card {
  text-align: center !important;
  padding: 24px 18px 20px 18px !important;
  border: 1px solid rgba(220, 228, 238, 0.96) !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%) !important;
  box-shadow: 0 8px 22px rgba(3, 29, 58, 0.075) !important;
  box-sizing: border-box !important;
}
.ebiz-wa-photo-wrap {
  width: 112px !important;
  height: 112px !important;
  margin: 0 auto 16px auto !important;
  border-radius: 50% !important;
  padding: 6px !important;
  background: #ffffff !important;
  border: 1px solid rgba(220, 228, 238, 0.96) !important;
  box-shadow: 0 8px 20px rgba(3, 29, 58, 0.10) !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}
.ebiz-wa-photo-wrap img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 50% !important;
  display: block !important;
}
.ebiz-wa-card h3 {
  margin: 0 0 6px 0 !important;
  color: var(--ojs-navy, #031d3a) !important;
  font-size: 20px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
}
.ebiz-wa-card p {
  margin: 0 0 18px 0 !important;
  color: var(--ojs-muted, #5d6b7c) !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
}
.ebiz-wa-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 44px !important;
  padding: 12px 16px !important;
  border-radius: 11px !important;
  background: #22c55e !important;
  color: #ffffff !important;
  text-decoration: none !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: .25px !important;
  box-shadow: 0 8px 18px rgba(34, 197, 94, 0.20) !important;
  box-sizing: border-box !important;
  transition: all .18s ease !important;
}
.ebiz-wa-button:hover {
  background: #16a34a !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 12px 22px rgba(34, 197, 94, 0.26) !important;
}
.ebiz-contact-note {
  margin-top: 18px !important;
  padding: 13px 14px !important;
  border-left: 4px solid var(--ojs-gold, #f7b733) !important;
  border-radius: 12px !important;
  background: rgba(247, 183, 51, 0.10) !important;
  color: var(--ojs-muted, #5d6b7c) !important;
  font-size: 14.5px !important;
  line-height: 1.7 !important;
}
@media (max-width: 900px) {
  .ebiz-contact-info-grid { grid-template-columns: 1fr !important; }
  .ebiz-wa-card-grid { grid-template-columns: 1fr !important; }
}

/* =========================================================
   E-BizPreneur OJS - v46 Premium Footer
   Footer resmi jurnal + perapian logo OJS/PKP.
   ========================================================= */

.pkp_structure_footer_wrapper {
  background:
    linear-gradient(135deg, rgba(3, 29, 58, 0.98), rgba(4, 37, 70, 0.98)),
    radial-gradient(circle at top right, rgba(247, 183, 51, 0.16), transparent 36%) !important;
  border-top: 4px solid var(--ojs-gold, #f7b733) !important;
  box-shadow: 0 -14px 35px rgba(3, 29, 58, 0.18) !important;
}

.pkp_structure_footer {
  position: relative !important;
  padding: 34px 34px 28px 34px !important;
  color: rgba(255,255,255,0.86) !important;
  box-sizing: border-box !important;
}

/* Footer content OJS */
.pkp_footer_content {
  max-width: calc(100% - 145px) !important;
  color: rgba(255,255,255,0.86) !important;
}

/* Blok footer custom */
.ebiz-footer-custom {
  display: grid !important;
  grid-template-columns: 1.25fr 1fr 1fr !important;
  gap: 28px !important;
  align-items: start !important;
  margin: 0 0 22px 0 !important;
}

.ebiz-footer-col h3 {
  margin: 0 0 12px 0 !important;
  padding: 0 0 10px 0 !important;
  position: relative !important;
  color: #ffffff !important;
  font-size: 17px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
  letter-spacing: .2px !important;
}

.ebiz-footer-col h3::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  width: 46px !important;
  height: 3px !important;
  border-radius: 999px !important;
  background: var(--ojs-gold, #f7b733) !important;
}

.ebiz-footer-col p {
  margin: 0 0 7px 0 !important;
  color: rgba(255,255,255,0.78) !important;
  font-size: 13.8px !important;
  line-height: 1.6 !important;
}

.ebiz-footer-brand p:first-of-type {
  color: rgba(255,207,102,0.92) !important;
  font-weight: 700 !important;
}

.ebiz-footer-links ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.ebiz-footer-links li {
  margin: 0 0 7px 0 !important;
  padding: 0 !important;
}

.ebiz-footer-custom a,
.ebiz-footer-bottom a {
  color: rgba(255,255,255,0.82) !important;
  text-decoration: none !important;
  transition: all .18s ease !important;
  font-weight: 650 !important;
}

.ebiz-footer-custom a:hover,
.ebiz-footer-bottom a:hover {
  color: var(--ojs-gold-2, #ffcf66) !important;
  text-decoration: underline !important;
  text-underline-offset: 4px !important;
}

.ebiz-footer-info p {
  display: inline-flex !important;
  width: fit-content !important;
  margin: 0 7px 8px 0 !important;
  padding: 6px 9px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(247, 183, 51, 0.24) !important;
  background: rgba(255,255,255,0.055) !important;
  color: rgba(255,255,255,0.82) !important;
  font-size: 12.6px !important;
  font-weight: 700 !important;
}

.ebiz-footer-bottom {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px 18px !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding-top: 17px !important;
  border-top: 1px solid rgba(255,255,255,0.12) !important;
  color: rgba(255,255,255,0.68) !important;
  font-size: 12.8px !important;
  line-height: 1.6 !important;
}

.ebiz-footer-bottom span:last-child {
  display: inline-flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
}

/* Logo/credit OJS-PKP bawaan: jangan dihapus, cukup dirapikan */
.pkp_brand_footer {
  position: absolute !important;
  right: 34px !important;
  top: 34px !important;
  width: 112px !important;
  text-align: right !important;
  opacity: 0.88 !important;
  filter: grayscale(8%) !important;
  transition: opacity .18s ease, transform .18s ease !important;
}

.pkp_brand_footer:hover {
  opacity: 1 !important;
  transform: translateY(-1px) !important;
}

.pkp_brand_footer img {
  max-width: 108px !important;
  height: auto !important;
  display: inline-block !important;
}

.pkp_brand_footer a {
  display: inline-block !important;
  opacity: 0.9 !important;
}

/* Jika footer bawaan masih memuat teks lama, rapikan agar tetap enak dibaca */
.pkp_footer_content > p,
.pkp_footer_content > div:not(.ebiz-footer-custom):not(.ebiz-footer-bottom) {
  color: rgba(255,255,255,0.78) !important;
}

/* Mobile */
@media (max-width: 900px) {
  .pkp_structure_footer {
    padding: 28px 22px 26px 22px !important;
  }

  .pkp_footer_content {
    max-width: 100% !important;
  }

  .ebiz-footer-custom {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    padding-right: 0 !important;
  }

  .pkp_brand_footer {
    position: static !important;
    width: 100% !important;
    margin-top: 22px !important;
    text-align: left !important;
  }

  .pkp_brand_footer img {
    max-width: 104px !important;
  }

  .ebiz-footer-bottom {
    justify-content: flex-start !important;
  }
}

/* =========================================================
   E-BizPreneur OJS - v47 Footer Refinement + Flag Counter Slot
   Merapikan footer 4 kolom dan menyediakan area Flag Counter.
   ========================================================= */

.pkp_structure_footer {
  padding: 36px 38px 86px 38px !important;
}

.pkp_footer_content {
  max-width: 100% !important;
  padding-right: 0 !important;
}

.ebiz-footer-v47 {
  grid-template-columns: 1.15fr .95fr 1fr .95fr !important;
  gap: 30px !important;
  align-items: start !important;
  max-width: 100% !important;
}

.ebiz-footer-v47 .ebiz-footer-col {
  min-width: 0 !important;
}

.ebiz-footer-v47 h3 {
  font-size: 16.5px !important;
  text-shadow: 0 1px 0 rgba(0,0,0,.22) !important;
}

.ebiz-footer-v47 .ebiz-footer-links a {
  display: inline-block !important;
  padding: 2px 0 !important;
}

.ebiz-footer-v47 .ebiz-footer-info p {
  display: block !important;
  width: fit-content !important;
  margin: 0 0 8px 0 !important;
  padding: 6px 10px !important;
  white-space: nowrap !important;
}

.ebiz-footer-visitors p {
  margin: 0 0 10px 0 !important;
  color: rgba(255,207,102,0.92) !important;
  font-weight: 750 !important;
}

.ebiz-flag-counter-slot {
  min-height: 42px !important;
  max-width: 170px !important;
  padding: 10px !important;
  border: 1px solid rgba(247,183,51,.22) !important;
  border-radius: 12px !important;
  background: rgba(255,255,255,.055) !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

.ebiz-flag-counter-slot:empty::before {
  content: "Flag Counter";
  display: inline-block !important;
  color: rgba(255,255,255,.62) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

.ebiz-flag-counter-slot img,
.ebiz-flag-counter-slot iframe {
  max-width: 100% !important;
  height: auto !important;
  border: 0 !important;
  display: block !important;
}

/* Posisikan credit OJS/PKP di kanan bawah supaya tidak tabrakan dengan kolom footer */
.pkp_brand_footer {
  top: auto !important;
  right: 38px !important;
  bottom: 28px !important;
  width: 114px !important;
  text-align: right !important;
  opacity: .82 !important;
}

.pkp_brand_footer img {
  max-width: 108px !important;
}

/* Bottom footer diberi ruang agar tidak bertabrakan dengan logo OJS/PKP */
.ebiz-footer-bottom {
  padding-right: 145px !important;
  margin-top: 6px !important;
}

@media (max-width: 1100px) {
  .ebiz-footer-v47 {
    grid-template-columns: 1fr 1fr !important;
  }
}

@media (max-width: 760px) {
  .pkp_structure_footer {
    padding: 28px 22px 28px 22px !important;
  }

  .ebiz-footer-v47 {
    grid-template-columns: 1fr !important;
    gap: 22px !important;
  }

  .ebiz-flag-counter-slot {
    max-width: 220px !important;
  }

  .ebiz-footer-bottom {
    padding-right: 0 !important;
  }

  .pkp_brand_footer {
    position: static !important;
    width: 100% !important;
    margin-top: 22px !important;
    text-align: left !important;
  }
}

/* =========================================================
   E-BizPreneur OJS - v49 Footer Cleanup
   Privacy pindah ke Quick Links, bottom link dihapus, PKP/OJS kanan bawah.
   ========================================================= */

.pkp_structure_footer_wrapper {
  background:
    linear-gradient(135deg, rgba(3, 29, 58, 0.99), rgba(4, 37, 70, 0.99)) !important;
  border-top: 4px solid var(--ojs-gold, #f7b733) !important;
}

.pkp_structure_footer {
  padding: 38px 54px 76px 54px !important;
  color: #ffffff !important;
  text-align: left !important;
}

.pkp_footer_content {
  max-width: 100% !important;
  padding-right: 0 !important;
  color: #ffffff !important;
}

.ebiz-footer-v49 {
  display: grid !important;
  grid-template-columns: minmax(260px, 1.25fr) minmax(220px, .9fr) minmax(170px, .72fr) !important;
  gap: 64px !important;
  align-items: start !important;
  justify-content: start !important;
  margin: 0 150px 28px 0 !important;
  text-align: left !important;
}

.ebiz-footer-v49 .ebiz-footer-col {
  text-align: left !important;
  min-width: 0 !important;
}

.ebiz-footer-v49 h3 {
  margin: 0 0 14px 0 !important;
  padding: 0 0 10px 0 !important;
  position: relative !important;
  color: #ffffff !important;
  font-size: 17px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
  letter-spacing: .2px !important;
  text-align: left !important;
  text-shadow: none !important;
}

.ebiz-footer-v49 h3::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  width: 46px !important;
  height: 3px !important;
  border-radius: 999px !important;
  background: var(--ojs-gold, #f7b733) !important;
}

.ebiz-footer-v49 p {
  margin: 0 0 8px 0 !important;
  color: rgba(255,255,255,0.88) !important;
  font-size: 13.5px !important;
  line-height: 1.62 !important;
  text-align: left !important;
}

.ebiz-footer-v49 .ebiz-footer-tagline {
  color: var(--ojs-gold-2, #ffcf66) !important;
  font-weight: 800 !important;
}

.ebiz-footer-v49 ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

.ebiz-footer-v49 li {
  margin: 0 0 8px 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

.ebiz-footer-v49 a {
  color: rgba(255,255,255,0.92) !important;
  text-decoration: none !important;
  font-weight: 720 !important;
}

.ebiz-footer-v49 a:hover {
  color: var(--ojs-gold-2, #ffcf66) !important;
  text-decoration: underline !important;
  text-underline-offset: 4px !important;
}

.ebiz-footer-v49 .ebiz-footer-visitors p {
  color: rgba(255,255,255,0.88) !important;
  font-weight: 700 !important;
}

.ebiz-footer-v49 .ebiz-flag-counter-slot {
  width: 148px !important;
  max-width: 148px !important;
  min-height: 42px !important;
  padding: 0 !important;
  border: 1px solid rgba(247,183,51,.55) !important;
  border-radius: 2px !important;
  background: transparent !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.ebiz-footer-v49 .ebiz-flag-counter-slot img {
  max-width: 148px !important;
  height: auto !important;
  border: 0 !important;
  display: block !important;
}

/* Bottom: copyright saja. Link Kontak/Open Access dihapus dari HTML. */
.ebiz-footer-bottom-v49 {
  display: block !important;
  margin: 0 150px 0 0 !important;
  padding: 18px 0 0 0 !important;
  border-top: 1px solid rgba(255,255,255,0.16) !important;
  color: rgba(255,255,255,0.82) !important;
  font-size: 12.8px !important;
  line-height: 1.6 !important;
  text-align: left !important;
}

/* Logo/credit OJS-PKP: pindah ke kanan bawah, dibuat terang agar terbaca */
.pkp_brand_footer {
  position: absolute !important;
  right: 54px !important;
  bottom: 72px !important;
  top: auto !important;
  width: 120px !important;
  text-align: right !important;
  opacity: 1 !important;
  filter: brightness(0) invert(1) opacity(.88) !important;
  transform: none !important;
}

.pkp_brand_footer:hover {
  filter: brightness(0) invert(1) opacity(1) !important;
  transform: translateY(-1px) !important;
}

.pkp_brand_footer img {
  max-width: 116px !important;
  height: auto !important;
  display: inline-block !important;
}

/* Matikan tampilan chip Journal Info lama jika masih tersisa dari CSS sebelumnya */
.ebiz-footer-info {
  display: none !important;
}

@media (max-width: 1100px) {
  .ebiz-footer-v49 {
    grid-template-columns: 1fr 1fr !important;
    gap: 32px !important;
    margin-right: 0 !important;
  }

  .ebiz-footer-bottom-v49 {
    margin-right: 0 !important;
    padding-right: 145px !important;
  }
}

@media (max-width: 760px) {
  .pkp_structure_footer {
    padding: 30px 22px 28px 22px !important;
  }

  .ebiz-footer-v49 {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
    margin-right: 0 !important;
  }

  .ebiz-footer-bottom-v49 {
    margin-right: 0 !important;
    padding-right: 0 !important;
  }

  .pkp_brand_footer {
    position: static !important;
    width: 100% !important;
    margin-top: 22px !important;
    text-align: left !important;
  }
}

/* =========================================================
   E-BizPreneur OJS - v50 Footer 4 Columns Clean Left
   ========================================================= */

.pkp_structure_footer_wrapper {
  background: linear-gradient(135deg, rgba(3,29,58,.99), rgba(4,37,70,.99)) !important;
  border-top: 4px solid var(--ojs-gold, #f7b733) !important;
}

.pkp_structure_footer {
  position: relative !important;
  padding: 38px 54px 34px 54px !important;
  color: #ffffff !important;
  text-align: left !important;
}

.pkp_footer_content {
  max-width: 100% !important;
  padding-right: 0 !important;
  color: #ffffff !important;
}

.ebiz-footer-v50 {
  display: grid !important;
  grid-template-columns: 1.35fr 1fr .78fr .62fr !important;
  gap: 42px !important;
  align-items: start !important;
  justify-content: start !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  text-align: left !important;
}

.ebiz-footer-v50 .ebiz-footer-col {
  min-width: 0 !important;
  text-align: left !important;
}

.ebiz-footer-v50 h3 {
  margin: 0 0 14px 0 !important;
  padding: 0 0 10px 0 !important;
  position: relative !important;
  color: #ffffff !important;
  font-size: 17px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
  letter-spacing: .2px !important;
  text-align: left !important;
}

.ebiz-footer-v50 h3::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  width: 42px !important;
  height: 3px !important;
  border-radius: 999px !important;
  background: var(--ojs-gold, #f7b733) !important;
}

.ebiz-footer-v50 p,
.ebiz-footer-v50 li,
.ebiz-footer-v50 a,
.ebiz-footer-v50 span {
  text-align: left !important;
}

.ebiz-footer-v50 p {
  margin: 0 0 8px 0 !important;
  color: rgba(255,255,255,0.92) !important;
  font-size: 13.5px !important;
  line-height: 1.62 !important;
}

.ebiz-footer-v50 .ebiz-footer-tagline {
  color: var(--ojs-gold-2, #ffcf66) !important;
  font-weight: 800 !important;
}

.ebiz-footer-v50 ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.ebiz-footer-v50 li {
  margin: 0 0 9px 0 !important;
  padding: 0 !important;
}

.ebiz-footer-v50 a {
  color: rgba(255,255,255,0.94) !important;
  text-decoration: none !important;
  font-weight: 720 !important;
}

.ebiz-footer-v50 a:hover {
  color: var(--ojs-gold-2, #ffcf66) !important;
  text-decoration: underline !important;
  text-underline-offset: 4px !important;
}

.ebiz-footer-v50 .ebiz-footer-visitors p,
.ebiz-footer-v50 .ebiz-footer-pkp p {
  color: rgba(255,255,255,0.92) !important;
  font-weight: 700 !important;
}

.ebiz-footer-v50 .ebiz-flag-counter-slot {
  width: 148px !important;
  max-width: 148px !important;
  min-height: 42px !important;
  padding: 0 !important;
  margin-top: 6px !important;
  border: 1px solid rgba(247,183,51,.55) !important;
  border-radius: 2px !important;
  background: transparent !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.ebiz-footer-v50 .ebiz-flag-counter-slot img {
  max-width: 148px !important;
  height: auto !important;
  border: 0 !important;
  display: block !important;
}

.ebiz-footer-v50 .ebiz-footer-pkp .ebiz-pkp-slot {
  min-height: 60px !important;
}

.pkp_brand_footer {
  position: static !important;
  width: auto !important;
  text-align: left !important;
  opacity: 1 !important;
  filter: brightness(0) invert(1) opacity(.94) !important;
  margin-top: 6px !important;
  display: block !important;
}

.pkp_brand_footer img {
  max-width: 110px !important;
  height: auto !important;
  display: block !important;
}

.ebiz-footer-bottom-v50 {
  display: block !important;
  margin: 22px 0 0 0 !important;
  padding: 18px 0 0 0 !important;
  border-top: 1px solid rgba(255,255,255,0.16) !important;
  color: rgba(255,255,255,0.84) !important;
  font-size: 12.8px !important;
  line-height: 1.6 !important;
  text-align: left !important;
}

/* Buang elemen lama bila masih tertinggal */
.ebiz-footer-bottom-v49,
.ebiz-footer-info,
.ebiz-footer-v49 {
  display: none !important;
}

@media (max-width: 1100px) {
  .ebiz-footer-v50 {
    grid-template-columns: 1fr 1fr !important;
    gap: 30px !important;
  }
}

@media (max-width: 760px) {
  .pkp_structure_footer {
    padding: 28px 22px 24px 22px !important;
  }

  .ebiz-footer-v50 {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }
}

/* =========================================================
   E-BizPreneur OJS - v51 Footer Left Align + Remove Bimonthly Line
   ========================================================= */

/* Paksa area footer tidak terlalu ke tengah */
.pkp_structure_footer {
  position: relative !important;
  padding: 38px 44px 34px 44px !important;
  color: #ffffff !important;
  text-align: left !important;
}

.pkp_structure_footer .pkp_footer_content,
.pkp_footer_content {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  color: #ffffff !important;
  text-align: left !important;
}

/* Sembunyikan versi footer lama jika masih tertinggal */
.ebiz-footer-v46,
.ebiz-footer-v47,
.ebiz-footer-v49,
.ebiz-footer-v50,
.ebiz-footer-bottom-v46,
.ebiz-footer-bottom-v47,
.ebiz-footer-bottom-v49,
.ebiz-footer-bottom-v50 {
  display: none !important;
}

/* Footer baru: 4 kolom rata kiri */
.ebiz-footer-v51 {
  display: grid !important;
  grid-template-columns: minmax(280px, 1.35fr) minmax(210px, 1fr) minmax(165px, .78fr) minmax(115px, .52fr) !important;
  gap: 38px !important;
  align-items: start !important;
  justify-content: start !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

.ebiz-footer-v51 .ebiz-footer-col {
  min-width: 0 !important;
  text-align: left !important;
}

.ebiz-footer-v51 h3 {
  margin: 0 0 14px 0 !important;
  padding: 0 0 10px 0 !important;
  position: relative !important;
  color: #ffffff !important;
  font-size: 17px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
  letter-spacing: .2px !important;
  text-align: left !important;
  text-shadow: none !important;
}

.ebiz-footer-v51 h3::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  width: 42px !important;
  height: 3px !important;
  border-radius: 999px !important;
  background: var(--ojs-gold, #f7b733) !important;
}

.ebiz-footer-v51 p {
  margin: 0 0 8px 0 !important;
  color: rgba(255,255,255,0.92) !important;
  font-size: 13.5px !important;
  line-height: 1.62 !important;
  text-align: left !important;
}

.ebiz-footer-v51 .ebiz-footer-tagline {
  color: var(--ojs-gold-2, #ffcf66) !important;
  font-weight: 800 !important;
}

.ebiz-footer-v51 ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

.ebiz-footer-v51 li {
  margin: 0 0 9px 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

.ebiz-footer-v51 a {
  color: rgba(255,255,255,0.94) !important;
  text-decoration: none !important;
  font-weight: 720 !important;
}

.ebiz-footer-v51 a:hover {
  color: var(--ojs-gold-2, #ffcf66) !important;
  text-decoration: underline !important;
  text-underline-offset: 4px !important;
}

.ebiz-footer-v51 .ebiz-footer-visitors p {
  color: rgba(255,255,255,0.92) !important;
  font-weight: 700 !important;
}

.ebiz-footer-v51 .ebiz-flag-counter-slot {
  width: 148px !important;
  max-width: 148px !important;
  min-height: 42px !important;
  padding: 0 !important;
  margin-top: 6px !important;
  border: 1px solid rgba(247,183,51,.55) !important;
  border-radius: 2px !important;
  background: transparent !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.ebiz-footer-v51 .ebiz-flag-counter-slot img {
  max-width: 148px !important;
  height: auto !important;
  border: 0 !important;
  display: block !important;
}

/* Kolom 4 menjadi tempat logo OJS/PKP */
.ebiz-footer-v51 .ebiz-footer-pkp {
  min-height: 92px !important;
}

/* Logo OJS/PKP dibuat terang dan rata kiri pada kolom ke-4 */
.pkp_brand_footer {
  position: absolute !important;
  top: 82px !important;
  right: 44px !important;
  width: 120px !important;
  text-align: left !important;
  opacity: 1 !important;
  filter: brightness(0) invert(1) opacity(.94) !important;
  margin: 0 !important;
  transform: none !important;
}

.pkp_brand_footer:hover {
  filter: brightness(0) invert(1) opacity(1) !important;
  transform: translateY(-1px) !important;
}

.pkp_brand_footer img {
  max-width: 110px !important;
  height: auto !important;
  display: block !important;
}

/* Copyright sendiri rata kiri */
.ebiz-footer-bottom-v51 {
  display: block !important;
  margin: 24px 0 0 0 !important;
  padding: 18px 0 0 0 !important;
  border-top: 1px solid rgba(255,255,255,0.16) !important;
  color: rgba(255,255,255,0.84) !important;
  font-size: 12.8px !important;
  line-height: 1.6 !important;
  text-align: left !important;
}

@media (max-width: 1100px) {
  .ebiz-footer-v51 {
    grid-template-columns: 1fr 1fr !important;
    gap: 30px !important;
  }

  .pkp_brand_footer {
    position: static !important;
    width: auto !important;
    margin-top: 10px !important;
  }
}

@media (max-width: 760px) {
  .pkp_structure_footer {
    padding: 28px 22px 24px 22px !important;
  }

  .ebiz-footer-v51 {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }
}

/* =========================================================
   E-BizPreneur OJS - v52 Announcement Page Cleanup
   - Beranda tidak menampilkan daftar pengumuman
   - Cover lama yang ditanam permanen di CSS dihapus
   - Cover diambil dari gambar yang diunggah pada pengumuman
   - Satu pengumuman = satu kartu; pembungkus luar dibuat datar
   ========================================================= */

/* Pengumuman hanya ditampilkan pada halaman Pengumuman, bukan Beranda. */
body.pkp_page_index.pkp_op_index .cmp_announcements,
body.pkp_page_index.pkp_op_index .obj_announcement_summary,
body.pkp_page_index.pkp_op_index .page_index_journal .announcements {
  display: none !important;
}

/* Hapus cover lama/pseudo-element dari versi CSS sebelumnya. */
body[class*="announcement"] .pkp_structure_main::before,
body[class*="announcement"] .pkp_structure_main .page_information::before,
body[class*="announcement"] .pkp_structure_main .page_announcement::before,
body[class*="announcement"] .pkp_structure_main .page_announcements::before,
body.pkp_page_announcement .pkp_structure_main::before,
body.pkp_page_announcement .page_information::before,
body.pkp_page_announcement .page_announcement::before,
body.pkp_page_announcement .page_announcements::before {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
}

/* Pertahankan kartu utama OJS, tetapi datarkan pembungkus di dalamnya. */
body.pkp_page_announcement .pkp_structure_main .page_announcements,
body.pkp_page_announcement .pkp_structure_main .page_announcement,
body[class*="announcement"] .pkp_structure_main .page_announcements,
body[class*="announcement"] .pkp_structure_main .page_announcement {
  display: block !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Teks pengantar tidak menjadi kartu tambahan. */
body.pkp_page_announcement .page_announcements > .description,
body[class*="announcement"] .page_announcements > .description {
  margin: 0 0 24px 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Daftar dan elemen <li> hanya menjadi pembungkus transparan. */
body.pkp_page_announcement .cmp_announcements,
body[class*="announcement"] .cmp_announcements {
  display: block !important;
  list-style: none !important;
  max-width: 100% !important;
  margin: 24px 0 0 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.pkp_page_announcement .cmp_announcements > li,
body[class*="announcement"] .cmp_announcements > li {
  display: block !important;
  list-style: none !important;
  margin: 0 0 18px 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Hanya artikel pengumuman yang menjadi kartu. */
body.pkp_page_announcement .obj_announcement_summary,
body[class*="announcement"] .obj_announcement_summary {
  display: flow-root !important;
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 22px !important;
  overflow: hidden !important;
  background: #ffffff !important;
  border: 1px solid #dce4ee !important;
  border-radius: 15px !important;
  box-shadow: 0 10px 24px rgba(3, 29, 58, .08) !important;
}

body.pkp_page_announcement .obj_announcement_summary:hover,
body[class*="announcement"] .obj_announcement_summary:hover {
  border-color: #c7d5e5 !important;
  box-shadow: 0 13px 28px rgba(3, 29, 58, .11) !important;
}

/* Gambar pertama pada Ringkasan Singkat menjadi cover buku tiap pengumuman. */
body.pkp_page_announcement .obj_announcement_summary .summary > img:first-child,
body.pkp_page_announcement .obj_announcement_summary .summary > p:first-child > img:first-child,
body[class*="announcement"] .obj_announcement_summary .summary > img:first-child,
body[class*="announcement"] .obj_announcement_summary .summary > p:first-child > img:first-child {
  float: left !important;
  display: block !important;
  width: 150px !important;
  max-width: 34% !important;
  height: auto !important;
  max-height: 225px !important;
  margin: 2px 22px 14px 0 !important;
  padding: 5px !important;
  object-fit: contain !important;
  object-position: center !important;
  background: #ffffff !important;
  border: 1px solid #dce4ee !important;
  border-radius: 12px !important;
  box-shadow: 0 9px 22px rgba(3, 29, 58, .13) !important;
}

/* Gambar yang sama tetap rapi saat detail pengumuman dibuka. */
body.pkp_page_announcement.pkp_op_view .obj_announcement_full {
  display: flow-root !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.pkp_page_announcement.pkp_op_view .obj_announcement_full .description > img:first-child,
body.pkp_page_announcement.pkp_op_view .obj_announcement_full .description > p:first-child > img:first-child {
  float: left !important;
  display: block !important;
  width: 180px !important;
  max-width: 35% !important;
  height: auto !important;
  max-height: 270px !important;
  margin: 2px 24px 16px 0 !important;
  padding: 5px !important;
  object-fit: contain !important;
  background: #ffffff !important;
  border: 1px solid #dce4ee !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 24px rgba(3, 29, 58, .13) !important;
}

body.pkp_page_announcement .obj_announcement_summary h2,
body.pkp_page_announcement .obj_announcement_summary h3,
body[class*="announcement"] .obj_announcement_summary h2,
body[class*="announcement"] .obj_announcement_summary h3 {
  margin: 0 0 8px 0 !important;
  color: #031d3a !important;
  font-size: 19px !important;
  line-height: 1.4 !important;
}

body.pkp_page_announcement .obj_announcement_summary .date,
body[class*="announcement"] .obj_announcement_summary .date {
  margin: 0 0 12px 0 !important;
  color: #6d7f92 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

body.pkp_page_announcement .obj_announcement_summary .summary,
body[class*="announcement"] .obj_announcement_summary .summary {
  margin: 0 !important;
  color: #26384d !important;
  line-height: 1.75 !important;
}

body.pkp_page_announcement .obj_announcement_summary .read_more,
body[class*="announcement"] .obj_announcement_summary .read_more {
  margin-top: 14px !important;
}

@media (max-width: 640px) {
  body.pkp_page_announcement .obj_announcement_summary,
  body[class*="announcement"] .obj_announcement_summary {
    padding: 18px !important;
    border-radius: 13px !important;
  }

  body.pkp_page_announcement .obj_announcement_summary .summary > img:first-child,
  body.pkp_page_announcement .obj_announcement_summary .summary > p:first-child > img:first-child,
  body[class*="announcement"] .obj_announcement_summary .summary > img:first-child,
  body[class*="announcement"] .obj_announcement_summary .summary > p:first-child > img:first-child,
  body.pkp_page_announcement.pkp_op_view .obj_announcement_full .description > img:first-child,
  body.pkp_page_announcement.pkp_op_view .obj_announcement_full .description > p:first-child > img:first-child {
    float: none !important;
    width: min(180px, 100%) !important;
    max-width: 100% !important;
    max-height: none !important;
    margin: 0 auto 18px auto !important;
  }
}

/* =========================================================
   E-BizPreneur OJS - v53 Exact Announcement Structure Fix
   Selector disesuaikan dengan HTML OJS 3.5.0.5 pada situs.
   ========================================================= */

/* 1. Sembunyikan seluruh blok pengumuman bawaan dari Beranda. */
html body.pkp_page_index.pkp_op_index
.page_index_journal > section.cmp_announcements.highlight_first,
html body.pkp_page_index.pkp_op_index
.page_index_journal > section.cmp_announcements,
html body.pkp_page_index.pkp_op_index
section#homepageAnnouncements,
html body.pkp_page_index.pkp_op_index
section[aria-labelledby="homepageAnnouncements"] {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* 2. Hilangkan cover lama yang dibuat oleh pseudo-element CSS. */
html body.pkp_page_announcement .pkp_structure_main::before,
html body.pkp_page_announcement .pkp_structure_main > .page_announcements::before,
html body.pkp_page_announcement .pkp_structure_main > .page_announcement::before,
html body.pkp_page_announcement .page.page_announcements::before,
html body.pkp_page_announcement .page.page_announcement::before {
  content: none !important;
  display: none !important;
  float: none !important;
  width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* 3. Pembungkus halaman dan daftar dibuat datar: tidak ada kartu bertumpuk. */
html body.pkp_page_announcement.pkp_op_index
.pkp_structure_main > .page.page_announcements,
html body.pkp_page_announcement.pkp_op_view
.pkp_structure_main > .page.page_announcement {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body.pkp_page_announcement.pkp_op_index
.page_announcements > ul.cmp_announcements {
  display: block !important;
  list-style: none !important;
  width: 100% !important;
  margin: 26px 0 0 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body.pkp_page_announcement.pkp_op_index
.page_announcements > ul.cmp_announcements > li {
  display: block !important;
  list-style: none !important;
  width: 100% !important;
  margin: 0 0 18px 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Hilangkan ruang kosong dari paragraf bawaan setelah teks pengantar. */
html body.pkp_page_announcement.pkp_op_index
.page_announcements > pre + p:empty {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 4. Satu ringkasan pengumuman menjadi satu kartu dua kolom. */
html body.pkp_page_announcement.pkp_op_index
article.obj_announcement_summary.obj_announcement_summary_has_image {
  display: grid !important;
  grid-template-columns: 145px minmax(0, 1fr) !important;
  gap: 22px !important;
  align-items: start !important;
  width: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 20px !important;
  overflow: hidden !important;
  background: #ffffff !important;
  border: 1px solid #dce4ee !important;
  border-radius: 14px !important;
  box-shadow: 0 9px 22px rgba(3, 29, 58, .08) !important;
}

html body.pkp_page_announcement.pkp_op_index
article.obj_announcement_summary > img.obj_announcement_summary_image {
  grid-column: 1 !important;
  grid-row: 1 !important;
  float: none !important;
  display: block !important;
  width: 145px !important;
  max-width: 100% !important;
  height: 205px !important;
  max-height: 205px !important;
  margin: 0 !important;
  padding: 4px !important;
  object-fit: contain !important;
  object-position: center top !important;
  background: #ffffff !important;
  border: 1px solid #dce4ee !important;
  border-radius: 10px !important;
  box-shadow: 0 7px 18px rgba(3, 29, 58, .12) !important;
}

html body.pkp_page_announcement.pkp_op_index
article.obj_announcement_summary > .obj_announcement_summary_details {
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: center !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body.pkp_page_announcement.pkp_op_index
.obj_announcement_summary_details > h2 {
  margin: 0 0 8px 0 !important;
  font-size: 19px !important;
  line-height: 1.35 !important;
}

/* 5. Halaman view: cover kiri, judul dan isi pengumuman kanan. */
html body.pkp_page_announcement.pkp_op_view
article.obj_announcement_full {
  display: grid !important;
  grid-template-columns: minmax(175px, 210px) minmax(0, 1fr) !important;
  grid-template-rows: auto auto 1fr !important;
  column-gap: 30px !important;
  row-gap: 10px !important;
  align-items: start !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 8px 0 0 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body.pkp_page_announcement.pkp_op_view
article.obj_announcement_full > img.obj_announcement_full_image {
  grid-column: 1 !important;
  grid-row: 1 / span 3 !important;
  float: none !important;
  display: block !important;
  align-self: start !important;
  width: 100% !important;
  max-width: 210px !important;
  height: auto !important;
  max-height: 300px !important;
  margin: 0 !important;
  padding: 5px !important;
  object-fit: contain !important;
  object-position: center top !important;
  background: #ffffff !important;
  border: 1px solid #dce4ee !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 24px rgba(3, 29, 58, .13) !important;
}

html body.pkp_page_announcement.pkp_op_view
article.obj_announcement_full > h1 {
  grid-column: 2 !important;
  grid-row: 1 !important;
  margin: 0 !important;
  padding: 0 0 12px 0 !important;
  font-size: 27px !important;
  line-height: 1.3 !important;
}

html body.pkp_page_announcement.pkp_op_view
article.obj_announcement_full > .date {
  grid-column: 2 !important;
  grid-row: 2 !important;
  margin: 0 0 8px 0 !important;
  padding: 0 !important;
  color: #6d7f92 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

html body.pkp_page_announcement.pkp_op_view
article.obj_announcement_full > .description {
  grid-column: 2 !important;
  grid-row: 3 !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #26384d !important;
  line-height: 1.8 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body.pkp_page_announcement.pkp_op_view
article.obj_announcement_full > .description > :first-child {
  margin-top: 0 !important;
}

@media (max-width: 640px) {
  html body.pkp_page_announcement.pkp_op_index
  article.obj_announcement_summary.obj_announcement_summary_has_image,
  html body.pkp_page_announcement.pkp_op_view
  article.obj_announcement_full {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto !important;
    gap: 16px !important;
  }

  html body.pkp_page_announcement.pkp_op_index
  article.obj_announcement_summary > img.obj_announcement_summary_image,
  html body.pkp_page_announcement.pkp_op_index
  article.obj_announcement_summary > .obj_announcement_summary_details,
  html body.pkp_page_announcement.pkp_op_view
  article.obj_announcement_full > img.obj_announcement_full_image,
  html body.pkp_page_announcement.pkp_op_view
  article.obj_announcement_full > h1,
  html body.pkp_page_announcement.pkp_op_view
  article.obj_announcement_full > .date,
  html body.pkp_page_announcement.pkp_op_view
  article.obj_announcement_full > .description {
    grid-column: 1 !important;
    grid-row: auto !important;
  }

  html body.pkp_page_announcement.pkp_op_index
  article.obj_announcement_summary > img.obj_announcement_summary_image,
  html body.pkp_page_announcement.pkp_op_view
  article.obj_announcement_full > img.obj_announcement_full_image {
    width: min(190px, 100%) !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 auto !important;
  }
}

/* =========================================================
   E-BizPreneur OJS - v54 Restore Homepage Hero Position
   Current Issue bawaan OJS disembunyikan agar hero paling atas.
   Berlaku untuk locale English dan Indonesia.
   ========================================================= */

html body.pkp_page_index.pkp_op_index
.pkp_structure_main > .page_index_journal > section.current_issue,
html body.pkp_page_index.pkp_op_index
.page_index_journal > section.current_issue,
html body.pkp_page_index.pkp_op_index
section.current_issue:has(> #homepageIssue) {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* =========================================================
   E-BizPreneur OJS - v55 Final Homepage Current Issue Hide
   Selector sederhana tanpa :has untuk kompatibilitas maksimal.
   ========================================================= */

html body.pkp_page_index.pkp_op_index section.current_issue,
html body.pkp_page_index.pkp_op_index .page_index_journal > .current_issue {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* =========================================================
   E-BizPreneur OJS - v56 Encoding-Safe Pointer Fix
   Semua pointer dibuat dengan bentuk CSS, bukan karakter teks.
   ========================================================= */

/* Titik biru kecil: Editorial Team dan daftar cek umum. */
html body .ojs-list-check li::before,
html body .ojs-focus-list li::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 4px !important;
  top: .72em !important;
  width: 8px !important;
  height: 8px !important;
  min-width: 8px !important;
  min-height: 8px !important;
  padding: 0 !important;
  line-height: 0 !important;
  font-size: 0 !important;
  color: transparent !important;
  background: #084d7c !important;
  border: 0 !important;
  border-radius: 50% !important;
  box-shadow: none !important;
  transform: translateY(-50%) !important;
}

/* Titik emas kecil: Partners, kontak, dan metadata admin. */
html body .ojs-partner-list li::before,
html body .ojs-contact-list li::before,
html body .ojs-admin-meta li::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 4px !important;
  top: .72em !important;
  width: 8px !important;
  height: 8px !important;
  min-width: 8px !important;
  min-height: 8px !important;
  padding: 0 !important;
  line-height: 0 !important;
  font-size: 0 !important;
  color: transparent !important;
  background: #f7b733 !important;
  border: 0 !important;
  border-radius: 50% !important;
  box-shadow: none !important;
  transform: translateY(-50%) !important;
}

/* Panah sidebar dibuat dari garis; aman dari masalah encoding. */
html body .ebiz-policy-list a::after {
  content: "" !important;
  display: block !important;
  flex: 0 0 8px !important;
  width: 8px !important;
  height: 8px !important;
  min-width: 8px !important;
  min-height: 8px !important;
  margin: 0 2px 0 auto !important;
  padding: 0 !important;
  color: transparent !important;
  background: transparent !important;
  border: 0 !important;
  border-top: 2px solid rgba(3, 29, 58, .48) !important;
  border-right: 2px solid rgba(3, 29, 58, .48) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-size: 0 !important;
  line-height: 0 !important;
  transform: rotate(45deg) !important;
}

/* =========================================================
   E-BizPreneur OJS - v57 Pointer Alignment + Partner Check
   ========================================================= */

/* Tim Editor: titik dipusatkan secara vertikal dan jaraknya dirapikan. */
html body .ojs-list-check li,
html body .ojs-focus-list li {
  position: relative !important;
  padding-left: 22px !important;
}

html body .ojs-list-check li::before,
html body .ojs-focus-list li::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 3px !important;
  top: 50% !important;
  width: 7px !important;
  height: 7px !important;
  min-width: 7px !important;
  min-height: 7px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #084d7c !important;
  border: 0 !important;
  border-radius: 50% !important;
  box-shadow: none !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  transform: translateY(-50%) !important;
}

/* Mitra & Kolaborasi: centang aman-encoding di dalam lingkaran emas. */
html body .ojs-partner-list li {
  position: relative !important;
  padding-left: 26px !important;
}

html body .ojs-partner-list li::before {
  content: "\2713" !important;
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  top: 2px !important;
  width: 17px !important;
  height: 17px !important;
  min-width: 17px !important;
  min-height: 17px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #06111f !important;
  background: #f7b733 !important;
  border: 0 !important;
  border-radius: 50% !important;
  box-shadow: none !important;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 17px !important;
  text-align: center !important;
  transform: none !important;
}

/* =========================================================
   E-BizPreneur OJS - v58 Archive Flatten + Clean Sidebar
   ========================================================= */

/* Halaman Arsip: kartu halaman utama tetap, pembungkus edisi dibuat datar. */
html body.pkp_page_issue.pkp_op_archive
.page_issue_archive > .obj_issue_toc,
html body.pkp_page_issue.pkp_op_archive
.page_issue_archive .obj_issue_toc {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 28px 0 0 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Metadata edisi tidak menjadi kartu tambahan. */
html body.pkp_page_issue.pkp_op_archive
.obj_issue_toc > .heading,
html body.pkp_page_issue.pkp_op_archive
.obj_issue_toc > .heading > .description,
html body.pkp_page_issue.pkp_op_archive
.obj_issue_toc > .heading > .published {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body.pkp_page_issue.pkp_op_archive
.obj_issue_toc > .heading > .description {
  margin: 8px 0 0 0 !important;
}

html body.pkp_page_issue.pkp_op_archive
.obj_issue_toc > .heading > .published {
  margin: 16px 0 0 0 !important;
}

/* Daftar section transparan; kartu hanya berada pada judul artikel. */
html body.pkp_page_issue.pkp_op_archive
.obj_issue_toc > .sections,
html body.pkp_page_issue.pkp_op_archive
.obj_issue_toc .section,
html body.pkp_page_issue.pkp_op_archive
.obj_issue_toc ul.cmp_article_list,
html body.pkp_page_issue.pkp_op_archive
.obj_issue_toc ul.cmp_article_list > li {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body.pkp_page_issue.pkp_op_archive
.obj_issue_toc > .sections {
  margin-top: 34px !important;
}

html body.pkp_page_issue.pkp_op_archive
.obj_issue_toc ul.cmp_article_list > li {
  margin-bottom: 18px !important;
}

/* Artikel tetap menjadi satu-satunya kartu di dalam halaman Arsip. */
html body.pkp_page_issue.pkp_op_archive
.obj_issue_toc .obj_article_summary {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 18px 20px !important;
  background: #ffffff !important;
  border: 1px solid #dce4ee !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 20px rgba(3, 29, 58, .07) !important;
}

/* Sidebar: hilangkan titik kuning dan rapikan jarak teks. */
html body .ebiz-policy-list a::before {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body .ebiz-policy-list a {
  padding-left: 14px !important;
}

@media (max-width: 640px) {
  html body.pkp_page_issue.pkp_op_archive
  .page_issue_archive > .obj_issue_toc {
    margin-top: 22px !important;
  }

  html body.pkp_page_issue.pkp_op_archive
  .obj_issue_toc .obj_article_summary {
    padding: 16px !important;
    border-radius: 12px !important;
  }
}

/* =========================================================
   E-BizPreneur OJS - v59 Archive Final Two-Level Cards
   ========================================================= */

/*
 * Halaman Arsip hanya memakai dua tingkat kartu:
 * 1. kartu halaman utama (.page_issue_archive)
 * 2. kartu masing-masing artikel (.obj_article_summary)
 * Pembungkus Terbitan Terkini dibuat transparan.
 */
html body.pkp_page_issue.pkp_op_archive
.page_issue_archive > section.current_issue.archive_current_issue,
html body.pkp_page_issue.pkp_op_archive
.page_issue_archive section.archive_current_issue {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 28px 0 0 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

html body.pkp_page_issue.pkp_op_archive
section.archive_current_issue > h2,
html body.pkp_page_issue.pkp_op_archive
section.archive_current_issue > .obj_issue_toc {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Isi blok Download Template baru mengikuti gaya sidebar tanpa titik kuning. */
html body .ebiz-download-sidebar,
html body .ebiz-download-sidebar .ebiz-policy-list {
  margin: 0 !important;
}

@media (max-width: 640px) {
  html body.pkp_page_issue.pkp_op_archive
  .page_issue_archive > section.current_issue.archive_current_issue {
    margin-top: 22px !important;
  }
}

/* =========================================================
   E-BizPreneur OJS - v60 Submission Two-Level Layout
   ========================================================= */

/*
 * Hilangkan kartu besar kedua pada halaman Submissions.
 * Kartu utama .pkp_structure_main tetap dipertahankan,
 * sedangkan isi .page_submissions menyatu dengan kartu utama.
 */
html body.pkp_page_about.pkp_op_submissions
.pkp_structure_main > .page.page_submissions {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

@media (max-width: 900px) {
  html body.pkp_page_about.pkp_op_submissions
  .pkp_structure_main > .page.page_submissions {
    padding: 0 !important;
    border-radius: 0 !important;
  }
}

/* =========================================================
   E-BizPreneur OJS - v61 Editorial History Two-Level Cards
   ========================================================= */

/* Hilangkan kartu kosong yang muncul di bawah hero editorial. */
html body.pkp_page_about.pkp_op_editorialHistory
.ojs-guidelines-page > .ojs-guidelines-card:empty,
html body.pkp_page_about.pkp_op_editorialHistory
.ojs-guidelines-page > .ojs-guidelines-hero + .ojs-guidelines-card {
  display: none !important;
}

/*
 * Ratakan dua pembungkus kartu di sekitar daftar editor.
 * Kartu halaman (.page_masthead) dan kartu tiap kelompok editor
 * tetap dipertahankan.
 */
html body.pkp_page_about.pkp_op_editorialHistory
.ojs-guidelines-page > .ojs-guidelines-card:not(:empty) {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

html body.pkp_page_about.pkp_op_editorialHistory
.ojs-guidelines-page > .ojs-guidelines-card:not(:empty) {
  margin: 18px 0 0 0 !important;
}

/* Kartu kelompok editor tetap rapi dan memenuhi lebar area. */
html body.pkp_page_about.pkp_op_editorialHistory
.ojs-guidelines-page > .ojs-guidelines-card
> .ojs-guidelines-card {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 16px 0 !important;
}

html body.pkp_page_about.pkp_op_editorialHistory
.ojs-guidelines-page > .ojs-guidelines-card
> .ojs-guidelines-card:last-child {
  margin-bottom: 0 !important;
}

@media (max-width: 640px) {
  html body.pkp_page_about.pkp_op_editorialHistory
  .ojs-guidelines-page > .ojs-guidelines-card
  > .ojs-guidelines-card {
    padding: 18px !important;
    border-radius: 12px !important;
  }
}

/* =========================================================
   E-BizPreneur OJS - v62 Restore Editorial Position Cards
   ========================================================= */

/*
 * Pastikan setiap kelompok posisi editorial tetap berupa kartu.
 * Selector :has membatasi aturan hanya pada section yang langsung
 * berisi heading posisi, bukan pada kartu pembungkus daftar.
 */
html body.pkp_page_about.pkp_op_editorialHistory
.ojs-guidelines-page .ojs-guidelines-card:has(> h2),
html body.pkp_page_about.pkp_op_editorialHistory
.ojs-guidelines-page > .ojs-guidelines-card:not(:empty)
> .ojs-guidelines-card {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 16px 0 !important;
  padding: 20px 22px !important;
  overflow: visible !important;
  background: #ffffff !important;
  border: 1px solid #dce4ee !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 20px rgba(3, 29, 58, .07) !important;
  box-sizing: border-box !important;
}

html body.pkp_page_about.pkp_op_editorialHistory
.ojs-guidelines-page .ojs-guidelines-card:has(> h2):last-child,
html body.pkp_page_about.pkp_op_editorialHistory
.ojs-guidelines-page > .ojs-guidelines-card:not(:empty)
> .ojs-guidelines-card:last-child {
  margin-bottom: 0 !important;
}

@media (max-width: 640px) {
  html body.pkp_page_about.pkp_op_editorialHistory
  .ojs-guidelines-page .ojs-guidelines-card:has(> h2),
  html body.pkp_page_about.pkp_op_editorialHistory
  .ojs-guidelines-page > .ojs-guidelines-card:not(:empty)
  > .ojs-guidelines-card {
    padding: 18px !important;
    border-radius: 12px !important;
  }
}

/* =========================================================
   E-BizPreneur OJS - v63 Single-Column Article Detail Layout
   ========================================================= */

/*
 * Seluruh isi halaman artikel dibuat satu kolom penuh.
 * Urutan dipastikan: isi utama lebih dahulu, kemudian panel
 * PDF, tanggal terbit, edisi, bagian, dan lisensi di bawahnya.
 */
html body.pkp_page_article.pkp_op_view
.obj_article_details > .row {
  display: flex !important;
  flex-direction: column !important;
  gap: 28px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

html body.pkp_page_article.pkp_op_view
.obj_article_details > .row > .main_entry,
html body.pkp_page_article.pkp_op_view
.obj_article_details > .row > .entry_details {
  float: none !important;
  clear: both !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

html body.pkp_page_article.pkp_op_view
.obj_article_details > .row > .main_entry {
  order: 1 !important;
}

html body.pkp_page_article.pkp_op_view
.obj_article_details > .row > .entry_details {
  order: 2 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
}

/* Cegah nama penulis, kata kunci, abstrak, dan referensi bergeser ke kanan. */
html body.pkp_page_article.pkp_op_view
.main_entry > .item,
html body.pkp_page_article.pkp_op_view
.main_entry .authors,
html body.pkp_page_article.pkp_op_view
.main_entry .authors > li,
html body.pkp_page_article.pkp_op_view
.main_entry .value {
  float: none !important;
  clear: both !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

html body.pkp_page_article.pkp_op_view
.entry_details > .item {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 16px 18px !important;
  overflow: hidden !important;
  overflow-wrap: anywhere !important;
  background: #f7f9fc !important;
  border: 1px solid #dce4ee !important;
  border-radius: 12px !important;
  box-shadow: 0 6px 16px rgba(3, 29, 58, .05) !important;
  box-sizing: border-box !important;
}

/* Teks dan tautan panjang tetap berada di dalam lebar kartu. */
html body.pkp_page_article.pkp_op_view
.main_entry,
html body.pkp_page_article.pkp_op_view
.main_entry .item,
html body.pkp_page_article.pkp_op_view
.main_entry .value {
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

@media (max-width: 640px) {
  html body.pkp_page_article.pkp_op_view
  .obj_article_details > .row {
    gap: 22px !important;
  }

  html body.pkp_page_article.pkp_op_view
  .entry_details > .item {
    padding: 14px 16px !important;
  }
}

/* =========================================================
   E-BizPreneur OJS - v64 Force Full-Width Article Column
   ========================================================= */

/* Selector ekstra-spesifik untuk menimpa grid v63 lama dan CSS bawaan OJS. */
html body.pkp_page_article.pkp_op_view
article.obj_article_details > div.row {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body.pkp_page_article.pkp_op_view
article.obj_article_details > div.row > div.main_entry,
html body.pkp_page_article.pkp_op_view
article.obj_article_details > div.row > div.entry_details {
  position: static !important;
  inset: auto !important;
  float: none !important;
  clear: both !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  transform: none !important;
  box-sizing: border-box !important;
}

html body.pkp_page_article.pkp_op_view
article.obj_article_details > div.row > div.main_entry {
  margin-bottom: 30px !important;
}

/* Semua bagian isi utama mulai dari tepi kiri dan memenuhi lebar artikel. */
html body.pkp_page_article.pkp_op_view
article.obj_article_details div.main_entry > section.item,
html body.pkp_page_article.pkp_op_view
article.obj_article_details div.main_entry section.item.authors,
html body.pkp_page_article.pkp_op_view
article.obj_article_details div.main_entry section.item.keywords,
html body.pkp_page_article.pkp_op_view
article.obj_article_details div.main_entry section.item.abstract,
html body.pkp_page_article.pkp_op_view
article.obj_article_details div.main_entry section.item.references {
  position: static !important;
  inset: auto !important;
  float: none !important;
  clear: both !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  transform: none !important;
  text-align: left !important;
  box-sizing: border-box !important;
}

/* Daftar penulis dipaksa vertikal penuh, bukan kolom kanan. */
html body.pkp_page_article.pkp_op_view
article.obj_article_details section.item.authors > ul.authors {
  position: static !important;
  float: none !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  columns: 1 !important;
  transform: none !important;
}

html body.pkp_page_article.pkp_op_view
article.obj_article_details section.item.authors > ul.authors > li {
  position: static !important;
  inset: auto !important;
  float: none !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 16px 0 !important;
  padding: 0 !important;
  transform: none !important;
  text-align: left !important;
  box-sizing: border-box !important;
}

html body.pkp_page_article.pkp_op_view
article.obj_article_details section.item.authors > ul.authors > li:last-child {
  margin-bottom: 0 !important;
}

/* Panel data artikel juga tetap satu kolom penuh di bagian bawah. */
html body.pkp_page_article.pkp_op_view
article.obj_article_details div.entry_details > div.item {
  position: static !important;
  float: none !important;
  clear: both !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 14px 0 !important;
  transform: none !important;
  box-sizing: border-box !important;
}

html body.pkp_page_article.pkp_op_view
article.obj_article_details div.entry_details > div.item:last-child {
  margin-bottom: 0 !important;
}

/* =========================================================
   E-BizPreneur OJS - v65 Issue View Two-Level Cards
   ========================================================= */

/*
 * Halaman detail terbitan hanya memakai dua tingkat kartu:
 * 1. kartu halaman utama (.page_issue)
 * 2. kartu setiap artikel (.obj_article_summary)
 * Kartu pembungkus daftar isi terbitan dibuat transparan.
 */
html body.pkp_page_issue.pkp_op_view
.pkp_structure_main > .page.page_issue > .obj_issue_toc,
html body.pkp_page_issue.pkp_op_view
.page_issue .obj_issue_toc {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

/* Identitas, deskripsi, dan tanggal terbit tidak menjadi kartu tambahan. */
html body.pkp_page_issue.pkp_op_view
.obj_issue_toc > .heading,
html body.pkp_page_issue.pkp_op_view
.obj_issue_toc > .heading > .description,
html body.pkp_page_issue.pkp_op_view
.obj_issue_toc > .heading > .published {
  max-width: 100% !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

html body.pkp_page_issue.pkp_op_view
.obj_issue_toc > .heading > .description,
html body.pkp_page_issue.pkp_op_view
.obj_issue_toc > .heading > .published {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Section dan daftar artikel hanya berfungsi sebagai pembungkus datar. */
html body.pkp_page_issue.pkp_op_view
.obj_issue_toc > .sections,
html body.pkp_page_issue.pkp_op_view
.obj_issue_toc .section,
html body.pkp_page_issue.pkp_op_view
.obj_issue_toc ul.cmp_article_list,
html body.pkp_page_issue.pkp_op_view
.obj_issue_toc ul.cmp_article_list > li {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

html body.pkp_page_issue.pkp_op_view
.obj_issue_toc > .sections {
  margin-top: 32px !important;
}

html body.pkp_page_issue.pkp_op_view
.obj_issue_toc ul.cmp_article_list > li {
  margin: 0 0 18px 0 !important;
}

/* Kartu artikel tetap dipertahankan sebagai tingkat kedua. */
html body.pkp_page_issue.pkp_op_view
.obj_issue_toc .obj_article_summary {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 18px 20px !important;
  background: #ffffff !important;
  border: 1px solid #dce4ee !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 20px rgba(3, 29, 58, .07) !important;
  box-sizing: border-box !important;
}

@media (max-width: 640px) {
  html body.pkp_page_issue.pkp_op_view
  .obj_issue_toc .obj_article_summary {
    padding: 16px !important;
    border-radius: 12px !important;
  }
}