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

/* =========================================================
   JID OJS 3 — SIDEBAR CUSTOM DESIGN
   COLOR & FONT REVISION ONLY
   ========================================================= */

.pkp_structure_sidebar {
    padding: 0 0 20px 20px;
    font-family: "Poppins", "Segoe UI", Arial, sans-serif;
}

.pkp_structure_sidebar .pkp_block {
    background: #01468F; /* FIX: sebelumnya #ffffff -> celah putih di sekitar item */
    border: 1px solid #dbe4f0;
    border-radius: 10px;
    padding: 0;
    margin: 0 0 18px 0;
    overflow: hidden;
    box-sizing: border-box; /* FIX: hitung border di dalam lebar */
    box-shadow: 0 3px 10px rgba(15, 45, 80, 0.08);
}

.pkp_structure_sidebar .pkp_block .title {
    display: block;
    margin: 0;
    padding: 14px 17px;
    background: #012F5F;
    color: #FFFFFF;
    font-family: "Segoe UI", "Helvetica Neue", Roboto, Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    border: none;
    box-sizing: border-box; /* FIX */
}

.pkp_structure_sidebar .pkp_block .content {
    padding: 15px 17px;
    background: #01468F; /* FIX: sebelumnya #ffffff -> area kosong putih */
    box-sizing: border-box; /* FIX */
}

.pkp_structure_sidebar .pkp_block a {
    display: block;
    background: #01468F;
    color: #FFFFFF;
    font-family: "Segoe UI", "Helvetica Neue", Roboto, Arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.6;
    text-decoration: none;
    padding: 8px 10px;
    margin: 2px 0;
    border-radius: 6px;
    transition:
        background-color 0.2s ease,
        color 0.2s ease,
        padding-left 0.2s ease;
}

.pkp_structure_sidebar .pkp_block a:hover {
    background: #012F5F;
    color: #FFFFFF;
    padding-left: 15px;
    text-decoration: none;
}

.pkp_structure_sidebar .pkp_block a:focus,
.pkp_structure_sidebar .pkp_block a:active {
    background: #012F5F;
    color: #FFFFFF;
    outline: none;
}

.pkp_structure_sidebar .pkp_block ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.pkp_structure_sidebar .pkp_block li {
    margin: 0;
    padding: 0;
}

.pkp_structure_sidebar .pkp_block li + li {
    border-top: 1px solid rgba(255, 255, 255, 0.25); /* FIX: selaras dengan latar biru */
}

.pkp_structure_sidebar .pkp_block p {
    color: #FFFFFF;
    font-family: "Segoe UI", "Helvetica Neue", Roboto, Arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.7;
    margin: 0 0 10px 0;
}

.pkp_structure_sidebar .pkp_block a[href*="/login"],
.pkp_structure_sidebar .pkp_block a[href*="/submissions"] {
    font-weight: bold;
    font-family: "Segoe UI", "Helvetica Neue", Roboto, Arial, sans-serif;
    color: #FFFFFF;
    background: #01468F;
}

.pkp_structure_sidebar .pkp_block a[href*="/about/submissions"] {
    background: #01468F;
    color: #FFFFFF;
    font-weight: bold;
    font-family: "Segoe UI", "Helvetica Neue", Roboto, Arial, sans-serif;
    margin-top: 7px;
    /* REVISI 3: text-align:center dan padding 10px 12px dihapus agar sejajar item lain */
}

.pkp_structure_sidebar .pkp_block a[href*="/about/submissions"]:hover {
    background: #012F5F;
    color: #FFFFFF;
    /* REVISI 3: padding-left:12px dihapus, ikut efek hover item lain (15px) */
}

.pkp_structure_sidebar .pkp_block img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 5px auto 12px auto;
    border-radius: 6px;
    border: 1px solid #dbe4f0;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.pkp_structure_sidebar .pkp_block img:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(15, 45, 80, 0.15);
}

.pkp_structure_sidebar .pkp_block a img {
    margin-bottom: 5px;
}

.pkp_structure_sidebar .pkp_block ul li a {
    position: relative;
    padding-left: 13px;
    background: #01468F;
    color: #FFFFFF;
    font-family: "Segoe UI", "Helvetica Neue", Roboto, Arial, sans-serif;
    font-weight: bold;
}

