/* =============================================
   TEMA PSYCHOSOPHIA - FONT, WARNA BIRU, & HOVER
   ============================================= */


/* --- IMPORT FONT MODERN DARI GOOGLE FONTS --- */
@import url('https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,300;14..32,400;14..32,500;14..32,600;14..32,700&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap');

/* --- GAYA DASAR --- */
body {
    font-family: 'Inter', 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: #1e293b;      /* abu gelap, nyaman dibaca */
    background-color: #f8fafc;
}

/* Heading */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Plus Jakarta Sans', 'Inter', sans-serif;
    font-weight: 600;
    letter-spacing: -0.02em;
    color: #0f2b3d;
}

/* --- WARNA BIRU PSIKOLOGI (tenang, profesional) --- */
:root {
    --psiko-blue: #1e4a6e;    /* biru tua tenang */
    --psiko-blue-light: #2c6288;
    --psiko-blue-dark: #0f2b3d;
    --psiko-white: #ffffff;
    --psiko-gray-bg: #f1f5f9;
}

/* Link umum */
a {
    color: var(--psiko-blue);
    text-decoration: none;
    transition: all 0.2s ease;
}
a:hover {
    color: var(--psiko-blue-dark);
    text-decoration: underline;
}

/* --- TOMBOL & GALLEY LINKS (Download PDF, dll) --- */
.obj_galley_link,
.pkp_button,
button,
input[type="submit"],
.btn {
    background-color: var(--psiko-blue) !important;
    color: white !important;
    border: none !important;
    border-radius: 30px !important;
    padding: 0.5rem 1.25rem !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 500 !important;
    font-size: 1.5rem !important;
    transition: all 0.25s ease !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05) !important;
}

.obj_galley_link:hover,
.pkp_button:hover,
button:hover,
input[type="submit"]:hover,
.btn:hover {
    background-color: var(--psiko-blue-dark) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1) !important;
    text-decoration: none !important;
}

/* --- SIDEBAR (KIRI) - BLOCK & TOMBOL DALAM SIDEBAR --- */
.pkp_structure_sidebar .pkp_block {
    background: var(--psiko-white);
    border-radius: 16px;
    padding: 1rem 1.25rem;
    margin-bottom: 1.5rem;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    border: 1px solid #e2e8f0;
    transition: box-shadow 0.2s;
}

.pkp_structure_sidebar .pkp_block:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

/* Judul blok sidebar */
.pkp_structure_sidebar .pkp_block .title {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 600;
    font-size: 1.3rem;
    color: var(--psiko-blue-dark);
    border-bottom: 2px solid var(--psiko-blue-light);
    padding-bottom: 0.5rem;
    margin-bottom: 1rem;
}

/* Semua link di sidebar */
.pkp_structure_sidebar a {
    color: var(--psiko-blue);
    display: inline-block;
    transition: all 0.2s;
}

.pkp_structure_sidebar a:hover {
    color: var(--psiko-blue-dark);
    transform: translateX(3px);
    text-decoration: none;
}

/* Tombol khusus di sidebar (misal tombol chat, dll) */
.pkp_structure_sidebar .btn,
.pkp_structure_sidebar button,
.pkp_structure_sidebar input[type="submit"] {
    background-color: var(--psiko-blue) !important;
    border-radius: 40px !important;
    width: 100%;
    text-align: center;
}

.pkp_structure_sidebar .btn:hover,
.pkp_structure_sidebar button:hover {
    background-color: var(--psiko-blue-dark) !important;
    transform: translateY(-2px);
}

/* --- KARTU ARTIKEL (CURRENT ISSUE / ARCHIVE) --- */
.obj_article_summary {
    background: white;
    border-radius: 20px;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
    border: 1px solid #eef2f6;
    transition: all 0.25s ease;
}

.obj_article_summary:hover {
    border-color: var(--psiko-blue-light);
    box-shadow: 0 8px 20px rgba(0,0,0,0.05);
    transform: translateY(-3px);
}

.obj_article_summary .title a {
    font-weight: 700;
    color: var(--psiko-blue-dark);
}

.obj_article_summary .title a:hover {
    color: var(--psiko-blue);
}

