/* =====================================================================
   NALATAMA PUBLICATION CENTER — Site Stylesheet
   Untuk: OJS 3.4.x, Default Theme, tingkat rumah jurnal (site level)
   Unggah di: Administration > Site Settings > Appearance > Setup >
              Site stylesheet (login sebagai super admin)
   Teks "Nalatama Publication Center" & tagline di header ditulis di
   bagian 2 (::before / ::after) — ubah di sana bila nama situs berganti.

   Catatan teknis:
   - Semua aturan diawali "body:has(.pkp_site_name a[href*="/index/index"])".
     Awalan ini hanya cocok di halaman tingkat rumah jurnal (beranda,
     login, register). Halaman di dalam tiap jurnal TIDAK terpengaruh,
     walaupun OJS memuat stylesheet situs di sana.
   - Warna diambil dari logo: navy #0a516e dan oranye #ec880e.
   - Tombol "Submissions" muncul otomatis bila deskripsi jurnal memuat
     tautan ke .../about/submissions (lihat file potongan HTML).
   ===================================================================== */

/* ---------- 1. Token warna & dasar halaman ---------- */
body:has(.pkp_site_name a[href*="/index/index"]) {
  --nl-navy-950: #031722;
  --nl-navy-900: #052334;
  --nl-navy-800: #073047;
  --nl-navy-700: #0a516e;
  --nl-navy-600: #12698c;
  --nl-orange: #ec880e;
  --nl-orange-300: #f6b25a;
  --nl-orange-text: #a35400;
  --nl-bg: #f2f5f8;
  --nl-line: #e1e8ee;
  --nl-text: #1f2f3c;
  --nl-muted: #55687a;
  --nl-radius: 14px;
  --nl-shadow: 0 1px 2px rgba(3, 23, 34, .05), 0 6px 20px rgba(3, 23, 34, .06);
  --nl-shadow-hover: 0 2px 4px rgba(3, 23, 34, .06), 0 18px 40px rgba(3, 23, 34, .13);
  --nl-container: 1200px;
  background: var(--nl-bg);
  color: var(--nl-text);
}

body:has(.pkp_site_name a[href*="/index/index"]) .pkp_structure_page,
body:has(.pkp_site_name a[href*="/index/index"]) .pkp_structure_content {
  background: transparent;
}