.pkp_structure_sidebar .pkp_block ul li a::before {
    content: "›";
    position: absolute;
    left: 2px;
    top: 50%;
    transform: translateY(-50%);
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 700;
    transition: left 0.2s ease;
}

.pkp_structure_sidebar .pkp_block ul li a:hover::before {
    left: 5px;
}

.pkp_structure_sidebar .pkp_block a[href*="/information/"] {
    padding-left: 13px;
    background: #01468F;
    color: #FFFFFF;
    font-family: "Segoe UI", "Helvetica Neue", Roboto, Arial, sans-serif;
    font-weight: bold;
}

.pkp_structure_sidebar .pkp_block input[type="text"],
.pkp_structure_sidebar .pkp_block input[type="search"],
.pkp_structure_sidebar .pkp_block input[type="email"] {
    width: 100%;
    box-sizing: border-box;
    padding: 10px 12px;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    font-family: "Segoe UI", "Helvetica Neue", Roboto, Arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
}

.pkp_structure_sidebar .pkp_block input:focus {
    border-color: #012F5F;
    outline: none;
    box-shadow: 0 0 0 2px rgba(30, 58, 138, 0.12);
}

.pkp_structure_sidebar .pkp_block button,
.pkp_structure_sidebar .pkp_block input[type="submit"] {
    background: #01468F;
    color: #FFFFFF;
    border: none;
    border-radius: 6px;
    padding: 9px 15px;
    font-family: "Segoe UI", "Helvetica Neue", Roboto, Arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
}

.pkp_structure_sidebar .pkp_block button:hover,
.pkp_structure_sidebar .pkp_block input[type="submit"]:hover {
    background: #012F5F;
}

.pkp_structure_sidebar .pkp_block h1,
.pkp_structure_sidebar .pkp_block h2,
.pkp_structure_sidebar .pkp_block h3,
.pkp_structure_sidebar .pkp_block h4 {
    color: #FFFFFF;
    font-family: "Segoe UI", "Helvetica Neue", Roboto, Arial, sans-serif;
    font-weight: bold;
}

.pkp_structure_sidebar .pkp_block small {
    color: #FFFFFF;
    font-family: "Segoe UI", "Helvetica Neue", Roboto, Arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
    line-height: 1.5;
}

@media (max-width: 992px) {
    .pkp_structure_sidebar {
        padding: 20px 0 0 0;
    }

    .pkp_structure_sidebar .pkp_block {
        margin-bottom: 15px;
    }
}

@media (max-width: 600px) {
    .pkp_structure_sidebar {
        padding: 15px 0;
    }

    .pkp_structure_sidebar .pkp_block {
        border-radius: 8px;
        margin-bottom: 14px;
    }

    .pkp_structure_sidebar .pkp_block .title {
        font-size: 13px;
        padding: 12px 14px;
    }

    .pkp_structure_sidebar .pkp_block .content {
        padding: 12px 14px;
    }

    .pkp_structure_sidebar .pkp_block a {
        font-size: 13px;
        padding: 8px;
    }
}


/* =========================================================
   FIX: BAR MENU FULL-WIDTH (tepi kiri sampai tepi kanan blok)
   Hanya menghilangkan inset/lebar sempit; desain lain tidak diubah.
   !important dipakai karena ada CSS/inline style lain yang
   menyempitkan bar (terlihat pada tangkapan layar).
   ========================================================= */

/* 1. Padding kiri-kanan area konten dihapus agar bar menempel ke tepi blok.
      Padding atas-bawah tetap seperti semula. */
.pkp_structure_sidebar .pkp_block .content {
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
}

/* 2. Teks/form langsung di dalam konten tetap diberi jarak kiri-kanan
      yang sama seperti sebelumnya (17px). */
.pkp_structure_sidebar .pkp_block .content > p,
.pkp_structure_sidebar .pkp_block .content > small,
.pkp_structure_sidebar .pkp_block .content > form {
    padding-left: 17px;
    padding-right: 17px;
    box-sizing: border-box;
}