/* --- RESPONSIF --- */
@media (max-width: 768px) {
    body {
        font-size: 15px;
    }
    .obj_article_summary {
        padding: 1rem;
    }
}
/* Masthead / Journal Summary - align left */
.about_section,
.journal_summary,
#aboutJournalContent,
.obj_journal_summary,
.journal-description {
    text-align: left !important;
}

/* Pastikan paragraf di dalamnya juga rata kiri */
.about_section p,
.journal_summary p,
#aboutJournalContent p,
.obj_journal_summary p,
.journal-description p {
    text-align: left !important;
}

/* Jika teks berada di dalam block custom atau sidebar */
.pkp_block .content p {
    text-align: left;
}
/* ======================================================
   ARCHIVE 2 KOLOM + UKURAN FONT BESAR & SERAGAM
   ====================================================== */

/* --- 1. PERSEMPITKAN SIDEBAR & FLEX --- */
.pkp_structure_sidebar {
    flex: 0 0 280px !important;
    max-width: 280px !important;
}
.pkp_structure_main {
    flex: 1 !important;
    min-width: 0 !important;
}
.pkp_structure_content {
    gap: 2rem !important;
}

/* --- 2. GRID 2 KOLOM UNTUK ARCHIVE --- */
.issues,
.issue-list,
.obj_issue_toc,
#issuesContainer {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 2rem !important;
}

/* --- 3. CARD ISSUE --- */
.issue-summary,
.obj_issue_summary,
.issue {
    background: #ffffff !important;
    border-radius: 20px !important;
    padding: 1.5rem !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05) !important;
    border: 1px solid #e2e8f0 !important;
    transition: 0.2s !important;
}

/* Cover issue */
.issue-summary .cover,
.obj_issue_summary .cover {
    margin: 0.5 0.5 1.8rem 0 !important;
    text-align: LEFT !important;
}
.issue-summary .cover img,
.obj_issue_summary .cover img {
    max-width: 100% !important;
    max-height: 160px !important;
    object-fit: contain !important;
    border-radius: 16px !important;
}

/* JUDUL ISSUE (Vol. X No. Y) - UKURAN BESAR */
.issue-summary .title,
.obj_issue_summary .title,
.issue-title {
    font-size: 2.4rem !important;    /* 22.4px - lebih besar dari sebelumnya */
    font-weight: 700 !important;
    color: #1e4a6e !important;
    margin: 0.5rem 0 0.25rem !important;
    line-height: 1.3 !important;
}

/* TANGGAL TERBIT */
.issue-summary .published,
.obj_issue_summary .published {
    font-size: 2rem !important;      /* 16px */
    font-weight: 500;
    color: #4a5568 !important;
    margin-bottom: 0.75rem !important;
}

/* DESKRIPSI ISSUE - UKURAN SAMA DENGAN TEKS BIASA, LINE-HEIGHT LONGGAR */
.issue-summary .description,
.obj_issue_summary .description {
    font-size: 2rem !important;      /* 16px */
    line-height: 1.6 !important;     /* longgar, enak dibaca */
    color: #2d3748 !important;
    margin-top: 0.75rem !important;
}

/* TOMBOL VIEW ISSUE */
.issue-summary .btn,
.obj_issue_summary .btn {
    background-color: #1e4a6e !important;
    border-radius: 40px !important;
    padding: 0.5rem 1.2rem !important;
    font-size: 0.9rem !important;
    margin-top: 1rem !important;
    display: inline-block !important;
}

/* --- 4. SIDEBAR - UKURAN FONT SERAGAM DENGAN DESKRIPSI ISSUE --- */
.pkp_structure_sidebar,
.pkp_structure_sidebar .content,
.pkp_structure_sidebar p,
.pkp_structure_sidebar li,
.pkp_structure_sidebar a {
    font-size: 1.2rem !important;      /* 16px */
    line-height: 1.6 !important;
}

/* Judul blok sidebar sedikit lebih besar */
.pkp_structure_sidebar .pkp_block .title {
    font-size: 1.2rem !important;
    font-weight: 600 !important;
    margin-bottom: 1rem !important;
}

