/* =====================================================================
   HNF GRAFIS - Custom Header & Footer CSS (v4)
   Ditulis berdasarkan CSS ASLI tema hnfGrafisMain, bukan tebakan.
   Palet resmi tema: #d9a227 (gold) | #b8861c (gold gelap)
                     #1a1a1a (teks) | #1a4f9c (link biru) | #faf0d7 (krem)

   Tempel ke: Website Settings > Appearance > Advanced > Additional
   Style Sheet. GANTI SELURUH isi lama, jangan digabung.

   PENYEBAB MASALAH KEMARIN (sudah diperbaiki):
   Tema OJS default memberi "position: absolute" pada blok Register/Login
   (#navigationUserWrapper). Kemarin saya cuma mengatur urutan flexbox
   tanpa mematikan absolute itu, jadi bloknya lepas dari alur dan nempel
   di pojok kiri atas menimpa logo. Di versi ini position-nya dipaksa
   "static !important" lalu didorong ke kanan pakai margin-left: auto.

   GANTI DI SINI:
   - Baris "content: p-ISSN..." -> isi ISSN / URL / email jurnal asli.
   - --hnf-on-gold: default #1a1a1a (teks gelap, mengikuti gaya tema).
     Kalau lebih suka teks putih di band gold, ganti jadi #ffffff.
   ===================================================================== */

:root {
  --hnf-gold: #d9a227;
  --hnf-gold-dark: #b8861c;
  --hnf-cream: #faf0d7;
  --hnf-ink: #1a1a1a;
  --hnf-blue: #1a4f9c;
  --hnf-on-gold: #1a1a1a;   /* warna teks di atas band gold */
  --hnf-pad: 16px;          /* gutter agar logo sejajar teks menu & footer */
}

/* =====================================================================
   HEADER (desktop >= 900px)
   Mobile tetap pakai layout asli tema agar tombol "Open Menu" normal.
   ===================================================================== */

@media (min-width: 900px) {

  /* Ratakan 2 lapis wrapper jadi satu flex container di <header> */
  .pkp_head_wrapper,
  .pkp_site_nav_menu {
    display: contents !important;
  }

  header.pkp_structure_head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    padding-top: 0 !important;
    padding-bottom: 0 !important;   /* hilangkan strip gold di bawah menu */
  }

  /* --- Baris 1 kiri: Logo | Judul | garis | ISSN --- */

  .pkp_site_name_wrapper {
    order: 1;
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    gap: 1.15rem;
    min-width: 0;
    padding: 18px 0.5rem 18px var(--hnf-pad);
  }
  .pkp_site_name_wrapper .pkp_site_name { order: 1; }
  .pkp_site_name_wrapper h1.pkp_screen_reader { order: 2; }
  .pkp_site_name_wrapper::after { order: 3; }
  .pkp_site_name_wrapper .pkp_site_nav_toggle { display: none !important; }

  .pkp_site_name img {
    max-height: 56px !important;
    width: auto !important;
    display: block;
  }

  /* Judul jurnal (default disembunyikan tema) ditampilkan lagi */
  .pkp_site_name_wrapper h1.pkp_screen_reader {
    position: static !important;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
    clip: auto !important;
    clip-path: none !important;
    white-space: normal !important;
    margin: 0;
    font-size: 1.22rem;
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: 0.2px;
    color: var(--hnf-on-gold);
    max-width: 400px;
  }

  /* Blok ISSN / URL / Email  -- GANTI TEKSNYA */
  .pkp_site_name_wrapper::after {
    content: "p-ISSN: 0000-0000\00000Ae-ISSN: 0000-0000\00000Ahttps://nuwoinstitute.com/legispolis\00000Anuwoinstitute@gmail.com";
    display: block;
    white-space: pre-line;
    border-left: 2px solid rgba(26, 26, 26, 0.28);
    padding-left: 1.15rem;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.6;
    color: var(--hnf-on-gold);
    opacity: 0.88;
  }

  /* --- Baris 1 kanan: Register / Login (pojok kanan atas) --- */

  #navigationUserWrapper,
  .pkp_navigation_user_wrapper {
    order: 2;
    flex: 0 0 auto;
    position: static !important;   /* <-- kunci perbaikan */
    float: none !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    bottom: auto !important;
    width: auto !important;
    margin: 0 0 0 auto !important;
    align-self: flex-start;
    padding: 14px var(--hnf-pad) 0 0.5rem;
  }

  ul#navigationUser.pkp_navigation_user {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  ul#navigationUser > li { margin: 0; }

  ul#navigationUser > li > a {
    display: block;
    font-size: 0.76rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.4px;
    text-decoration: none;
    padding: 6px 16px !important;
    border-radius: 999px;
    white-space: nowrap;
    transition: background .15s ease, box-shadow .15s ease;
  }
  /* Item pertama (Register / nama user) = outline */
  ul#navigationUser > li:first-child > a {
    border: 1.5px solid rgba(26, 26, 26, 0.45);
  }
  ul#navigationUser > li:first-child > a:hover {
    background: rgba(255, 255, 255, 0.35);
    text-decoration: none !important;
  }
  /* Item kedua (Login) = pil putih solid */
  ul#navigationUser > li:nth-child(2) > a {
    background: #ffffff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  }
  ul#navigationUser > li:nth-child(2) > a:hover {
    background: var(--hnf-cream);
    text-decoration: none !important;
  }

  /* --- Baris 2: bar menu full-width + Search di kanan --- */

  .pkp_navigation_primary_row {
    order: 3;
    flex: 1 0 100%;
    width: 100%;
  }

  .pkp_navigation_primary_wrapper {
    /* krem lembut, bukan putih polos, biar menyatu dengan gold */
    background: linear-gradient(180deg, #fffdf8 0%, #fbf3e2 100%) !important;
    border-bottom: 3px solid var(--hnf-gold-dark) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9),
                0 2px 6px rgba(0, 0, 0, 0.08);
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 var(--hnf-pad);
  }

  .pkp_navigation_primary_wrapper ul.pkp_navigation_primary,
  .pkp_navigation_primary_wrapper ul#navigationPrimary {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
  }

  /* Tema sudah kasih hover gold + garis bawah, kita rapikan spasinya */
  .pkp_navigation_primary_wrapper ul#navigationPrimary > li > a,
  .pkp_navigation_primary_wrapper ul.pkp_navigation_primary > li > a {
    padding: 15px 18px !important;
    margin-bottom: -3px;
  }

  .pkp_navigation_search_wrapper {
    margin-left: auto;
    padding-left: 1.1rem;
    border-left: 1px solid rgba(26, 26, 26, 0.12);
  }
  .pkp_navigation_search_wrapper a.pkp_search {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    color: var(--hnf-blue) !important;
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    text-decoration: none;
    padding: 0.55rem 0;
  }
  .pkp_navigation_search_wrapper a.pkp_search:hover {
    color: var(--hnf-gold-dark) !important;
  }
}