/* ---------- 2. Header: gradasi navy + pola segitiga ---------- */
body:has(.pkp_site_name a[href*="/index/index"]) .pkp_structure_head {
  position: relative;
  background-color: var(--nl-navy-900);
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='570' height='220' viewBox='0 0 570 220'%3E%3Cg stroke='%23fff' stroke-opacity='.2' stroke-width='1.6' fill='none'%3E%3Cline x1='30' y1='160' x2='105' y2='70'/%3E%3Cline x1='30' y1='160' x2='170' y2='180'/%3E%3Cline x1='105' y1='70' x2='170' y2='180'/%3E%3Cline x1='105' y1='70' x2='240' y2='90'/%3E%3Cline x1='170' y1='180' x2='240' y2='90'/%3E%3Cline x1='170' y1='180' x2='300' y2='196'/%3E%3Cline x1='240' y1='90' x2='300' y2='196'/%3E%3Cline x1='240' y1='90' x2='362' y2='92'/%3E%3Cline x1='300' y1='196' x2='362' y2='92'/%3E%3Cline x1='300' y1='196' x2='440' y2='170'/%3E%3Cline x1='362' y1='92' x2='440' y2='170'/%3E%3Cline x1='440' y1='170' x2='520' y2='80'/%3E%3Cline x1='440' y1='170' x2='548' y2='190'/%3E%3Cline x1='520' y1='80' x2='548' y2='190'/%3E%3Cline x1='362' y1='92' x2='430' y2='86'/%3E%3Cline x1='430' y1='86' x2='520' y2='80'/%3E%3Cline x1='430' y1='86' x2='440' y2='170'/%3E%3C/g%3E%3Cg fill='%23052334' stroke='%23fff' stroke-opacity='.55' stroke-width='1.6'%3E%3Ccircle cx='30' cy='160' r='4.5'/%3E%3Ccircle cx='105' cy='70' r='4.5'/%3E%3Ccircle cx='170' cy='180' r='4.5'/%3E%3Ccircle cx='240' cy='90' r='4.5'/%3E%3Ccircle cx='300' cy='196' r='4.5'/%3E%3Ccircle cx='362' cy='92' r='4.5'/%3E%3Ccircle cx='440' cy='170' r='4.5'/%3E%3Ccircle cx='520' cy='80' r='4.5'/%3E%3Ccircle cx='548' cy='190' r='4.5'/%3E%3C/g%3E%3Cpath d='M392 22L468 22L430 86Z' fill='%23ec880e' fill-opacity='.12' stroke='%23ec880e' stroke-width='2.4' stroke-linejoin='round'/%3E%3Cg fill='%23ec880e'%3E%3Ccircle cx='392' cy='22' r='5.5'/%3E%3Ccircle cx='468' cy='22' r='5.5'/%3E%3Ccircle cx='430' cy='86' r='5.5'/%3E%3C/g%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='104' viewBox='0 0 120 104'%3E%3Cpath d='M0 0H120M0 52H120M0 104H120M0 0L30 52L60 0L90 52L120 0M0 104L30 52L60 104L90 52L120 104' fill='none' stroke='%23fff' stroke-opacity='.055'/%3E%3Cg fill='%23fff' fill-opacity='.13'%3E%3Ccircle cx='0' cy='0' r='2'/%3E%3Ccircle cx='60' cy='0' r='2'/%3E%3Ccircle cx='120' cy='0' r='2'/%3E%3Ccircle cx='30' cy='52' r='2'/%3E%3Ccircle cx='90' cy='52' r='2'/%3E%3Ccircle cx='0' cy='104' r='2'/%3E%3Ccircle cx='60' cy='104' r='2'/%3E%3Ccircle cx='120' cy='104' r='2'/%3E%3C/g%3E%3C/svg%3E"),
    radial-gradient(ellipse 55% 140% at 100% 0%, rgba(236, 136, 14, .20), rgba(236, 136, 14, 0) 62%),
    linear-gradient(115deg, var(--nl-navy-950) 0%, var(--nl-navy-800) 48%, var(--nl-navy-700) 100%);
  background-repeat: no-repeat, repeat, no-repeat, no-repeat;
  background-position: right 9% top 40px, 0 0, 0 0, 0 0;
  background-size: 390px auto, 120px 104px, 100% 100%, 100% 100%;
  border-bottom: 0;
  color: #fff;
}

body:has(.pkp_site_name a[href*="/index/index"]) .pkp_structure_head::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--nl-orange) 0%, var(--nl-orange-300) 35%, var(--nl-navy-600) 100%);
}

body:has(.pkp_site_name a[href*="/index/index"]) .pkp_head_wrapper {
  position: relative;
  width: auto;
  max-width: var(--nl-container);
  margin: 0 auto;
  padding: 38px 24px 42px;
  box-sizing: border-box;
}

body:has(.pkp_site_name a[href*="/index/index"]) .pkp_site_name_wrapper {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
}

/* Logo di kiri, dalam lencana putih agar warna aslinya tetap terbaca */
body:has(.pkp_site_name a[href*="/index/index"]) .pkp_site_name {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  grid-template-rows: auto auto;
  column-gap: 22px;
  align-items: center;
  width: auto;
  margin: 0;
  padding: 0;
}

body:has(.pkp_site_name a[href*="/index/index"]) .pkp_site_name > a {
  grid-row: 1 / span 2;
  display: block;
  margin: 0;
  padding: 0;
}

body:has(.pkp_site_name a[href*="/index/index"]) .pkp_site_name .is_img img {
  display: block;
  width: 104px;
  height: 104px;
  max-width: none;
  max-height: none;
  object-fit: contain;
  box-sizing: border-box;
  padding: 8px;
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .28), 0 0 0 4px rgba(255, 255, 255, .08);
  transition: transform .25s ease;
}

body:has(.pkp_site_name a[href*="/index/index"]) .pkp_site_name > a:hover img {
  transform: translateY(-2px);
}

/* Nama situs & tagline di samping logo */
body:has(.pkp_site_name a[href*="/index/index"]).has_site_logo .pkp_site_name::before {
  content: "Nalatama Publication Center";
  grid-column: 2;
  grid-row: 1;
  align-self: end;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -.01em;
  color: #fff;
}

body:has(.pkp_site_name a[href*="/index/index"]).has_site_logo .pkp_site_name::after {
  content: "Peer-reviewed  \2022   Open Access";
  white-space: pre-wrap;
  grid-column: 2;
  grid-row: 2;
  align-self: start;
  margin-top: 10px;
  font-size: 15px;
  line-height: 1.4;
  letter-spacing: .02em;
  color: rgba(255, 255, 255, .78);
}