/* --- 5. RESPONSIF (HP) --- */
@media (max-width: 768px) {
    .pkp_structure_sidebar {
        flex: 0 0 auto !important;
        max-width: 100% !important;
    }
    .issues,
    .issue-list,
    .obj_issue_toc {
        grid-template-columns: 1fr !important;
        gap: 1rem !important;
    }
    .issue-summary .title {
        font-size: 1.2rem !important;
    }
}

/* Target semua teks di dalam card issue */
.issue-summary, .obj_issue_summary,
.issue-summary *, .obj_issue_summary * {
    font-size: 1.8rem !important;     /* paksa semua teks di card menjadi 18px */
    line-height: 1.25 !important;
}

/* Khusus judul issue, perbesar lagi */
.issue-summary h1, .issue-summary h2, .issue-summary h3,
.issue-summary .title, .issue-summary .issue-title,
.obj_issue_summary h1, .obj_issue_summary h2, .obj_issue_summary h3,
.obj_issue_summary .title, .obj_issue_summary .issue-title {
    font-size: 1.6rem !important;
    font-weight: 700 !important;
}

/* Sidebar: target semua teks di sidebar */
.pkp_structure_sidebar, .pkp_structure_sidebar *,
.sidebar, .left-sidebar, #sidebar {
    font-size: 16px !important;
}
/* Paksa semua teks di dalam blok sidebar */
.pkp_structure_sidebar .content,
.pkp_structure_sidebar table,
.pkp_structure_sidebar td,
.pkp_structure_sidebar th,
.pkp_structure_sidebar a {
    font-size: 1.6rem !important;
}
/* ======================================================
   MEMBUAT HEADER FULL-WIDTH di TEMA BOOTSTRAP3
   ====================================================== */

/* 1. Buat container halaman menjadi flex column agar header bisa penuh */
.pkp_structure_page {
    display: flex;
    flex-direction: column;
}

/* 2. Buat area header melebar penuh, melebihi batas container */
.pkp_structure_head {
    width: 100vw;           /* Lebar penuh viewport */
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    background-color: #ffffff; /* Sesuaikan dengan warna latar header Anda */
}

/* 3. Pastikan konten di dalam header (logo, menu) tetap rapi di tengah */
.pkp_head_wrapper,
.pkp_site_name_wrapper,
.pkp_site_nav_menu {
    max-width: 1400px;      /* Sesuaikan dengan lebar konten Anda */
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
}

/* 4. Hapus background pada wrapper jika ada, agar warna latar header penuh */
.pkp_head_wrapper {
    background: transparent;
}
/* ======================================================
   PERBAIKAN FONT SIDEBAR (TABEL) & JUDUL ISSUE
   ====================================================== */

/* --- 1. PAKSA FONT SIDEBAR (TERMASUK TABEL) --- */
.pkp_structure_sidebar,
.pkp_structure_sidebar .content,
.pkp_structure_sidebar table,
.pkp_structure_sidebar tbody,
.pkp_structure_sidebar tr,
.pkp_structure_sidebar td,
.pkp_structure_sidebar th,
.pkp_structure_sidebar a,
.pkp_structure_sidebar strong,
.pkp_structure_sidebar span {
    font-size: 16px !important;      /* 16px (bisa ubah ke 1rem) */
    line-height: 1.5 !important;
    font-family: 'Inter', sans-serif !important;
}

/* Judul blok sidebar (seperti "EDITORIAL & CONTACT") */
.pkp_structure_sidebar th a,
.pkp_structure_sidebar th {
    font-size: 1.4rem !important;
    font-weight: 700 !important;
    text-transform: uppercase;       /* opsional, sesuai gaya */
    letter-spacing: 0.5px;
}

/* Tabel khusus dengan class hoverTable */
.hoverTable,
.hoverTable td,
.hoverTable th {
    font-size: 16px !important;
}

/* --- 2. PAKSA FONT JUDUL ISSUE (ARCHIVE) --- */
/* Target semua kemungkinan class untuk judul issue */
.issue-summary .title,
.obj_issue_summary .title,
.issue-summary h2,
.obj_issue_summary h2,
.issue-summary h3,
.obj_issue_summary h3,
.issue-summary .issue-title,
.obj_issue_summary .issue-title,
.issues .title {
    font-size: 1.6rem !important;    /* 25.6px */
    font-weight: 700 !important;
    color: #1e4a6e !important;
    line-height: 1.3 !important;
    margin-bottom: 0.5rem !important;
}

