/* =========================================================
   STYLE-V6: TAMPILAN BANNER & ABOUT SIDE-BY-SIDE + SIDEBAR RAPI
   ========================================================= */

/* 1. MENGATUR TAMPILAN GAMBAR & TEKS DESKRIPSI JURNAL AGAR BERSANDINGAN (SIDE-BY-SIDE) */
.page_index_journal .journal_description,
.page_index_journal .homepage_about,
.page_index_journal .homepage_image_wrapper,
.biztech-home .about-card {
    display: block !important;
    clear: both !important;
    overflow: hidden !important;
    margin-bottom: 25px !important;
    padding: 15px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 10px !important;
}

/* Gambar Cover / Homepage Image (Di sebelah kiri) */
.page_index_journal .homepage_image,
.page_index_journal .homepage_image_wrapper .homepage_image,
.page_index_journal .homepage_image img,
.page_index_journal .journal_description img,
.page_index_journal p img[src*="homepageImage"],
.page_index_journal img {
    float: left !important;
    width: 200px !important;       /* Ukuran cover proporsional & kecil */
    max-width: 200px !important;
    height: auto !important;
    margin: 0 20px 10px 0 !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1) !important;
}

/* Teks Deskripsi / About Journal (Di sebelah kanan gambar) */
.page_index_journal .journal_description p,
.page_index_journal .homepage_about p {
    font-size: 0.95rem !important;
    line-height: 1.6 !important;
    color: #334155 !important;
    text-align: justify !important;
}

/* Cleardiv agar Current Issue turun ke bawah dengan rapi */
.page_index_journal .current_issue,
.page_index_journal .current-section,
.page_index_journal h2 {
    clear: both !important;
}

/* 2. MERAPIKAN KOTAK SIDEBAR (MENU, INDEXING, TEMPLATE) */
.pkp_structure_sidebar .block {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    padding: 12px 15px !important;
    margin-bottom: 18px !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03) !important;
}

.pkp_structure_sidebar .block .title {
    font-size: 1rem !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    border-bottom: 2px solid #2563eb !important;
    padding-bottom: 6px !important;
    margin-bottom: 12px !important;
}

/* Ukuran Logo Indexing di Sidebar */
.pkp_structure_sidebar .block img {
    max-width: 140px !important;
    height: auto !important;
    max-height: 48px !important;
    display: block !important;
    margin: 8px auto !important;
    object-fit: contain !important;
}

/* 3. MERAPIKAN DAFTAR ARTIKEL CURRENT ISSUE */
.article-summary-body .article-excerpt,
.obj_article_summary .article-excerpt {
    display: none !important;
}

.obj_article_summary .galleys_links,
.obj_article_summary .article-galleys,
.obj_article_summary .btn-pdf,
.obj_article_summary .pdf {
    display: none !important;
}

.obj_article_summary .article-heading,
.obj_article_summary .article-title,
.article-summary-body .article-title {
    font-size: 0.95rem !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    margin-bottom: 3px !important;
}

.obj_article_summary .article-meta,
.obj_article_summary .article-author,
.obj_article_summary .article-pages {
    font-size: 0.83rem !important;
    color: #475569 !important;
}

.obj_article_summary,
.article-item {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    margin-bottom: 4px !important;
    border-bottom: 1px dotted #cbd5e1 !important;
}