/* 3. Pembungkus bar: lebar penuh, tanpa margin samping/max-width/float. */
.pkp_structure_sidebar .pkp_block .content div,
.pkp_structure_sidebar .pkp_block .content ul,
.pkp_structure_sidebar .pkp_block .content li,
.pkp_structure_sidebar .pkp_block .content h1,
.pkp_structure_sidebar .pkp_block .content h2,
.pkp_structure_sidebar .pkp_block .content h3,
.pkp_structure_sidebar .pkp_block .content h4,
.pkp_structure_sidebar .pkp_block .content h5,
.pkp_structure_sidebar .pkp_block .content h6 {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
    float: none !important;
}

/* 4. ul/li tidak boleh menyisakan celah di kiri-kanan bar. */
.pkp_structure_sidebar .pkp_block .content ul,
.pkp_structure_sidebar .pkp_block .content li {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.pkp_structure_sidebar .pkp_block .content li {
    display: block !important;
}

/* 5. Link = bar penuh (bukan hanya selebar teks).
      padding-left/right asli tidak diubah, jadi posisi teks tetap. */
.pkp_structure_sidebar .pkp_block .content a,
.pkp_structure_sidebar .pkp_block .content ul li a,
.pkp_structure_sidebar .pkp_block .content a[href*="/information/"],
.pkp_structure_sidebar .pkp_block .content a[href*="/about/submissions"] {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
    float: none !important;
}

/* 6. Gambar yang dibungkus link (mis. tombol Journal Template)
      tidak boleh melebihi bar. */
.pkp_structure_sidebar .pkp_block .content a img {
    max-width: 100%;
    box-sizing: border-box;
}


/* =========================================================
   REVISI 2 — BAR BENAR-BENAR PENUH + HAPUS JUDUL GANDA
   Spesifisitas dinaikkan (html body ...) agar mengalahkan CSS
   lain di situs yang masih menyisakan jarak ~12px di kiri-kanan.
   ========================================================= */

/* A. Blok dan area konten: tanpa padding/margin samping */
html body .pkp_structure_sidebar .pkp_block {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

html body .pkp_structure_sidebar .pkp_block .content {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
}

/* B. Pembungkus menu (elemen yang langsung membungkus daftar/link):
      tanpa padding & margin samping, lebar penuh */
html body .pkp_structure_sidebar .pkp_block .content div:has(> ul),
html body .pkp_structure_sidebar .pkp_block .content div:has(> a),
html body .pkp_structure_sidebar .pkp_block .content nav,
html body .pkp_structure_sidebar .pkp_block .content ul,
html body .pkp_structure_sidebar .pkp_block .content li {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
    float: none !important;
}

/* C. Bar (link) penuh dari kiri ke kanan; padding dalam link tetap
      (posisi teks tidak berubah), kecuali padding-left item daftar */
html body .pkp_structure_sidebar .pkp_block .content a {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
    float: none !important;
}


/* =========================================================
   REVISI 3
   - Judul ganda dihapus (1 judul per blok)
   - Judul menyentuh tepi atas kotak
   - Font lebih nyaman dibaca (ukuran tidak diubah)
   Posisi bar kiri-kanan dari Revisi 2 tidak diubah.
   ========================================================= */

/* A. JUDUL GANDA: judul biru tua bawaan blok disembunyikan, sehingga
      tiap blok hanya memakai satu judul (judul bergradien di dalam
      konten), sama seperti blok Additional Menu dan Tools. */
html body .pkp_structure_sidebar .pkp_block > .title {
    display: none !important;
}

/* B. JUDUL MENYENTUH TEPI ATAS KOTAK: celah 15px di atas konten dihapus.
      Padding bawah tetap. */
html body .pkp_structure_sidebar .pkp_block .content {
    padding-top: 0 !important;
}

html body .pkp_structure_sidebar .pkp_block .content > :first-child,
html body .pkp_structure_sidebar .pkp_block .content > :first-child > :first-child {
    margin-top: 0 !important;
}

html body .pkp_structure_sidebar .pkp_block .content > div:first-child:has(a, ul) {
    padding-top: 0 !important;
}

/* C. FONT: sans-serif yang lebih mudah dibaca untuk seluruh teks sidebar.
      Hanya font-family yang diubah; ukuran, bold, dan warna tetap. */
html body .pkp_structure_sidebar .pkp_block,
html body .pkp_structure_sidebar .pkp_block .content,
html body .pkp_structure_sidebar .pkp_block .content *,
html body .pkp_structure_sidebar .pkp_block button,
html body .pkp_structure_sidebar .pkp_block input {
    font-family: "Segoe UI", "Helvetica Neue", Roboto, Arial, sans-serif !important;
}


/* =========================================================
   REVISI 4
   - Baris kosong di paling bawah tiap blok dihilangkan
   - Warna biru item mengikuti biru header (#01468F)
   Posisi dan tata letak lain tidak diubah.
   ========================================================= */

/* A. Penyebab utama: padding-bawah 15px pada .content */
html body .pkp_structure_sidebar .pkp_block .content {
    padding-bottom: 0 !important;
}

/* B. Margin bawah elemen paling akhir (item, gambar, pembungkus) dinolkan */
html body .pkp_structure_sidebar .pkp_block .content > :last-child,
html body .pkp_structure_sidebar .pkp_block .content > :last-child > :last-child,
html body .pkp_structure_sidebar .pkp_block .content > :last-child > :last-child > :last-child,
html body .pkp_structure_sidebar .pkp_block .content > :last-child > :last-child > :last-child > :last-child,
html body .pkp_structure_sidebar .pkp_block .content > :last-child > :last-child > :last-child > :last-child > :last-child {
    margin-bottom: 0 !important;
}

/* C. Pembungkus terakhir (bukan link/bar) tanpa padding bawah.
      Padding di dalam bar (link) tidak diubah. */
html body .pkp_structure_sidebar .pkp_block .content > div:last-child,
html body .pkp_structure_sidebar .pkp_block .content > div:last-child > div:last-child,
html body .pkp_structure_sidebar .pkp_block .content ul:last-child,
html body .pkp_structure_sidebar .pkp_block .content nav:last-child {
    padding-bottom: 0 !important;
}

/* D. Elemen kosong atau <br> di akhir yang membuat baris kosong */
html body .pkp_structure_sidebar .pkp_block .content :is(p, div, li, span):empty,
html body .pkp_structure_sidebar .pkp_block .content br:last-child {
    display: none !important;
}


/* =========================================================
   REVISI 5
   1. Garis tipis antara Login dan Submit Articles dihapus
   2. Sisa baris kosong di bawah Submit Articles dihapus
   3. Ikon Reader / Author / Librarians (menggantikan kotak-kotak)
   4. Gambar header jurnal memanjang penuh kiri-kanan layar
   5. Footer berlatar biru seperti sidebar
   Semua desain dan posisi lain tidak diubah.
   ========================================================= */

/* 1. Garis tipis antara Login dan Submit Articles */
html body .pkp_structure_sidebar .pkp_block:has(a[href*="login" i]) li + li,
html body .pkp_structure_sidebar .pkp_block li:nth-child(2):last-child:has(> a[href*="submissions"]) {
    border-top: none !important;
}

/* 2. Sisa ruang kosong di bawah item terakhir tiap daftar */
html body .pkp_structure_sidebar .pkp_block .content li:last-child,
html body .pkp_structure_sidebar .pkp_block .content li:last-child > a,
html body .pkp_structure_sidebar .pkp_block .content ul:last-of-type {
    margin-bottom: 0 !important;
}

html body .pkp_structure_sidebar .pkp_block .content li:last-child,
html body .pkp_structure_sidebar .pkp_block .content ul:last-of-type {
    padding-bottom: 0 !important;
}

/* 3. Ikon Information: pakai gambar SVG putih, bukan karakter font
      (karakter lama tampil sebagai kotak karena font ikon tidak termuat) */
html body .pkp_structure_sidebar .pkp_block .content a[href*="/information/readers"]::before,
html body .pkp_structure_sidebar .pkp_block .content a[href*="/information/authors"]::before,
html body .pkp_structure_sidebar .pkp_block .content a[href*="/information/librarians"]::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    left: 9px !important;
    top: 50% !important;
    width: 14px !important;
    height: 14px !important;
    transform: translateY(-50%) !important;
    font-size: 0 !important;
    line-height: 0 !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
}

/* Reader = buku terbuka */
html body .pkp_structure_sidebar .pkp_block .content a[href*="/information/readers"]::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M2 5q4.7-2 9.4 1v14q-4.7-3-9.4-1z M22 5q-4.7-2-9.4 1v14q4.7-3 9.4-1z'/%3E%3C/svg%3E") !important;
}