/* Jika judul issue berupa link */
.issue-summary .title a,
.obj_issue_summary .title a,
.issue-summary h2 a,
.obj_issue_summary h2 a {
    font-size: inherit !important;
    color: inherit !important;
    text-decoration: none;
}

/* --- 3. PASTIKAN DESKRIPSI ISSUE TETAP BESAR --- */
.issue-summary .description,
.obj_issue_summary .description,
.issue-summary .description p,
.obj_issue_summary .description p {
    font-size: 1.8rem !important;
    line-height: 1.6 !important;
    color: #2d3748 !important;
}

/* --- 4. RESPONSIF --- */
@media (max-width: 768px) {
    .pkp_structure_sidebar,
    .pkp_structure_sidebar .content,
    .pkp_structure_sidebar table,
    .pkp_structure_sidebar td,
    .pkp_structure_sidebar th,
    .pkp_structure_sidebar a {
        font-size: 14px !important;
    }
    .issue-summary .title,
    .obj_issue_summary .title {
        font-size: 1.3rem !important;
    }
}

/* --- 5. HEADER FULL-WIDTH (gabungkan dengan yang sebelumnya jika sudah ada) --- */
.pkp_structure_head {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    background-color: #ffffff;
}

.pkp_head_wrapper,
.pkp_site_name_wrapper,
.pkp_site_nav_menu {
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
}
/* ======================================================
   MEMBUAT SIDEBAR RATA KIRI (ALIGN LEFT)
   ====================================================== */

/* Rata kiri untuk seluruh sidebar */
.pkp_structure_sidebar,
.pkp_structure_sidebar .content,
.pkp_structure_sidebar div,
.pkp_structure_sidebar p,
.pkp_structure_sidebar ul,
.pkp_structure_sidebar li,
.pkp_structure_sidebar a,
.pkp_structure_sidebar span {
    text-align: left !important;
}

/* Khusus tabel di sidebar, rata kiri untuk selnya */
.pkp_structure_sidebar table,
.pkp_structure_sidebar tbody,
.pkp_structure_sidebar tr,
.pkp_structure_sidebar td,
.pkp_structure_sidebar th {
    text-align: left !important;
}

/* Jika ada heading atau judul blok yang ingin tetap rata kiri */
.pkp_structure_sidebar .title,
.pkp_structure_sidebar h2,
.pkp_structure_sidebar h3,
.pkp_structure_sidebar th {
    text-align: left !important;
}
/* ======================================================
   PERBAIKAN SIDEBAR: JUDUL MENU (TH) BACKGROUND & FONT BESAR
   ====================================================== */

/* Target semua th di sidebar tabel */
.pkp_structure_sidebar th,
.pkp_structure_sidebar .hoverTable th {
    background-color: #1e4a6e !important;  /* warna biru psikologi */
    color: #ffffff !important;              /* teks putih */
    font-size: 1.2rem !important;           /* perbesar */
    font-weight: 600 !important;
    padding: 10px 12px !important;
    border-radius: 8px 8px 0 0 !important; /* sudut melengkung atas */
    text-align: left !important;
}

/* Link di dalam th */
.pkp_structure_sidebar th a,
.pkp_structure_sidebar .hoverTable th a {
    color: #ffffff !important;
    font-size: 1.2rem !important;
    text-decoration: none;
}

/* Efek hover pada judul menu */
.pkp_structure_sidebar th:hover,
.pkp_structure_sidebar .hoverTable th:hover {
    background-color: #0f2b3d !important;
}
/* ======================================================
   HEADER FULL-WIDTH & TINGGI - UNTUK BOOTSTRAP3 THEME
   ====================================================== */

/* --- 1. PASTIKAN HEADER FULL LEBAR LAYAR --- */
.pkp_structure_head {
    width: 100vw !important;
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    background-color: #ffffff !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important;
}

/* --- 2. TINGGI HEADER DIPERBESAR --- */
.pkp_head_wrapper {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}

/* --- 3. KONTEN DI DALAM HEADER TETAP RAPI DI TENGAH --- */
.pkp_head_wrapper,
.pkp_site_name_wrapper,
.pkp_site_nav_menu {
    max-width: 1400px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}
