/* ==========================================================================
   6.3 JOURNALS PAGE SPECIFIC (Template: page-journals.php)
   ========================================================================== */

/* --- A. Layout Utama Halaman Journals --- */
.journals-page .mid-journals {
    width: 100% !important;
    max-width: 1300px !important; /* Disamakan dengan max-width standar project */
    margin: 0 auto;
    
    /* DISALARASKAN: Pakai 67px (tinggi navbar) atau sesuai padding .cont-projects */
    /* Jika .cont-projects pakai 100px, tetap gunakan 100px agar sejajar secara visual */
    padding: 10px 40px 50px !important; 
    
    font-weight: 400; /* Hubballi lebih aman di 400 daripada 100 yang terlalu tipis */
    color: #1A1A1A;
    box-sizing: border-box;
}

/* Menghilangkan garis bawah link secara global di area konten ini */
.journals-page .mid-journals a {
    text-decoration: none;
    color: inherit;
    outline: none;
}

/* --- B. Judul Halaman (Journals) --- */
.journals-page .big-font-journals {
    display: block !important;
    width: 100% !important;      /* Cabut kuncian 937px agar responsif */
    max-width: 100% !important;
    
    /* Margin diselaraskan: 0 atas (karena sudah ada padding di cont), 32px bawah */
    margin: 0 auto 32px auto !important; 

    /* Tipografi: Rujukan Standar Serasa.id */
    font-family: "Hubballi", sans-serif !important;
    font-size: 42px !important;    /* Selaras dengan Project & About */
    font-weight: 600 !important;    /* Selaras: Tajam & Berisi */
    text-align: center !important;
    text-transform: uppercase !important; /* Selaras: Kesan Arsitektural */
    color: #1A1A1A !important;
    
    line-height: 1.1;
    letter-spacing: 1px;
    -webkit-font-smoothing: antialiased;
}

/* --- C. Card Container (Daftar Jurnal) --- */
.card-journals {
    display: flex;
    gap: 30px;
    max-width: 936px;
    margin: 0 auto 15px auto;
    padding: 5px;
    cursor: pointer;
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.card-journals:hover {
    opacity: 0.8;
    transform: translateY(-2px);
    /* Efek angkat halus saat hover */
}

/* Container pembungkus gambar agar ukurannya kaku */
.journals-thumb {
    width: 204px;
    /* Kunci lebar */
    height: 204px;
    /* Kunci tinggi */
    flex-shrink: 0;
    /* Mencegah gambar menyusut saat teks panjang */
    overflow: hidden;
}

.journals-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* Memastikan gambar tidak gepeng */
    display: block;
    background-color: #D1CDC7;
}

/* --- D. Deskripsi Jurnal --- */
.description-journals {
    flex-grow: 1;
    /* Biarkan deskripsi mengambil sisa ruang di samping gambar */
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    /* Menjaga teks tetap di bawah sejajar bawah gambar */
    padding-bottom: 5px;
    border-bottom: 0.5px solid #D1CDC7;
    font-family: "Hubballi", sans-serif;
    color: #1A1A1A;
}

.description-journals h3 {
    font-size: 18.72px;
    font-weight: 500;
    margin: 18.72px 0;
    color: #1A1A1A;
    /* Judul jurnal lebih tegas */
}

.description-journals p {
    font-size: 15px;
    font-weight: 100;
    margin: 16px 0 0 0;
    color: #666666;
    /* Warna abu-abu untuk deskripsi agar tidak terlalu berat */
}

/* ==========================================================================
   SINGLE JOURNAL SPECIFIC (Template: single-journal.php)
   ========================================================================== */

/* 1. Container Utama (Latar Belakang & Padding) */
body.single-journal .main-content {
    display: block !important; 
    width: 100% !important;
    min-height: 100vh !important;
    background-color: #F2F0EB !important;
    
    /* TETAPKAN PADDING RAPAT SESUAI KEINGINAN (25px) */
    padding: 25px 5% 100px !important; 
    
    /* TAMBAHKAN JARAK DARI NAVBAR (Asumsi tinggi navbar ~100px) */
    /* Ini yang menjaga agar konten TIDAK KEPOTONG ke atas */
    margin-top: 100px !important; 
    
    box-sizing: border-box !important;
}

/* Tambahan untuk membersihkan wrapper ganda */
body.single-journal .single-journal-wrapper {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 2. Wrapper Konten (2 Kolom) */
body.single-journal article.journal-main-container {
    display: flex !important;
    flex-direction: row !important; 
    width: 1134px !important; 
    max-width: 100% !important;
    margin: 0 auto !important; 
    gap: 60px !important;
    align-items: flex-start !important;
}

/* 3. Kolom Kiri — Visual (Gambar) */
body.single-journal .journal-col-left {
    /* Disamakan dengan .award-visual (400px) */
    flex: 0 0 400px !important; 
    width: 400px !important;
}

body.single-journal .journal-col-left img {
    width: 100% !important; 
    height: auto !important;
    display: block !important;
    border: 1px solid #D1CDC7 !important; /* Aksen garis tipis sesuai Award */
    object-fit: cover;
}

/* 4. Kolom Kanan — Info (Teks) */
body.single-journal .journal-col-right {
    flex: 1 !important; 
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 5. Tipografi (Header & Body) */
body.single-journal .large-journal-title {
    font-family: "Hubballi", sans-serif !important;
    font-size: 32px !important; /* Disamakan dengan Award Title */
    font-weight: 700 !important;
    color: #1A1A1A !important;
    margin: 0 0 10px !important;
    text-transform: uppercase !important;
    line-height: 1.1 !important;
}

body.single-journal .journal-date-meta {
    font-family: "Hubballi", sans-serif !important;
    font-size: 16px !important; /* Disamakan dengan Award Date */
    color: #4acca5 !important;
    letter-spacing: 2px !important;
    font-weight: 600 !important;
    margin-bottom: 30px !important;
}

body.single-journal .journal-entry-content {
    font-family: "Hubballi", sans-serif !important;
    font-size: 15px !important; /* Konsisten 15px */
    line-height: 1.5 !important;
    color: #1A1A1A !important;
    text-align: left !important;
}

/* Tambahkan ini untuk memastikan elemen pertama benar-benar di atas */
body.single-journal .journal-col-right > *:first-child,
body.single-journal .large-journal-title {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

body.single-journal .large-journal-title {
    font-family: "Hubballi", sans-serif !important;
    font-size: 32px !important; 
    font-weight: 700 !important;
    color: #1A1A1A !important;
    /* Angka 0 pertama di sini adalah margin-top */
    margin: 0 0 10px !important; 
    text-transform: uppercase !important;
    line-height: 1.1 !important;
}

/* 6. Back Link */
body.single-journal .journal-back-link a {
    display: inline-block !important;
    margin-top: 40px !important;
    font-family: "Hubballi", sans-serif !important;
    text-decoration: none !important;
    color: #1A1A1A !important;
    font-weight: 700 !important;
    border-bottom: 2px solid #D1CDC7 !important;
    transition: 0.3s !important;
}

body.single-journal .journal-back-link a:hover {
    border-color: #4acca5 !important;
    color: #4acca5 !important;
}

body.single-journal .journal-col-left > *:first-child,
body.single-journal .journal-col-right > *:first-child {
    margin-top: 0 !important;
}