/* Author = pensil */
html body .pkp_structure_sidebar .pkp_block .content a[href*="/information/authors"]::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04a.996.996 0 000-1.41l-2.34-2.34a.996.996 0 00-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z'/%3E%3C/svg%3E") !important;
}

/* Librarians = gedung perpustakaan */
html body .pkp_structure_sidebar .pkp_block .content a[href*="/information/librarians"]::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M4 10v7h3v-7H4zm6 0v7h3v-7h-3zM2 19v3h19v-3H2zm14-9v7h3v-7h-3zm-4.5-9L2 6v2h19V6l-9.5-5z'/%3E%3C/svg%3E") !important;
}

/* Jika ikon lama berupa elemen <i>/<span>, sembunyikan agar tidak dobel */
html body .pkp_structure_sidebar .pkp_block .content a[href*="/information/readers"] > i,
html body .pkp_structure_sidebar .pkp_block .content a[href*="/information/authors"] > i,
html body .pkp_structure_sidebar .pkp_block .content a[href*="/information/librarians"] > i,
html body .pkp_structure_sidebar .pkp_block .content a[href*="/information/readers"] > .fa,
html body .pkp_structure_sidebar .pkp_block .content a[href*="/information/authors"] > .fa,
html body .pkp_structure_sidebar .pkp_block .content a[href*="/information/librarians"] > .fa {
    display: none !important;
}