/* --- Gaya untuk Informasi Tambahan di Header --- */
.journal-meta-header {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.5rem 2rem;
    padding: 0.75rem 1rem;
    background-color: #f8f9fc;
    border-top: 1px solid #eef2f6;
    border-bottom: 1px solid #eef2f6;
    font-size: 0.85rem;
    font-family: 'Inter', sans-serif;
}

.journal-meta-item {
    display: inline-flex;
    align-items: baseline;
    gap: 0.4rem;
}

.meta-label {
    font-weight: 600;
    color: #1e4a6e; /* Warna biru psikologi */
}

.meta-value {
    color: #334155;
}

/* Responsif: Di layar kecil, item akan ditumpuk */
@media (max-width: 768px) {
    .journal-meta-header {
        flex-direction: column;
        gap: 0.5rem;
        align-items: center;
        text-align: center;
    }
}
/* ======================================================
   PERBAIKAN HEADER, FOOTER, & DESKRIPSI VOLUME
   ====================================================== */

/* --- 1. MEMPERBAIKI HEADER YANG JELEK --- */
/* Atur ulang tata letak header agar rapi */
.pkp_structure_head {
    background-color: #ffffff !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

/* Wrapper header */
.pkp_head_wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 0 !important;
}

/* Logo area */
.pkp_site_name_wrapper {
    flex: 0 0 auto;
}

/* Navigasi utama */
.pkp_site_nav_menu {
    flex: 1;
    text-align: right;
}

/* Menu navigasi agar horizontal rapi */
.pk p_navigation_primary_wrapper {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 1rem;
}

.pkp_navigation_primary ul {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

/* Sembunyikan informasi tambahan yang mengganggu (publisher, ISSN, accreditation) dari header */
.journal-meta-header,
.custom-header-content {
    display: none !important;
}

/* --- 2. PERBAIKI UKURAN GAMBAR DI FOOTER (Creative Commons) --- */
.custom-footer .footer-license img {
    max-width: 80px !important;
    height: auto !important;
}

/* Atau jika gambar ada di footer bawaan OJS */
footer img[alt*="Creative Commons"],
.pkp_footer_content img {
    max-width: 80px !important;
    height: auto !important;
}

/* --- 3. HILANGKAN LOGO PKP DI FOOTER --- */
.pkp_brand_footer {
    display: none !important;
}

/* --- 4. PERBAIKI DESKRIPSI TEKS VOLUME (ISSUE) AGAR TIDAK KECIL LAGI --- */
/* Pastikan semua teks di card issue berukuran konsisten */
.issue-summary,
.obj_issue_summary,
.issue-summary *,
.obj_issue_summary * {
    font-size: 1.8rem !important;  /* dasar 16px */
}

/* Judul issue */
.issue-summary .title,
.obj_issue_summary .title {
    font-size: 1.4rem !important;
    font-weight: 700 !important;
}

/* Deskripsi issue */
.issue-summary .description,
.obj_issue_summary .description {
    font-size: 1.8rem !important;
    line-height: 1.5 !important;
}

/* --- 5. TAMBAHAN: RAPIKAN MENU USER (oktarizal, 317) --- */
.pkp_navigation_user_wrapper {
    font-size: 0.9rem;
}
/* ======================================================
   PERBAIKAN HEADER, FOOTER, DESKRIPSI VOLUME, & HILANGKAN LOGO PKP
   ====================================================== */

/* --- 1. PERBAIKI HEADER YANG JELEK --- */
/* Atur ulang tampilan meta header */
.journal-meta-header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    background-color: #f0f4f8;
    padding: 0.5rem 1rem;
    border-bottom: 1px solid #cbd5e1;
    font-size: 2.85rem;
}

.journal-meta-item {
    display: inline-flex;
    align-items: baseline;
    gap: 0.3rem;
}

.meta-label {
    font-weight: 700;
    color: #1e4a6e;
}

.meta-value {
    color: #2d3748;
}

/* Sembunyikan elemen header bawaan yang mungkin mengganggu (opsional) */
.pkp_site_name {
    margin-top: 0.5rem;
}

/* --- 2. PERBAIKI FOOTER: KECILKAN GAMBAR & RAPIKAN --- */
.custom-footer img {
    max-width: 80px !important;
    height: auto !important;
}