/* Baris menu utama kosong di tingkat situs: sembunyikan bila tak ada tautan */
body:has(.pkp_site_name a[href*="/index/index"]) .pkp_navigation_primary_row:not(:has(a)) {
  display: none;
}

/* ---------- 3. Menu pengguna (desktop) ---------- */
@media (min-width: 992px) {
  body:has(.pkp_site_name a[href*="/index/index"]) .pkp_site_nav_menu {
    background: transparent;
  }

  body:has(.pkp_site_name a[href*="/index/index"]) .pkp_navigation_user_wrapper {
    position: absolute;
    top: 14px;
    right: 24px;
    left: auto;
    width: auto;
    padding: 0;
    margin: 0;
  }

  body:has(.pkp_site_name a[href*="/index/index"]) .pkp_navigation_user {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: auto;
    margin: 0;
    padding: 0;
  }

  body:has(.pkp_site_name a[href*="/index/index"]) .pkp_navigation_user > li {
    float: none;
    margin: 0;
  }

  body:has(.pkp_site_name a[href*="/index/index"]) .pkp_navigation_user > li > a {
    display: inline-block;
    margin-left: 8px;
    padding: 6px 15px;
    border: 1px solid rgba(255, 255, 255, .30);
    border-radius: 999px;
    background: rgba(3, 23, 34, .35);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    color: rgba(255, 255, 255, .92);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    text-decoration: none;
    transition: background .15s ease, border-color .15s ease, color .15s ease;
  }

  body:has(.pkp_site_name a[href*="/index/index"]) .pkp_navigation_user > li > a:hover,
  body:has(.pkp_site_name a[href*="/index/index"]) .pkp_navigation_user > li > a:focus {
    background: var(--nl-orange);
    border-color: var(--nl-orange);
    color: var(--nl-navy-950);
  }

  body:has(.pkp_site_name a[href*="/index/index"]) .pkp_navigation_user .task_count {
    background: var(--nl-orange);
    color: var(--nl-navy-950);
  }

  body:has(.pkp_site_name a[href*="/index/index"]) .pkp_navigation_primary > li > a {
    color: #fff;
  }

  body:has(.pkp_site_name a[href*="/index/index"]) .pkp_navigation_primary > li > a:hover {
    color: var(--nl-orange-300);
    border-color: var(--nl-orange);
  }
}

/* ---------- 4. Area konten ---------- */
body:has(.pkp_site_name a[href*="/index/index"]) .pkp_structure_content {
  width: auto;
  max-width: var(--nl-container);
  margin: 0 auto;
  padding: 44px 24px 72px;
  box-sizing: border-box;
}

body:has(.pkp_site_name a[href*="/index/index"]) .pkp_structure_main {
  float: none;
  width: auto;
  margin: 0;
  padding: 0;
}

body:has(.pkp_site_name a[href*="/index/index"]) .pkp_structure_main::before,
body:has(.pkp_site_name a[href*="/index/index"]) .pkp_structure_main::after {
  display: none;
}

body:has(.pkp_site_name a[href*="/index/index"]) .pkp_structure_main a {
  color: var(--nl-navy-600);
}

/* Halaman lain di tingkat situs (login, register, dll.) jadi kartu putih */
body:has(.pkp_site_name a[href*="/index/index"]) .pkp_structure_main > .page:not(.page_index_site) {
  max-width: 760px;
  margin: 0 auto;
  padding: 32px 36px 36px;
  background: #fff;
  border: 1px solid var(--nl-line);
  border-radius: var(--nl-radius);
  box-shadow: var(--nl-shadow);
  box-sizing: border-box;
}

body:has(.pkp_site_name a[href*="/index/index"]) .pkp_structure_main h1 {
  color: var(--nl-navy-800);
}

body:has(.pkp_site_name a[href*="/index/index"]) .cmp_form .buttons button {
  background: var(--nl-navy-700);
  border: 0;
  border-radius: 8px;
  box-shadow: none;
  color: #fff;
  font-weight: 600;
  padding: 0 20px;
}

body:has(.pkp_site_name a[href*="/index/index"]) .cmp_form .buttons button:hover,
body:has(.pkp_site_name a[href*="/index/index"]) .cmp_form .buttons button:focus {
  background: var(--nl-navy-900);
}