/* 4. (Dibatalkan di Revisi 6: gambar header kembali ke ukuran semula) */

html body {
    overflow-x: hidden;
}

/* 5. Footer: latar biru sama dengan sidebar, teks putih */
html body .pkp_structure_footer_wrapper {
    background: #01468F !important;
    color: #FFFFFF !important;
}

html body .pkp_structure_footer_wrapper .pkp_structure_footer,
html body .pkp_structure_footer_wrapper .pkp_footer_content,
html body .pkp_structure_footer_wrapper .pkp_brand_footer {
    background: transparent !important;
    color: #FFFFFF !important;
}

html body .pkp_structure_footer_wrapper p,
html body .pkp_structure_footer_wrapper li,
html body .pkp_structure_footer_wrapper span,
html body .pkp_structure_footer_wrapper div,
html body .pkp_structure_footer_wrapper h1,
html body .pkp_structure_footer_wrapper h2,
html body .pkp_structure_footer_wrapper h3,
html body .pkp_structure_footer_wrapper h4,
html body .pkp_structure_footer_wrapper a,
html body .pkp_structure_footer_wrapper a:visited {
    color: #FFFFFF !important;
}

html body .pkp_structure_footer_wrapper a:hover,
html body .pkp_structure_footer_wrapper a:focus {
    color: #FFFFFF !important;
    text-decoration: underline;
}


/* =========================================================
   REVISI 6
   1. Ikon Information tidak menyatu dengan teks
   2. Bidang header, navbar, dan footer memanjang penuh kiri-kanan
      layar (seperti Theologia In Loco). Konten tetap di container;
      ukuran gambar header kembali seperti semula.
   ========================================================= */

/* 1. Ikon Information: beri ruang teks di kanan ikon.
      Ikon di kiri 9px (lebar 14px), teks mulai di 30px. */
html body .pkp_structure_sidebar .pkp_block .content a[href*="/information/readers"],
html body .pkp_structure_sidebar .pkp_block .content a[href*="/information/authors"],
html body .pkp_structure_sidebar .pkp_block .content a[href*="/information/librarians"] {
    position: relative !important;
    padding-left: 30px !important;
}

html body .pkp_structure_sidebar .pkp_block .content a[href*="/information/readers"]:hover,
html body .pkp_structure_sidebar .pkp_block .content a[href*="/information/authors"]:hover,
html body .pkp_structure_sidebar .pkp_block .content a[href*="/information/librarians"]:hover {
    padding-left: 34px !important;
}

/* 2a. Bidang biru header (di belakang gambar) memanjang penuh layar.
       Warna #01468F diambil dari warna gambar header. */
html body .pkp_site_name_wrapper {
    position: relative;
    z-index: 0;
}

html body .pkp_site_name_wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 100vw;
    transform: translateX(-50%);
    background: #01468F;
    z-index: -1;
    pointer-events: none;
}