/* Atau jika gambar Creative Commons */
.custom-footer .footer-license img {
    max-width: 80px !important;
    height: auto !important;
}

/* Pastikan teks footer tidak terlalu besar */
.custom-footer p,
.custom-footer span,
.custom-footer div {
    font-size: 1.6rem;
}

/* --- 3. PERKUAT DESKRIPSI VOLUME (ARCHIVE) AGAR TIDAK KECIL LAGI --- */
.issue-summary .description,
.obj_issue_summary .description,
.issue-summary .description p,
.obj_issue_summary .description p,
.issues .description {
    font-size: 1.8rem !important;
    line-height: 1.6 !important;
    color: #2d3748 !important;
}

/* Judul volume juga perkuat */
.issue-summary .title,
.obj_issue_summary .title {
    font-size: 2rem !important;
    font-weight: 700 !important;
}

/* --- 4. HILANGKAN LOGO PKP DI FOOTER --- */
.pkp_brand_footer {
    display: none !important;
}

/* Jika masih ada elemen lain yang mirip */
.pkp_brand_footer a,
.pkp_brand_footer img {
    display: none !important;
}
/* ======================================================
   PERBAIKAN DESKRIPSI ISSUE (VOLUME) - TERMASUK DAFTAR & LINK
   ====================================================== */

/* Target utama deskripsi issue */
.issue-summary .description,
.obj_issue_summary .description {
    font-size: 1.8rem !important;         /* 16px */
    line-height: 1.6 !important;
    color: #2d3748 !important;
}

/* Semua elemen di dalam deskripsi (paragraf, daftar, tautan, dll) */
.issue-summary .description *,
.obj_issue_summary .description * {
    font-size: 1.8rem !important;
    line-height: 1.6 !important;
}

/* Khusus untuk daftar bernomor atau bullet */
.issue-summary .description ul,
.issue-summary .description ol,
.issue-summary .description li {
    font-size: 1.8rem !important;
    line-height: 1.6 !important;
    margin-bottom: 0.25rem;
}

/* Khusus untuk tautan di dalam deskripsi */
.issue-summary .description a,
.obj_issue_summary .description a {
    font-size: 1.8rem !important;
    color: #1e4a6e !important;
    text-decoration: underline;
}

/* Pastikan judul issue tetap besar */
.issue-summary .title,
.obj_issue_summary .title {
    font-size: 2rem !important;
    font-weight: 700 !important;
    color: #1e4a6e !important;
    margin-bottom: 0.5rem;
}
/* Hilangkan seluruh footer PKP */
.pkp_brand_footer,
.pkp_structure_footer_wrapper .pkp_brand_footer,
footer .pkp_brand_footer,
div.pkp_brand_footer {
    display: none !important;
}
/* Jika masih ada, sembunyikan juga container yang mungkin membungkusnya */
.pkp_structure_footer_wrapper {
    position: relative;
}
.pkp_structure_footer_wrapper .pkp_brand_footer {
    display: none !important;
}
.img-responsive, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img {
    display: none;
    max-width: 100%;
    height: auto;
}
.navbar-brand {
    float: left;
    height: 50px;
    padding: 15px 15px;
    font-size: 28px;
    line-height: 20px;
}
/* Footer tidak mepet ke pinggir */
.custom-footer {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
	padding-bottom: 2rem !important;
	padding-top: 2rem !important;
}

/* Jika menggunakan .footer-info, pastikan juga tidak mepet */
.footer-info {
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
}

/* Untuk layar HP, padding sedikit dikurangi */
@media (max-width: 768px) {
    .custom-footer {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
}
/* TAMPILKAN COVER ISSUE DI HALAMAN DETAIL ISSUE */
.obj_issue_toc .cover,
.issue .cover,
#issueCover {
    display: block !important;
    text-align: center;
    margin-bottom: 1.5rem;
}

.obj_issue_toc .cover img,
.issue .cover img,
#issueCover img {
    max-width: 300px !important;
    width: auto !important;
    height: auto !important;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

/* Jika gambar disembunyikan oleh aturan lain (seperti .img-responsive) */
.img-responsive,
.cover img {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
}