/* ---------- 5. Pengantar situs ---------- */
body:has(.pkp_site_name a[href*="/index/index"]) .page_index_site .about_site {
  position: relative;
  margin: 0 0 44px;
  padding: 30px 36px 30px 40px;
  background: #fff;
  border: 1px solid var(--nl-line);
  border-radius: var(--nl-radius);
  box-shadow: var(--nl-shadow);
  font-size: 16.5px;
  line-height: 1.8;
  color: var(--nl-text);
  overflow: hidden;
}

body:has(.pkp_site_name a[href*="/index/index"]) .page_index_site .about_site::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 5px;
  background: linear-gradient(180deg, var(--nl-orange) 0%, var(--nl-navy-700) 100%);
}

body:has(.pkp_site_name a[href*="/index/index"]) .page_index_site .about_site > :first-child::before {
  content: "About Nalatama";
  display: block;
  margin-bottom: 8px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--nl-orange-text);
}

body:has(.pkp_site_name a[href*="/index/index"]) .page_index_site .about_site p {
  margin: 0;
}

body:has(.pkp_site_name a[href*="/index/index"]) .page_index_site .about_site p + p {
  margin-top: 1em;
}

/* ---------- 6. Judul bagian "Journals" ---------- */
body:has(.pkp_site_name a[href*="/index/index"]) .page_index_site .journals {
  margin: 0;
  padding: 0;
}

body:has(.pkp_site_name a[href*="/index/index"]) .page_index_site .journals > h2 {
  position: static !important; /* tema bawaan menyembunyikannya dengan !important */
  left: auto;
  display: flex;
  align-items: center;
  gap: 16px;
  width: auto;
  height: auto;
  margin: 0 0 24px;
  overflow: visible;
  clip: auto;
  clip-path: none;
  font-size: 22px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--nl-navy-800);
}

body:has(.pkp_site_name a[href*="/index/index"]) .page_index_site .journals > h2::before {
  content: "";
  flex: none;
  width: 28px;
  height: 4px;
  border-radius: 2px;
  background: var(--nl-orange);
}

body:has(.pkp_site_name a[href*="/index/index"]) .page_index_site .journals > h2::after {
  content: "";
  flex: 1;
  height: 2px;
  background: linear-gradient(90deg, #cfd9e1, rgba(207, 217, 225, 0));
}

/* ---------- 7. Kartu jurnal ---------- */
body:has(.pkp_site_name a[href*="/index/index"]) .page_index_site .journals > ul {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 24px;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Kartu = grid: sampul di kiri, judul & metadata di kanan,
   baris tombol di bawah melebar penuh dan selalu sejajar antarkartu */
body:has(.pkp_site_name a[href*="/index/index"]) .page_index_site .journals > ul > li {
  position: relative;
  display: grid;
  grid-template-columns: 124px minmax(0, 1fr);
  grid-template-rows: repeat(18, min-content) 1fr min-content;
  column-gap: 22px;
  row-gap: 0;
  align-items: start;
  margin: 0;
  padding: 22px;
  background: #fff;
  border: 1px solid var(--nl-line);
  border-radius: var(--nl-radius);
  box-shadow: var(--nl-shadow);
  overflow: hidden;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

body:has(.pkp_site_name a[href*="/index/index"]) .page_index_site .journals > ul > li::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--nl-navy-700), var(--nl-orange));
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .3s ease;
}

body:has(.pkp_site_name a[href*="/index/index"]) .page_index_site .journals > ul > li::after {
  display: none;
}

body:has(.pkp_site_name a[href*="/index/index"]) .page_index_site .journals > ul > li:hover {
  transform: translateY(-3px);
  border-color: #d2dce4;
  box-shadow: var(--nl-shadow-hover);
}

body:has(.pkp_site_name a[href*="/index/index"]) .page_index_site .journals > ul > li:hover::before {
  transform: scaleX(1);
}

/* Sampul */
body:has(.pkp_site_name a[href*="/index/index"]) .page_index_site .journals .thumb {
  grid-column: 1;
  grid-row: 1 / 20;
  width: auto;
  max-width: none;
  float: none;
  margin: 0;
  padding: 0;
}

body:has(.pkp_site_name a[href*="/index/index"]) .page_index_site .journals .thumb a {
  display: block;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 8px 18px rgba(3, 23, 34, .22);
  transition: transform .25s ease;
}

