.tombol-submission {
    display: block;
    background-color: #4682b4;
    color: #ffffff !important;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    padding: 4px;
    border-radius: 4px;
    text-decoration: none !important;
    margin-bottom: 15px;
    transition: background-color 0.3s ease;
}

.tombol-submission:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
}

.pkp_brand_footer {
    display: none !important;
}

/* ========================================================
   PERBAIKAN SUPER AGRESIF ANTI-GEPENG (UPDATE)
   ======================================================== */

/* 1. Memaksa susunan vertikal dan mencegah distorsi flexbox */
.obj_issue_toc .heading {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important; 
}

/* 2. Mengatur bingkai cover */
.obj_issue_toc .heading .cover {
    width: 100% !important;
    max-width: 400px !important; 
    margin-bottom: 20px !important;
    display: block !important;
}

/* 3. Mengunci tinggi gambar & memaksa objek mempertahankan rasio asli */
.obj_issue_toc .heading .cover img {
    width: 100% !important;
    height: auto !important; /* Wajib auto agar tingginya mengikuti proporsi lebar */
    max-height: none !important; /* Menghapus jika ada batasan tinggi dari tema bawaan */
    min-height: auto !important;
    object-fit: contain !important; /* Senjata pamungkas agar gambar tidak melar/gepeng */
    display: block !important;
}

/* 4. Deskripsi di bawahnya */
.obj_issue_toc .heading .description {
    width: 100% !important;
    display: block !important;
}

/* ========================================================
   GARIS PEMBATAS UNTUK CURRENT ISSUE (REVISI)
   ======================================================== */
.current_issue {
    border-top: 1px solid #bbbbbb !important; /* Warna abu-abu yang sedikit lebih jelas */
    padding-top: 30px !important;
    margin-top: 40px !important;
    display: block !important;
    width: 100% !important;
}

/* ========================================================
   MENGGANTI TEKS VIEW ALL ISSUES
   ======================================================== */
.current_issue .read_more {
    font-size: 0 !important; /* Menyembunyikan teks bawaan OJS */
}

.current_issue .read_more::before {
    content: "View All Issues (2026 - now) \276F" !important; /* Teks baru (\276F adalah kode untuk ikon panah tebal) */
    font-size: 14px !important; /* Mengembalikan ukuran huruf */
    font-weight: 700 !important; /* Membuat tulisan menjadi tebal */
    color: #007ab2 !important; /* Warna biru standar tautan OJS */
    cursor: pointer;
}

.current_issue .read_more:hover::before {
    color: #004b6e !important; /* Warna biru sedikit lebih gelap saat kursor diarahkan */
    text-decoration: underline;
}

/* Mengurangi jarak di bawah bagian About the Journal */
.homepage_about {
    margin-bottom: 15px !important;
    padding-bottom: 0 !important;
}

/* Mengurangi margin pada garis pemisah jika ada */
.homepage hr {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

/* Mengurangi jarak di atas bagian Current Issue */
.current_issue {
    margin-top: 15px !important;
    padding-top: 0 !important;
}

/* 1. Mengurangi jarak antara tanggal 'Published' dan judul kategori pertama */
.obj_issue_toc .heading {
    margin-bottom: 0px !important;
}
.obj_issue_toc .sections {
    margin-top: 0px !important;
}

/* 2. Mengurangi jarak antara artikel terakhir (tombol PDF) dan judul kategori berikutnya */
.obj_issue_toc .section {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}

/* Mengurangi jarak ruang kosong di bawah daftar artikel */
.cmp_article_list {
    margin-bottom: 0px !important;
}