/* Mobile: cukup tambahkan ISSN ringkas, layout tema tidak diubah */
@media (max-width: 899px) {
  .pkp_site_name_wrapper::after {
    content: "p-ISSN: 0000-0000  |  e-ISSN: 0000-0000";
    display: block;
    font-size: 0.68rem;
    font-weight: 600;
    color: var(--hnf-on-gold);
    opacity: 0.9;
    margin-top: 0.4rem;
  }
}

/* =====================================================================
   FOOTER
   - "PUBLISHED BY" disejajarkan dengan gutter logo & menu di header
   - Logo NUWO dan logo OJS/PKP dibuat rata kanan & sejajar
   ===================================================================== */

.pkp_footer_content td {
  vertical-align: top;
}

/* Kolom kiri sejajar dengan logo header (gutter sama) */
.pkp_footer_content td:first-child {
  padding-left: var(--hnf-pad) !important;
  padding-right: 24px !important;
}

/* Kolom kanan: logo NUWO rata kanan, bukan center */
.pkp_footer_content td:last-child {
  text-align: right !important;
  padding-right: var(--hnf-pad) !important;
}
.pkp_footer_content td:last-child img {
  max-width: 120px !important;
  width: 120px !important;
  height: auto !important;
  display: block;
  margin: 0 0 8px auto !important;
}
.pkp_footer_content td:last-child p {
  text-align: right !important;
  margin: 0;
}

/* Logo "Platform & workflow by OJS/PKP" disamakan lebar & rata kanan
   sehingga tepi kanannya lurus dengan logo NUWO di atasnya */
.pkp_brand_footer {
  text-align: right !important;
  padding-right: var(--hnf-pad) !important;
  margin-top: 4px !important;
}
.pkp_brand_footer img {
  max-width: 120px !important;
  width: 120px !important;
  height: auto !important;
  display: inline-block;
}

/* Mobile footer: kembalikan ke tumpukan tengah */
@media (max-width: 767px) {
  .pkp_footer_content td:first-child {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .pkp_footer_content td:last-child,
  .pkp_footer_content td:last-child p {
    text-align: center !important;
    padding-right: 0 !important;
  }
  .pkp_footer_content td:last-child img {
    margin: 0 auto 8px !important;
  }
  .pkp_brand_footer {
    text-align: center !important;
    padding-right: 0 !important;
  }
}