body:has(.pkp_site_name a[href*="/index/index"]) .page_index_site .journals > ul > li:hover .thumb a {
  transform: scale(1.03);
}

body:has(.pkp_site_name a[href*="/index/index"]) .page_index_site .journals .thumb img {
  display: block;
  width: 100%;
  height: auto;
  max-width: none;
}

/* Isi kartu */
body:has(.pkp_site_name a[href*="/index/index"]) .page_index_site .journals .body {
  display: contents;
}

body:has(.pkp_site_name a[href*="/index/index"]) .page_index_site .journals .body h3 {
  grid-column: 2;
  margin: 0 0 10px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.35;
}

body:has(.pkp_site_name a[href*="/index/index"]) .page_index_site .journals .body h3 a {
  color: var(--nl-navy-800);
  text-decoration: none;
}

body:has(.pkp_site_name a[href*="/index/index"]) .page_index_site .journals .body h3 a:hover,
body:has(.pkp_site_name a[href*="/index/index"]) .page_index_site .journals .body h3 a:focus {
  color: var(--nl-navy-600);
  text-decoration: underline;
  text-decoration-color: var(--nl-orange);
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}

body:has(.pkp_site_name a[href*="/index/index"]) .page_index_site .journals .description {
  display: contents;
}

body:has(.pkp_site_name a[href*="/index/index"]) .page_index_site .journals .description > * {
  grid-column: 2;
  margin: 0 0 6px;
  font-size: 14px;
  line-height: 1.7;
  color: var(--nl-muted);
}

body:has(.pkp_site_name a[href*="/index/index"]) .page_index_site .journals .description strong {
  color: var(--nl-text);
  font-weight: 600;
}

/* Tombol: View Journal, Current Issue, Submissions */
body:has(.pkp_site_name a[href*="/index/index"]) .page_index_site .journals .links {
  grid-column: 1 / -1;
  grid-row: 20;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 18px 0 0;
  padding: 16px 0 0;
  border-top: 1px solid var(--nl-line);
  list-style: none;
}

body:has(.pkp_site_name a[href*="/index/index"]) .page_index_site .journals .links li {
  display: block;
  margin: 0;
  padding: 0;
}

/* Paragraf berisi tautan Submissions dipindah ke baris tombol, rata kanan */
body:has(.pkp_site_name a[href*="/index/index"]) .page_index_site .journals .description > p:has(a[href*="/about/submissions"]) {
  grid-column: 1 / -1;
  grid-row: 20;
  justify-self: end;
  align-self: end;
  z-index: 1;
  margin: 0;
}

body:has(.pkp_site_name a[href*="/index/index"]) .page_index_site .journals .links a,
body:has(.pkp_site_name a[href*="/index/index"]) .page_index_site .journals .description a[href*="/about/submissions"] {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 14px;
  border: 1.5px solid var(--nl-navy-700);
  border-radius: 8px;
  background: #fff;
  color: var(--nl-navy-700);
  font-size: 13.5px;
  font-weight: 600;
  line-height: 1.25;
  text-decoration: none;
  white-space: nowrap;
  transition: background .15s ease, border-color .15s ease, color .15s ease;
}

body:has(.pkp_site_name a[href*="/index/index"]) .page_index_site .journals .links a::before,
body:has(.pkp_site_name a[href*="/index/index"]) .page_index_site .journals .description a[href*="/about/submissions"]::before {
  font-family: FontAwesome;
  font-weight: normal;
  font-size: 13px;
  line-height: 1;
}

body:has(.pkp_site_name a[href*="/index/index"]) .page_index_site .journals .links .view a::before {
  content: "\f02d";
}

body:has(.pkp_site_name a[href*="/index/index"]) .page_index_site .journals .links .current a::before {
  content: "\f1ea";
}

body:has(.pkp_site_name a[href*="/index/index"]) .page_index_site .journals .description a[href*="/about/submissions"]::before {
  content: "\f1d8";
}

body:has(.pkp_site_name a[href*="/index/index"]) .page_index_site .journals .links .view a {
  background: var(--nl-navy-700);
  color: #fff;
}

body:has(.pkp_site_name a[href*="/index/index"]) .page_index_site .journals .links a:hover,
body:has(.pkp_site_name a[href*="/index/index"]) .page_index_site .journals .links a:focus {
  background: var(--nl-navy-700);
  border-color: var(--nl-navy-700);
  color: #fff;
}