/* 2b. Navbar: gradien biru-abu memanjang ke kiri dan kanan layar.
       Warna ujung kiri/kanan mengikuti ujung gradien navbar. */
html body .pkp_navigation_primary_row {
    position: relative;
}

html body .pkp_navigation_primary_row::before,
html body .pkp_navigation_primary_row::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100vw;
    pointer-events: none;
}

html body .pkp_navigation_primary_row::before {
    right: 100%;
    background: #004E99;
}

html body .pkp_navigation_primary_row::after {
    left: 100%;
    background: #3A3D3A;
}

/* 2c. Footer: latar biru memanjang penuh layar, isi tetap di container */
html body .pkp_structure_footer_wrapper {
    box-shadow: 0 0 0 100vmax #01468F;
    clip-path: inset(0 -100vmax); /* REVISI 8: dikembalikan, hanya kiri-kanan; tidak ada warna di bawah footer */
}


/* =========================================================
   REVISI 7
   1. Header (bidang biru di belakang gambar) memanjang penuh kiri-kanan
   2. Footer menyentuh batas bawah layar saat zoom out (tidak ada putih)
   3. Tulisan IUSTITIA DEI / Jurnal Teologi dan Agama di footer
   Semua yang lain tidak diubah.
   ========================================================= */

/* 1. Header: bidang biru #01468F selebar layar di belakang seluruh header.
      Dipasang pada elemen header utama OJS (di belakang konten, di atas
      latar halaman). Gambar, menu, dan navbar tidak berpindah. */
html body .pkp_structure_head {
    position: relative;
    z-index: 5;
}

html body .pkp_structure_head::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 100vw;
    transform: translateX(-50%);
    background: #01468F;
    z-index: -1;
    pointer-events: none;
}

/* 3. Tulisan merek di bagian paling atas isi footer.
      Emas champagne untuk judul, putih kebiruan untuk subjudul;
      font serif klasik (Cormorant Garamond bila terpasang, lalu Palatino/Georgia). */
html body .pkp_structure_footer_wrapper .pkp_footer_content::before {
    content: "";
    display: block;
    width: 100%;
    max-width: 380px;
    height: 76px;
    margin: 0 0 14px 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='380' height='76' viewBox='0 0 380 76'%3E%3Ctext x='0' y='30' font-family='Cormorant Garamond, Palatino Linotype, Book Antiqua, Palatino, Georgia, serif' font-size='30' font-weight='600' letter-spacing='6' fill='%23E3C27D'%3EIUSTITIA DEI%3C/text%3E%3Cline x1='0' y1='42' x2='70' y2='42' stroke='%23E3C27D' stroke-width='1' opacity='0.8'/%3E%3Ctext x='0' y='64' font-family='Cormorant Garamond, Palatino Linotype, Book Antiqua, Palatino, Georgia, serif' font-size='17' font-style='italic' letter-spacing='1.5' fill='%23DCE6F2'%3EJurnal Teologi dan Agama%3C/text%3E%3C/svg%3E") no-repeat left center;
    background-size: contain;
}


/* =========================================================
   REVISI 8
   Batas bawah halaman = garis paling bawah footer.
   - Pewarnaan di bawah footer (REVISI 7) dibatalkan.
   - Saat konten pendek / zoom out, FOOTER yang turun menempel ke
     batas bawah layar (sticky footer), sehingga tidak ada bidang
     apa pun di bawahnya. Saat konten panjang, tampilan tidak berubah.
   ========================================================= */
html body .pkp_structure_page {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    margin-bottom: 0 !important;
    box-sizing: border-box;
}

html body .pkp_structure_page > .pkp_structure_footer_wrapper {
    margin-top: auto;
    margin-bottom: 0 !important;
    flex-shrink: 0;
}


/* =========================================================
   REVISI 9
   1. Zoom out: celah/garis putih di sekitar header ditutup
      (atas, bawah, kanan).
   2. Zoom in (tampilan mobile): gambar header sejajar dengan tombol
      menu seperti Theologia In Loco, tidak menimpa teks.
   Desktop, sidebar, navbar, dan footer tidak diubah.
   ========================================================= */

/* 1a. Penyebab garis putih kanan dan bawah: gambar header sedikit lebih
       kecil dari kotaknya (pembulatan saat zoom) dan ada celah baris
       di bawah gambar, sehingga latar putih kotak terlihat.
       Latar kotak diberi biru yang sama dengan gambar (#01468F). */
