body {
    background: url("https://vmdjournals.com/public/site/images/vmd/background-169de814a3d3b1c2a8b3042b3adb8887.png");
}

.pkp_structure_footer_wrapper {
    background: transparent;
}


/* garis tepi */
.pkp_structure_main:first-child:last-child:before {
    visibility: hidden;
}
.pkp_structure_main:first-child:last-child::after {
    visibility: hidden;
}

/* lebar layar */
.pkp_structure_main{
    /* width: auto; */
}

/* --- Mengubah container utama daftar jurnal menjadi Grid Flex --- */
.pkp_page_index .journals > ul {
    display: flex ;
    flex-wrap: wrap ;
    gap: 25px ; /* Jarak antar kotak jurnal */
    padding: 0 ;
    margin: 0 ;
    list-style: none ;
    justify-content: center ; /* Membuat barisan kotak berada di tengah jika ada sisa ruang */
}

/* --- Mengatur kotak tiap jurnal agar fleksibel mengikuti lebar layar --- */
.pkp_page_index .journals > ul > li {
    flex: 1 1 280px ; 
    max-width: 365px ;
    box-sizing: border-box ;
    
    margin: 0 ; /* Reset margin bawaan OJS */
    padding: 25px 20px ;
    border: 1px solid #e1e1e1 ;
    border-radius: 12px ; /* Membuat sudut petakan melengkung halus */
    background-color: #ffffff ;
    
    /* --- Menambahkan Efek Bayangan (Box Shadow) --- */
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08) ; 
    transition: transform 0.2s ease, box-shadow 0.2s ease ;
    
    display: flex ;
    flex-direction: column ; /* Menyusun elemen di dalamnya ke bawah */
    align-items: center ; 
    text-align: center ; 
    float: none ; 
}

/* --- Efek Hover saat Kursor di Atas Kotak Jurnal --- */
.pkp_page_index .journals > ul > li:hover {
    transform: translateY(-4px) ;
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.12) ;
}

/* --- Mengatur Cover Jurnal (Paling Atas) --- */
.pkp_page_index .journals .thumb {
    float: none ; 
    width: 100% ;
    max-width: 180px ; 
    margin: 0 0 18px 0 ; /* Jarak bawah cover ke judul */
    padding: 0 ;
}

.pkp_page_index .journals .thumb img {
    margin: 0 auto ;
    max-height: 240px ; 
    object-fit: contain ;
    border-radius: 4px ;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1) ;
}

/* --- Mengatur Area Konten (Judul, Deskripsi, Tombol) --- */
.pkp_page_index .journals .thumb + .body {
    float: none ; 
    width: 100% ;
    margin: 0 ;
    padding: 0 ;
    display: flex ;
    flex-direction: column ;
    flex-grow: 1 ; 
}

/* --- Mengatur Judul Jurnal (Pemotongan per Kata Akhir) --- */
.pkp_page_index .journals h3 {
    margin: 0 0 12px 0 ;
    font-size: 15px ;
    line-height: 1.4 ;
    font-weight: 700 ;
    
    word-break: keep-all ; 
    overflow-wrap: break-word ; 
    word-wrap: break-word ;
    min-height: 42px ; 
}

/* --- Mengatur Deskripsi Jurnal --- */
.pkp_page_index .journals p {
    font-size: 13px ;
    color: #555555 ;
    margin: 0 0 25px 0 ;
    line-height: 1.5 ;
    
    word-break: break-word ; 
    overflow-wrap: break-word ;
    flex-grow: 1 ; 
}

/* --- Mengatur Barisan Tombol Link Jurnal --- */
.pkp_page_index .journals .links {
    margin-top: auto ; /* Memaksa tombol menetap pas di dasar kotak */
    padding: 0 ;
    display: flex ;
    justify-content: center ;
    gap: 10px ; /* Jarak antar tombol sampingan */
    flex-wrap: nowrap ; /* Menjaga tombol tetap sejajar berdua */
    width: 100% ;
}

.pkp_page_index .journals .links li {
    margin: 0 ; 
    display: inline-block ;
    flex: 1 1 50% ; /* Membagi tombol kiri dan kanan sama rata */
}

/* =========================================================================
   SULAP TAUTAN MENJADI BUTTON ESTETIK TEMA BIRU
   ========================================================================= */

/* --- Tombol Utama: View Journal (Biru Solid) --- */
.pkp_page_index .journals .links li a {
    display: block ;
    padding: 10px 12px ;
    font-size: 12px ;
    font-weight: 600 ;
    text-transform: uppercase ; /* Membuat teks jadi kapital anggun */
    letter-spacing: 0.5px ;
    text-decoration: none ;
    border-radius: 6px ;
    text-align: center ;
    transition: all 0.25s ease-in-out ; /* Animasi transisi smooth */
    
    /* Set warna tema biru utama */
    background-color: #005691 ; 
    color: #ffffff ;
    border: 2px solid #005691 ;
    box-shadow: 0 2px 4px rgba(0, 86, 145, 0.2) ;
}

/* Animasi Hover View Journal: Berubah warna sedikit terang & terangkat naik */
.pkp_page_index .journals .links li a:hover {
    background-color: #0073bc ;
    border-color: #0073bc ;
    color: #ffffff ;
    transform: translateY(-2px) ;
    box-shadow: 0 4px 8px #002944
}