body:has(.pkp_site_name a[href*="/index/index"]) .page_index_site .journals .links .view a:hover,
body:has(.pkp_site_name a[href*="/index/index"]) .page_index_site .journals .links .view a:focus {
  background: var(--nl-navy-900);
  border-color: var(--nl-navy-900);
}

body:has(.pkp_site_name a[href*="/index/index"]) .page_index_site .journals .description a[href*="/about/submissions"] {
  border-color: var(--nl-orange);
  color: var(--nl-navy-900);
}

body:has(.pkp_site_name a[href*="/index/index"]) .page_index_site .journals .description a[href*="/about/submissions"]:hover,
body:has(.pkp_site_name a[href*="/index/index"]) .page_index_site .journals .description a[href*="/about/submissions"]:focus {
  background: var(--nl-orange);
  border-color: var(--nl-orange);
  color: var(--nl-navy-950);
}

/* Dua kolom pada layar lebar */
@media (min-width: 1180px) {
  body:has(.pkp_site_name a[href*="/index/index"]) .page_index_site .journals > ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* ---------- 8. Footer ---------- */
body:has(.pkp_site_name a[href*="/index/index"]) .pkp_structure_footer_wrapper {
  position: relative;
  margin: 0;
  background-color: var(--nl-navy-950);
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='104' viewBox='0 0 120 104'%3E%3Cpath d='M0 0H120M0 52H120M0 104H120M0 0L30 52L60 0L90 52L120 0M0 104L30 52L60 104L90 52L120 104' fill='none' stroke='%23fff' stroke-opacity='.055'/%3E%3Cg fill='%23fff' fill-opacity='.13'%3E%3Ccircle cx='0' cy='0' r='2'/%3E%3Ccircle cx='60' cy='0' r='2'/%3E%3Ccircle cx='120' cy='0' r='2'/%3E%3Ccircle cx='30' cy='52' r='2'/%3E%3Ccircle cx='90' cy='52' r='2'/%3E%3Ccircle cx='0' cy='104' r='2'/%3E%3Ccircle cx='60' cy='104' r='2'/%3E%3Ccircle cx='120' cy='104' r='2'/%3E%3C/g%3E%3C/svg%3E"),
    linear-gradient(180deg, var(--nl-navy-900) 0%, var(--nl-navy-950) 100%);
  background-size: 120px 104px, 100% 100%;
  border: 0;
  color: rgba(255, 255, 255, .78);
}

body:has(.pkp_site_name a[href*="/index/index"]) .pkp_structure_footer_wrapper::before {
  content: "";
  display: block;
  height: 4px;
  background: linear-gradient(90deg, var(--nl-orange) 0%, var(--nl-orange-300) 35%, var(--nl-navy-600) 100%);
}

body:has(.pkp_site_name a[href*="/index/index"]) .pkp_structure_footer {
  position: relative;
  display: block;
  width: auto;
  max-width: var(--nl-container);
  margin: 0 auto;
  padding: 52px 24px 30px;
  box-sizing: border-box;
}

body:has(.pkp_site_name a[href*="/index/index"]) .pkp_footer_content {
  float: none;
  width: auto;
  margin: 0;
  padding: 0;
  text-align: left;
  color: inherit;
  font-size: 14.5px;
  line-height: 1.75;
}

body:has(.pkp_site_name a[href*="/index/index"]) .pkp_footer_content p {
  margin: 0 0 10px;
}

body:has(.pkp_site_name a[href*="/index/index"]) .pkp_footer_content strong {
  color: #fff;
}

body:has(.pkp_site_name a[href*="/index/index"]) .pkp_footer_content a {
  color: #fff;
  text-decoration: underline;
  text-decoration-color: rgba(236, 136, 14, .65);
  text-underline-offset: 3px;
}

body:has(.pkp_site_name a[href*="/index/index"]) .pkp_footer_content a:hover,
body:has(.pkp_site_name a[href*="/index/index"]) .pkp_footer_content a:focus {
  color: var(--nl-orange-300);
}

body:has(.pkp_site_name a[href*="/index/index"]) .pkp_footer_content h4 {
  margin: 0 0 14px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #fff;
}

body:has(.pkp_site_name a[href*="/index/index"]) .pkp_footer_content h4::after {
  content: "";
  display: block;
  width: 28px;
  height: 3px;
  margin-top: 10px;
  border-radius: 2px;
  background: var(--nl-orange);
}

body:has(.pkp_site_name a[href*="/index/index"]) .nlt-footer {
  display: grid;
  grid-template-columns: 1.35fr 1.35fr 1.05fr .75fr;
  gap: 40px;
}

body:has(.pkp_site_name a[href*="/index/index"]) .nlt-footer img {
  display: block;
  width: 84px;
  height: 84px;
  object-fit: contain;
  box-sizing: border-box;
  margin: 0 0 16px;
  padding: 6px;
  background: #fff;
  border-radius: 16px;
}

body:has(.pkp_site_name a[href*="/index/index"]) .nlt-footer ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

body:has(.pkp_site_name a[href*="/index/index"]) .nlt-footer li {
  margin: 0 0 6px;
}

body:has(.pkp_site_name a[href*="/index/index"]) .nlt-footer-bottom {
  margin-top: 36px;
  padding: 20px 170px 0 0;
  border-top: 1px solid rgba(255, 255, 255, .12);
  font-size: 13px;
  color: rgba(255, 255, 255, .6);
}

body:has(.pkp_site_name a[href*="/index/index"]) .pkp_brand_footer {
  float: none;
  width: auto;
  margin: 0;
  padding: 0;
  text-align: right;
}

body:has(.pkp_site_name a[href*="/index/index"]) .pkp_footer_content + .pkp_brand_footer {
  position: absolute;
  right: 24px;
  bottom: 22px;
}

body:has(.pkp_site_name a[href*="/index/index"]) .pkp_brand_footer img {
  width: auto;
  height: 34px;
  max-width: none;
  filter: brightness(0) invert(1);
  opacity: .55;
  transition: opacity .15s ease;
}

body:has(.pkp_site_name a[href*="/index/index"]) .pkp_brand_footer a:hover img {
  opacity: .9;
}

/* ---------- 9. Responsif ---------- */
@media (max-width: 991.98px) {
  body:has(.pkp_site_name a[href*="/index/index"]) .pkp_structure_head {
    background-image:
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='104' viewBox='0 0 120 104'%3E%3Cpath d='M0 0H120M0 52H120M0 104H120M0 0L30 52L60 0L90 52L120 0M0 104L30 52L60 104L90 52L120 104' fill='none' stroke='%23fff' stroke-opacity='.055'/%3E%3Cg fill='%23fff' fill-opacity='.13'%3E%3Ccircle cx='0' cy='0' r='2'/%3E%3Ccircle cx='60' cy='0' r='2'/%3E%3Ccircle cx='120' cy='0' r='2'/%3E%3Ccircle cx='30' cy='52' r='2'/%3E%3Ccircle cx='90' cy='52' r='2'/%3E%3Ccircle cx='0' cy='104' r='2'/%3E%3Ccircle cx='60' cy='104' r='2'/%3E%3Ccircle cx='120' cy='104' r='2'/%3E%3C/g%3E%3C/svg%3E"),
      radial-gradient(ellipse 80% 140% at 100% 0%, rgba(236, 136, 14, .18), rgba(236, 136, 14, 0) 62%),
      linear-gradient(115deg, var(--nl-navy-950) 0%, var(--nl-navy-800) 55%, var(--nl-navy-700) 100%);
    background-repeat: repeat, no-repeat, no-repeat;
    background-position: 0 0, 0 0, 0 0;
    background-size: 120px 104px, 100% 100%, 100% 100%;
  }

  body:has(.pkp_site_name a[href*="/index/index"]) .pkp_head_wrapper {
    padding: 20px 16px 24px;
  }

  /* Tema bawaan memosisikan logo secara absolut di layar kecil */
  body:has(.pkp_site_name a[href*="/index/index"]) .pkp_site_name {
    position: static;
    top: auto;
    left: auto;
    right: auto;
    height: auto;
    overflow: visible;
    column-gap: 14px;
    padding-right: 56px;
  }

  /* Tombol menu (hamburger) di kanan, berwarna putih */
  body:has(.pkp_site_name a[href*="/index/index"]) .pkp_site_nav_toggle {
    left: auto;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    filter: brightness(0) invert(1);
  }

  /* Panel menu saat dibuka */
  body:has(.pkp_site_name a[href*="/index/index"]) .pkp_site_nav_menu {
    padding: 4px 18px 14px;
    background: var(--nl-navy-950);
    border-top: 3px solid var(--nl-orange);
    box-shadow: 0 18px 32px rgba(3, 23, 34, .35);
    z-index: 100;
  }

  body:has(.pkp_site_name a[href*="/index/index"]) .pkp_site_nav_menu a {
    color: #fff;
  }

  body:has(.pkp_site_name a[href*="/index/index"]) .pkp_site_nav_menu a:hover,
  body:has(.pkp_site_name a[href*="/index/index"]) .pkp_site_nav_menu a:focus {
    color: var(--nl-orange-300);
  }

  body:has(.pkp_site_name a[href*="/index/index"]) .pkp_navigation_user_wrapper,
  body:has(.pkp_site_name a[href*="/index/index"]) .pkp_navigation_primary_row {
    border-color: rgba(255, 255, 255, .14);
  }

  body:has(.pkp_site_name a[href*="/index/index"]) .pkp_navigation_user > li > a {
    display: block;
    padding: 9px 0;
    font-weight: 600;
  }

  body:has(.pkp_site_name a[href*="/index/index"]) .pkp_site_name .is_img img {
    width: 68px;
    height: 68px;
    padding: 5px;
    border-radius: 14px;
  }

  body:has(.pkp_site_name a[href*="/index/index"]).has_site_logo .pkp_site_name::before {
    font-size: 20px;
  }

  body:has(.pkp_site_name a[href*="/index/index"]).has_site_logo .pkp_site_name::after {
    margin-top: 5px;
    font-size: 12.5px;
  }

  body:has(.pkp_site_name a[href*="/index/index"]) .pkp_structure_content {
    padding: 28px 16px 56px;
  }

  body:has(.pkp_site_name a[href*="/index/index"]) .nlt-footer {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px;
  }
}

@media (max-width: 599.98px) {
  body:has(.pkp_site_name a[href*="/index/index"]) .pkp_head_wrapper {
    padding: 16px 14px 20px;
  }

  body:has(.pkp_site_name a[href*="/index/index"]) .pkp_site_name .is_img img {
    width: 58px;
    height: 58px;
    border-radius: 12px;
  }

  body:has(.pkp_site_name a[href*="/index/index"]).has_site_logo .pkp_site_name::before {
    font-size: 17px;
  }

  body:has(.pkp_site_name a[href*="/index/index"]).has_site_logo .pkp_site_name::after {
    font-size: 11.5px;
  }

  body:has(.pkp_site_name a[href*="/index/index"]) .page_index_site .about_site {
    padding: 22px 20px 22px 26px;
    font-size: 15px;
    line-height: 1.75;
  }

  body:has(.pkp_site_name a[href*="/index/index"]) .page_index_site .journals > h2 {
    font-size: 19px;
  }

  body:has(.pkp_site_name a[href*="/index/index"]) .page_index_site .journals > ul > li {
    grid-template-columns: 88px minmax(0, 1fr);
    column-gap: 14px;
    padding: 16px;
  }

  /* Di ponsel, tombol Submissions turun ke baris sendiri */
  body:has(.pkp_site_name a[href*="/index/index"]) .page_index_site .journals .description > p:has(a[href*="/about/submissions"]) {
    grid-row: 21;
    justify-self: start;
    margin: 8px 0 0;
  }

  body:has(.pkp_site_name a[href*="/index/index"]) .page_index_site .journals .body h3 {
    font-size: 16px;
  }

  body:has(.pkp_site_name a[href*="/index/index"]) .page_index_site .journals .description > * {
    font-size: 13px;
    line-height: 1.65;
  }

  body:has(.pkp_site_name a[href*="/index/index"]) .page_index_site .journals .links a,
  body:has(.pkp_site_name a[href*="/index/index"]) .page_index_site .journals .description a[href*="/about/submissions"] {
    padding: 6px 11px;
    font-size: 12.5px;
  }

  body:has(.pkp_site_name a[href*="/index/index"]) .pkp_structure_main > .page:not(.page_index_site) {
    padding: 24px 20px;
  }

  body:has(.pkp_site_name a[href*="/index/index"]) .pkp_structure_footer {
    padding: 40px 16px 24px;
  }

  body:has(.pkp_site_name a[href*="/index/index"]) .nlt-footer {
    grid-template-columns: minmax(0, 1fr);
    gap: 28px;
  }

  body:has(.pkp_site_name a[href*="/index/index"]) .nlt-footer-bottom {
    padding-right: 0;
  }

  body:has(.pkp_site_name a[href*="/index/index"]) .pkp_footer_content + .pkp_brand_footer {
    position: static;
    margin-top: 20px;
    text-align: left;
  }
}