html body .pkp_structure_head,
html body .pkp_head_wrapper,
html body .pkp_site_name_wrapper,
html body .pkp_site_name {
    background-color: #01468F !important;
}

html body .pkp_site_name a.is_img,
html body .pkp_site_name .is_img {
    display: block;
    line-height: 0;
}

html body .pkp_site_name img {
    vertical-align: top;
}

/* 1b. Garis putih di atas header: bidang biru diperpanjang ke atas */
html body .pkp_structure_head::before {
    top: -200px;
}

/* 2. Tampilan mobile / zoom in (lebar layar di bawah 992px):
      satu baris setinggi 64px berisi tombol menu di kiri dan gambar
      header di sebelahnya, sejajar secara vertikal. */
@media (max-width: 991px) {
    html body .pkp_structure_head,
    html body .pkp_head_wrapper {
        height: auto !important;
    }

    html body .pkp_site_name_wrapper {
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        height: 64px !important;
        min-height: 64px !important;
        margin: 0 !important;
        padding: 0 0 0 52px !important;
        box-sizing: border-box !important;
    }

    html body .pkp_site_name {
        position: static !important;
        display: flex !important;
        align-items: center !important;
        float: none !important;
        height: 64px !important;
        width: auto !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align: left !important;
    }

    html body .pkp_site_name a.is_img,
    html body .pkp_site_name .is_img {
        display: flex !important;
        align-items: center !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: 0 !important;
    }

    html body .pkp_site_name .is_img img,
    html body .pkp_site_name img {
        display: block !important;
        width: auto !important;
        height: auto !important;
        max-width: 100% !important;
        max-height: 56px !important;
        margin: 0 !important;
    }

    /* Tombol menu setinggi baris header, di kiri, sejajar dengan gambar */
    html body .pkp_site_nav_toggle {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 48px !important;
        height: 64px !important;
        margin: 0 !important;
    }
}


/* =========================================================
   REVISI 10
   1. Zoom in: ruang kosong + garis di atas konten dihilangkan
   2. Judul IUSTITIA DEI di Home: font elegan seperti pada header
   (Tampilan desktop di HP: lihat potongan <script> di balasan;
    CSS saja tidak bisa mengubah viewport.)
   ========================================================= */

/* 1. Menu navigasi mobile yang sedang tertutup tidak boleh memakai ruang.
      Saat tombol menu diklik (class --isOpen), menu tampil seperti biasa. */
@media (max-width: 991px) {
    html body .pkp_site_nav_menu:not(.pkp_site_nav_menu--isOpen) {
        display: none !important;
    }
}

/* 2. Judul IUSTITIA DEI di halaman Home.
      Cormorant Garamond = jenis huruf serif klasik berkontras tinggi
      yang sangat mirip dengan judul pada gambar header.
      Hanya font-family, ketebalan, dan jarak huruf yang diubah;
      ukuran dan warna tidak berubah. */
body.pkp_page_index .page_index_journal .journal_description > :is(h1, h2, h3):first-child,
body.pkp_page_index .page_index_journal .additional_content > :is(h1, h2, h3):first-child,
body.pkp_page_index .page_index_journal .homepage_about > :is(h1, h2, h3):first-child,
body.pkp_page_index .page_index_journal > :is(h1, h2, h3):first-child {
    font-family: "Cormorant Garamond", "Palatino Linotype", "Book Antiqua", Georgia, serif !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em;
}


/* =========================================================
   REVISI 11
   Bagian "Current Issue" dihilangkan dari halaman Home.
   - Hanya berlaku di halaman depan (body.pkp_page_index).
   - Menu "Current" di navbar, halaman /issue/current, dan
     halaman Archives TIDAK disembunyikan.
   - Semua desain dan posisi lain tidak diubah.
   ========================================================= */
html body.pkp_page_index .page_index_journal .current_issue,
html body.pkp_page_index .page_index_journal section.current_issue,
html body.pkp_page_index .page_index_journal div.current_issue,
html body.pkp_page_index .page_index_journal .current_issue_title,
html body.pkp_page_index .page_index_journal .current_issue + .read_more,
html body.pkp_page_index .page_index_journal a.read_more[href*="/issue/archive"] {
    display: none !important;
}