/* =====================================================
   1. HEADER MIMBAR SEKOLAH DASAR: BANNER PENUH AREA ORANYE
   ===================================================== */

/* Hilangkan padding & margin di wrapper header */
.pkp_structure_head,
.pkp_head_wrapper,
.pkp_site_name_wrapper,
.pkp_site_name {
    padding: 0 !important;
    margin: 0 !important;
    height: auto !important;
}

/* Hilangkan celah vertikal bawaan */
.pkp_head_wrapper {
    line-height: 0 !important;
}

/* Pembungkus gambar (link logo) harus mengisi seluruh area oranye */
.pkp_site_name a.is_img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Gambar banner memenuhi area oranye atas–bawah */
.pkp_brand_logo,
.pkp_site_name .is_img img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;           /* penuh vertikal */
    max-width: 100% !important;
    max-height: none !important;
    object-fit: cover !important;      /* tetap proporsional */
    margin: 0 !important;
}

/* Hilangkan batas tinggi minimum dari tema */
.pkp_structure_head {
    min-height: 0 !important;
}


/* =====================================================
   2. NAVIGASI UTAMA
   ===================================================== */

//* =====================================================
   2. NAVIGASI UTAMA (VERSI RAPIH)
   ===================================================== */

/* Bar navigasi: gradasi oranye penuh */
.pkp_site_nav_menu {
    background: linear-gradient(90deg, #f89b2d 0%, #ffc266 50%, #ffe0b3 100%) !important;
    border-bottom: 2px solid #e5861c;
    padding: 0;
    text-align: left !important;    /* teks jangan di tengah */
}

/* Wrapper menu utama */
.pkp_navigation_primary_wrapper {
    display: block !important;      /* hilangkan flex bawaan tema */
    text-align: left !important;    /* cegah center */
    padding: 0 20px !important;     /* jarak wajar dari kiri-kanan */
    border-bottom: none !important;
}

/* Kontainer menu */
.pkp_navigation_primary {
    display: inline-block !important;   /* biar nempel ke kiri */
    margin: 0 !important;
}

/* List menu */
.pkp_navigation_primary > ul {
    display: flex;
    gap: 24px;
    margin: 0;
    padding: 0;
}

/* Item menu */
.pkp_navigation_primary > ul > li {
    list-style: none;
}

/* Link menu: huruf kapital + efek glow halus */
.pkp_navigation_primary > ul > li > a {
    padding: 12px 0;
    text-transform: uppercase;
    font-weight: 700;
    color: #5a2e00 !important;
    background: transparent !important;
    text-shadow: 0 0 6px rgba(255, 180, 80, 0.6),
                 1px 1px 3px rgba(0,0,0,0.2);   /* bercahaya + sedikit bayangan */
}

/* Hover menu */
.pkp_navigation_primary > ul > li > a:hover {
    color: #b35000 !important;
    border-bottom: 2px solid #b35000;
    transition: 0.25s;
}

/* Posisi search tetap di kanan bar */
.pkp_site_nav_menu .pkp_search {
    float: right;
    margin-right: 20px;
}

.pkp_site_nav_menu .pkp_search .search_prompt {
    background: #ffffff;
    border-radius: 4px;
    border: 1px solid #ffc266;
    color: #b35000;
}

.pkp_site_nav_menu .pkp_search .search_prompt::placeholder {
    color: #cc7a29;
}



/* =====================================================
   3. ADDITIONAL CONTENT: TEKS KIRI & COVER KANAN
   ===================================================== */

.home-intro {
    display: flex;
    align-items: flex-start;
    gap: 25px;
    margin: 5px 0 20px 0;   /* sedikit jarak atas & bawah */
}

/* Kolom teks */
.home-intro-text {
    flex: 1;
}

.home-intro-text p {
    text-align: justify;
    text-justify: inter-word;
    line-height: 1.65;
}

/* Paragraf pertama sejajar dengan atas cover */
.home-intro-text p:first-child {
    margin-top: 0 !important;
}

/* Kolom cover */
.home-intro-cover img {
    width: 280px !important;      /* ukuran cover */
    height: auto !important;
    border-radius: 6px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.18);
    margin-top: 0 !important;
}

/* Responsif untuk HP */
@media (max-width: 768px) {
    .home-intro {
        flex-direction: column;
        align-items: center;
    }

    .home-intro-cover img {
        width: 60% !important;
        margin-top: 15px;
    }
}


/* =====================================================
   4. BLOK LOGO PENGINDEKS
   ===================================================== */

/* Blok keseluruhan (judul + logo) */
.home-index-block {
    margin-top: 8px !important;     /* jarak dari paragraf di atas */
    margin-bottom: 6px !important;  /* jarak ke footer */
}

/* Judul "Indexed / Abstracted in:" */
.home-index-title {
    font-weight: 600;
    font-size: 14px;
    margin-top: 0 !important;
    margin-bottom: 4px !important;  /* dekat dengan logo */
}

/* Wrapper semua logo */
.home-index-logos {
    display: flex;
    flex-wrap: wrap;                /* kalau banyak, turun baris */
    gap: 10px;
    align-items: center;
    justify-content: flex-start;
    margin: 0 !important;
}

/* Ukuran logo */
.home-index-logos img.index-logo {
    height: 48px;                   /* tinggi seragam */
    width: 120px;
    object-fit: contain;
    display: block;
    margin: 0 !important;
    padding: 4px 6px;
    border-radius: 4px;
    background: #ffffff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12);
}

/* Responsif: di HP logo dibuat center */
@media (max-width: 768px) {
    .home-index-logos {
        justify-content: center;
    }
}


/* =====================================================
   5. FOOTER: DIPERKECIL & HILANGKAN LOGO OJS/PKP
   ===================================================== */

.pkp_structure_footer_wrapper {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.pkp_structure_footer {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Hilangkan logo OJS/PKP di footer */
.pkp_brand_footer {
    display: none !important;
}


/* =====================================================
   6. PERBESAR POPUP SOURCE CODE (TinyMCE)
   ===================================================== */

.mce-window,
.mce-container.mce-panel {
    width: 90% !important;
    height: 90% !important;
}

.mce-window-body.mce-abs-layout {
    height: 100% !important;
}

.mce-container-body {
    height: 100% !important;
}

.mce-container iframe {
    height: 100% !important;
}
/* ===== FOOTER 3 KOLOM: PUBLISHER / STATCOUNTER / FLAGCOUNTER ===== */

.pkp_structure_footer_wrapper {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.pkp_footer_content {
    max-width: 1100px;
    margin: 0 auto;
}

/* Layout 3 kolom */
.footer-3col {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    font-size: 13px;
}

.footer-col {
    flex: 1;
}

/* Alignment per kolom */
.footer-left {
    text-align: left;
}

.footer-center {
    text-align: center;
}

.footer-right {
    text-align: right;
}

/* Logo statcounter & flagcounter */
.stats-logo,
.flag-logo {
    width: 120px;
    height: auto;
    display: inline-block;
    opacity: 0.9;
}

.stats-logo:hover,
.flag-logo:hover {
    opacity: 1;
}

/* Script statcounter jangan mengganggu layout */
.footer-center script {
    display: none !important;
}

/* Responsif HP: kolom ditumpuk */
@media (max-width: 768px) {
    .footer-3col {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .footer-left,
    .footer-center,
    .footer-right {
        text-align: center;
    }
}
/* Mengubah background utama menjadi oranye muda */
body,
.pkp_structure_page,
.pkp_structure_content {
    background-color: #FFEBD8 !important; /* oranye muda pastel */
}
/* 1. Warna dasar halaman (area luar konten) */
body {
    background: #FFEBD8 !important;  /* oranye muda */
}

/* 2. Kotak utama berisi teks (main content + sidebar) tetap putih */
.pkp_structure_main,
.pkp_structure_content,
.pkp_page_index .pkp_structure_main,
.pkp_page_index .pkp_structure_content,
.pkp_page_index .pkp_structure_main .pkp_structure_content,
.pkp_page_index .pkp_structure_main .pkp_structure_content .pkp_page_content,
.pkp_page_index .pkp_structure_sidebar {
    background: #ffffff !important;
}

/* 3. Biar kotak konten terlihat rapi seperti card */
.pkp_structure_main {
    padding: 20px 30px !important;
    box-sizing: border-box;
    box-shadow: 0 0 10px rgba(0,0,0,.05);
}

/* 4. Menghilangkan sisa abu-abu di bagian paling atas (belakang header/logo) */
.pkp_structure_head,
.pkp_head_wrapper,
.pkp_navigation_user_wrapper {
    background: #FFEBD8 !important;  /* samakan dengan warna body */
}
/* Hilangkan background kotak user menu agar transparan */
.pkp_navigation_user_wrapper,
.pkp_navigation_user,
.pkp_navigation_user > li,
.pkp_navigation_user > li > a {
    background: transparent !important;
    box-shadow: none !important;
}

/* Hilangkan padding berlebih supaya tidak menutupi logo */
.pkp_navigation_user_wrapper {
    padding: 0 !important;
}
.pkp_navigation_user span,
.pkp_navigation_user a {
    background: transparent !important;
}
/* Atur posisi menu user agar tidak mepet ke kanan */
.pkp_navigation_user_wrapper {
    display: flex;
    justify-content: flex-end;
    padding-right: 25px !important; /* geser kiri, bisa disesuaikan */
}

/* Hilangkan space berlebih karena transparansi sebelumnya */
.pkp_navigation_user {
    margin-right: 0 !important;
}
/* Ubah background paling atas (html dan wrapper header) menjadi oranye tua */
html,
.pkp_structure_head,
.pkp_head_wrapper,
.pkp_site_name_wrapper,
.pkp_navigation_primary_wrapper {
    background-color: #F2A250 !important;  /* oranye tua */
}

/* Pastikan tidak ada area abu yang bocor */
body {
    background-color: #FFEBD8 !important; /* oranye muda halaman */
    margin-top: 0 !important;
}
/* Kembalikan warna latar menu navigasi ke oranye muda */
.pkp_navigation_primary_wrapper {
    background-color: #F7A953 !important; /* warna navigasi sebelumnya */
}

/* Pastikan bagian atas tetap oranye tua tanpa mempengaruhi menu */
html,
.pkp_structure_head,
.pkp_head_wrapper,
.pkp_site_name_wrapper {
    background-color: #F2A250 !important;
}
/* Kembalikan background menu navigasi menjadi putih */
.pkp_navigation_primary_wrapper,
.pkp_navigation_primary {
    background-color: #ffffff !important;
}

/* Hilangkan bayangan / gradien / overlay bawaan */
.pkp_navigation_primary_wrapper * {
    background: transparent !important;
    box-shadow: none !important;
}

/* Pastikan elemen search tetap rapi */
.pkp_navigation_search_wrapper {
    background: #ffffff !important;
}
/* Hilangkan garis bawah ekstra di bawah menu navigasi */
.pkp_navigation_primary_wrapper,
.pkp_navigation_primary,
.pkp_site_nav {
    border-bottom: none !important;
}

/* Hilangkan garis dari container konten yang kadang muncul */
.pkp_structure_content {
    border-top: none !important;
}
/* NAVBAR GRADIENT ORANGE */
.pkp_navigation_primary,
.pkp_navigation_primary_wrapper {
    background: linear-gradient(90deg, #ffb366 0%, #ffcc80 50%, #ffe6cc 100%) !important;
    border-bottom: 1px solid #f0a35e !important;
    padding: 12px 0;
}

/* TEXT NAVIGATION */
.pkp_navigation_primary ul li a {
    color: #5a2e00 !important;
    font-weight: 600;
}

/* HOVER */
.pkp_navigation_primary ul li a:hover {
    color: #b35000 !important;
    transition: 0.3s;
}
/* SIDEBAR CARD */
.pkp_block {
    background: #ffffff !important;
    padding: 20px;
    border-radius: 12px;
    margin-bottom: 22px;
    box-shadow: 0 2px 8px rgba(255, 153, 51, 0.25);
    border: 1px solid #ffd9b3;
}

/* SIDEBAR TITLE */
.pkp_block .title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px;
    color: #b34700 !important;
    border-bottom: 2px solid #ffbb80;
    padding-bottom: 6px;
}

/* LINK STYLE */
.pkp_block ul li a {
    color: #cc6600 !important;
    font-size: 14px;
    display: flex;
    align-items: center;
    padding: 6px 0;
}

/* ICON UNTUK SETIAP LINK */
.pkp_block ul li a::before {
    content: "➤";
    font-size: 11px;
    margin-right: 8px;
    color: #ff8800;
}

/* HOVER */
.pkp_block ul li a:hover {
    color: #994d00 !important;
    margin-left: 3px;
    transition: 0.2s;
}
/* --- 1. Bar navigasi full width nuansa orange --- */
.pkp_site_nav_menu {
    background: linear-gradient(90deg, #f89b2d 0%, #ffc266 50%, #ffe0b3 100%) !important;
    border-bottom: 2px solid #e5861c;
    padding: 0;
}

/* Hilangkan background kotak di belakang menu yang lama */
.pkp_navigation_primary,
.pkp_navigation_primary_wrapper {
    background: transparent !important;
    box-shadow: none !important;
}

/* --- 2. Tata letak menu + search sejajar --- */
.pkp_site_nav_menu .pkp_navigation_primary_wrapper {
    max-width: 1140px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* List menu dibuat horisontal rapi */
.pkp_navigation_primary > ul {
    display: flex;
    gap: 24px;
    margin: 0;
    padding: 0;
}

/* Link menu */
.pkp_navigation_primary > ul > li > a {
    background: transparent !important;
    padding: 12px 0;
    text-transform: uppercase;
    font-weight: 600;
    color: #5a2e00 !important;
}

/* Hover menu */
.pkp_navigation_primary > ul > li > a:hover {
    color: #b35000 !important;
    border-bottom: 2px solid #b35000;
}

/* --- 3. Style kotak Search agar menyatu dengan navbar --- */
.pkp_site_nav_menu .pkp_search {
    margin-left: auto;
}

.pkp_site_nav_menu .pkp_search .search_prompt {
    background: #ffffff;
    border-radius: 4px;
    border: 1px solid #ffc266;
    color: #b35000;
}

.pkp_site_nav_menu .pkp_search .search_prompt::placeholder {
    color: #cc7a29;
}
/* === RESTORE GRADIENT ORANGE UNTUK NAVIGASI === */
.pkp_site_nav_menu,
.pkp_navigation_primary,
.pkp_navigation_primary_wrapper {
    background: linear-gradient(90deg, #f89b2d 0%, #ffc266 50%, #ffe0b3 100%) !important;
    border-bottom: 2px solid #e5861c;
}

/* Supaya area putih tidak muncul lagi di belakang menu */
.pkp_site_nav_menu {
    padding: 0;
}

/* Menu tetap rapi */
.pkp_navigation_primary > ul > li > a {
    background: transparent !important;
    padding: 12px 18px;
    text-transform: uppercase;
    font-weight: 600;
    color: #5a2e00 !important;
}
/* === 1. BAR NAVIGASI FULL-WIDTH DENGAN GRADIENT ORANGE === */
.pkp_structure_head,
.pkp_site_nav_menu {
    background: linear-gradient(90deg, #f89b2d 0%, #ffc266 50%, #ffe0b3 100%) !important;
    border-bottom: 2px solid #e5861c;
}

/* Hilangkan padding kiri-kanan yang membuat sisi putih */
.pkp_site_nav_menu {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* === 2. HAPUS BLOK ORANYE YANG MENUMPUK DI BELAKANG MENU === */
.pkp_navigation_primary_wrapper,
.pkp_navigation_primary,
.pkp_navigation_primary > ul,
.pkp_navigation_primary > ul > li {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* === 3. RAPIKAN TULISAN MENU === */
.pkp_navigation_primary > ul {
    margin: 0;
    padding: 0 20px;
}

.pkp_navigation_primary > ul > li > a {
    padding: 12px 18px;
    text-transform: uppercase;
    font-weight: 600;
    color: #5a2e00 !important;
    background: transparent !important;
}

/* Hover */
.pkp_navigation_primary > ul > li > a:hover {
    color: #b35000 !important;
    border-bottom: 2px solid #b35000;
}

/* === 4. SEARCH TETAP DI BAR YANG SAMA === */
.pkp_site_nav_menu .pkp_search {
    margin-right: 20px;
}
/* Geser menu navigasi ke kiri */
.pkp_navigation_primary_wrapper {
    padding-left: 0 !important;
}

.pkp_navigation_primary > ul {
    padding-left: 10px !important;  /* sedikit jarak agar tidak terlalu menempel */
}
.pkp_navigation_primary > ul > li > a {
    color: #5a2e00 !important;
    text-shadow: 0 0 6px rgba(255, 180, 80, 0.6);
    font-weight: 700;
}
/* === PAKSA MENU NAVIGASI MENDEKATI KIRI === */

/* Buang pengaturan max-width dan margin auto yang membuatnya selalu di tengah */
.pkp_site_nav_menu .pkp_navigation_primary_wrapper {
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
}

/* Pastikan kontainer menu tidak center-align */
.pkp_site_nav_menu .pkp_navigation_primary {
    text-align: left !important;
    margin-left: 0 !important;
}

/* List menu benar-benar mulai dari kiri */
.pkp_site_nav_menu .pkp_navigation_primary > ul {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

/* Kalau masih terlalu jauh, ini akan menarik lagi 10px ke kiri */
.pkp_site_nav_menu .pkp_navigation_primary > ul {
    transform: translateX(-5px);
}
/* ==== FINAL FIX NAVIGASI: GRADIENT + JARAK ATAS ==== */

/* Bar navigasi dan wrapper-nya pakai gradasi orange */
.pkp_site_nav_menu,
.pkp_site_nav_menu .pkp_navigation_primary_wrapper {
    background: linear-gradient(90deg, #f89b2d 0%, #ffc266 50%, #ffe0b3 100%) !important;
    border-bottom: 2px solid #e5861c;
}

/* Tambah jarak sedikit dari header ke menu */
.pkp_site_nav_menu {
    padding-top: 8px !important;   /* boleh dinaikkan ke 10–12 jika mau lebih lega */
    padding-bottom: 4px !important;
}

/* Pastikan wrapper menu tidak menimpa background dengan warna putih */
.pkp_navigation_primary_wrapper,
.pkp_navigation_primary,
.pkp_navigation_primary > ul,
.pkp_navigation_primary > ul > li {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}
/* ==== FINAL CLEAN-UP NAVBAR: HILANGKAN SISA PUTIH DI UJUNG ==== */

/* Bar utama tetap gradasi orange */
.pkp_site_nav_menu {
    background: linear-gradient(90deg, #f89b2d 0%, #ffc266 50%, #ffe0b3 100%) !important;
    border-bottom: 2px solid #e5861c;
}

/* Bagian kiri & kanan navbar dibuat transparan (supaya tidak putih) */
.pkp_site_nav_left,
.pkp_site_nav_right {
    background: transparent !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;
}

/* Wrapper menu utama & user nav juga jangan punya background putih */
.pkp_navigation_primary_wrapper,
.pkp_navigation_user_wrapper {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* Search box: hanya kotaknya saja yang putih, bukan area di belakangnya */
.pkp_site_nav_menu .pkp_search {
    background: transparent !important;
}

.pkp_site_nav_menu .pkp_search .search_prompt {
    background: #ffffff !important;     /* tetap putih */
    border: 1px solid #ffc266;
    border-radius: 4px;
}
/* =====================================================
   SUPER CLEAN NAVBAR: HAPUS SEMUA PUTIH SISA
   ===================================================== */

/* Gradasi oranye untuk seluruh bar navigasi */
.pkp_site_nav_menu {
    background: linear-gradient(90deg, #f89b2d 0%, #ffc266 50%, #ffe0b3 100%) !important;
    border-bottom: 2px solid #e5861c;
    padding-top: 8px !important;
    padding-bottom: 4px !important;
}

/* SEMUA elemen di dalam navbar dibuat transparan
   (ini yang akan menghapus kotak putih kiri, kanan, dan belakang search) */
.pkp_site_nav_menu * {
    background: transparent !important;
    box-shadow: none !important;
    border-color: transparent !important;
}

/* --- SETEL ULANG MENU UTAMA (setelah di-reset di atas) --- */
.pkp_navigation_primary_wrapper {
    display: inline-block !important;
    text-align: left !important;
    padding: 0 20px !important;
}

.pkp_navigation_primary {
    display: inline-block !important;
    margin: 0 !important;
}

.pkp_navigation_primary > ul {
    display: flex;
    gap: 24px;
    margin: 0;
    padding: 0;
}

.pkp_navigation_primary > ul > li {
    list-style: none;
}

.pkp_navigation_primary > ul > li > a {
    padding: 12px 0;
    text-transform: uppercase;
    font-weight: 700;
    color: #5a2e00 !important;
    text-shadow: 0 0 6px rgba(255, 180, 80, 0.6),
                 1px 1px 3px rgba(0,0,0,0.2);
}

/* --- SEARCH: hanya inputnya saja yang putih --- */
.pkp_site_nav_menu .pkp_search {
    float: right;
    margin-right: 20px;
}

.pkp_site_nav_menu .pkp_search .search_prompt {
    background: #ffffff !important;   /* kotak input putih */
    border: 1px solid #ffc266 !important;
    border-radius: 4px;
    color: #b35000;
    box-shadow: none !important;
}
/* =====================================================
   NORMALISASI POSISI TULISAN NAVIGASI
   ===================================================== */

/* Kembalikan wrapper menu menjadi flex rapi horizontal */
.pkp_navigation_primary_wrapper {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;       /* cegah turun ke baris kedua */
    padding: 0 20px !important;
}

/* Kontainer menu tidak lagi inline-block */
.pkp_navigation_primary {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
}

/* List menu tampil sebagai satu baris */
.pkp_navigation_primary > ul {
    display: flex !important;
    flex-wrap: nowrap !important;       /* cegah menu wrap */
    gap: 24px;
    margin: 0;
    padding: 0;
}

/* Item menu rapi sejajar */
.pkp_navigation_primary > ul > li {
    list-style: none;
    white-space: nowrap;                /* cegah "Submissions" turun baris */
}

/* Perbaikan posisi teks menu */
.pkp_navigation_primary > ul > li > a {
    display: inline-flex !important;
    align-items: center !important;
    padding: 12px 0 !important;
}
/* ===== POSISI NAV: KIRI, SEARCH DI KANAN ===== */

/* Bar nav punya padding kiri-kanan saja */
.pkp_site_nav_menu {
    padding: 8px 20px 4px 20px !important;  /* top right bottom left */
}

/* Wrapper nav: flex, sejajar, tidak di-center */
.pkp_site_nav_menu .pkp_navigation_primary_wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;   /* mulai dari kiri */
    padding: 0 !important;
}

/* Menu utama ditempatkan di sisi kiri dan mendorong elemen lain ke kanan */
.pkp_navigation_primary {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    margin-right: auto !important;            /* ini yang bikin menu mentok kiri,
                                                 search terdorong ke kanan */
}

/* List menu tetap 1 baris */
.pkp_navigation_primary > ul {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 24px;
    margin: 0;
    padding: 0;
}

/* Search box menempel di sisi kanan */
.pkp_site_nav_menu .pkp_search {
    margin-left: 20px !important;
}
/* ============================
   SIDEBAR BLOCK — BOX STYLE
   ============================ */
.pkp_block {
    background: #ffffff !important;
    border: 1px solid #e0e0e0 !important;   /* garis pembatas kotak */
    border-radius: 0 !important;            /* hilangkan lengkungan */
    padding: 18px 20px !important;
    margin-bottom: 12px !important;         /* jarak antar blok dibuat lebih rapat */
    box-shadow: none !important;
}

/* ============================
   SIDEBAR BLOCK HEADER TITLES
   ============================ */
.pkp_block .title {
    border-bottom: 2px solid #e6994c !important; /* garis bawah judul */
    padding-bottom: 6px !important;
    margin-bottom: 12px !important;
    font-weight: 700 !important;
    color: #c45f14 !important;
}

/* ============================
   LIST ITEM SPACING
   ============================ */
.pkp_block li {
    margin-bottom: 6px !important; /* list lebih rapat */
}

/* ============================
   SEARCH BLOCK FIX (optional)
   ============================ */
.pkp_block .form-control,
.pkp_block input[type="text"],
.pkp_block input[type="search"] {
    border-radius: 0 !important;
}
/* Kotak sidebar dengan border glow */
.pkp_block {
    background: #ffffff !important;
    border: 1px solid #e5a25a !important;   /* warna border */
    border-radius: 0 !important;
    padding: 18px 20px !important;
    margin-bottom: 12px !important;

    /* Efek glow halus pada border */
    box-shadow: 0 0 8px rgba(229, 162, 90, 0.6) !important;
}
.pkp_block {
    border: 1px solid #eAA763 !important;
    box-shadow: 0 0 4px rgba(234, 167, 99, 0.35) !important;
}

/* Hilangkan jarak antar blok sidebar agar border menyatu */
.pkp_block {
    margin-bottom: 0 !important;      /* hapus jarak antar blok */
    border-radius: 0 !important;
}

/* Beri sedikit jarak hanya pada blok terakhir jika diperlukan */
.pkp_block:last-child {
    margin-bottom: 10px !important;   /* opsional */
}
/* ==========================================================
   POSISI NAV KE KIRI TOTAL — TANPA PADDING & MARGIN
   ========================================================== */

/* Hilangkan seluruh padding/margin kiri dari struktur header */
.pkp_structure_head,
.pkp_site_nav_menu,
.pkp_site_nav_menu .pkp_navigation_primary_wrapper,
.pkp_navigation_primary_wrapper {
    padding-left: 0 !important;
    margin-left: 0 !important;
}

/* Bar nav tetap punya padding kanan saja (kiri = 0) */
.pkp_site_nav_menu {
    padding: 8px 20px 4px 0 !important; /* top right bottom left */
}

/* Wrapper nav — flex, mulai dari kiri */
.pkp_site_nav_menu .pkp_navigation_primary_wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

/* Menu utama benar-benar nempel kiri */
.pkp_navigation_primary {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    margin-right: auto !important; /* dorong search ke kanan */
}

/* Hilangkan padding default di UL agar 0 px dari kiri */
.pkp_navigation_primary > ul {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 24px;
    margin: 0 !important;
    padding: 0 !important;
}

/* Pastikan <li> tidak ada indent bawaan */
.pkp_navigation_primary > ul > li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* SEARCH tetap di kanan */
.pkp_site_nav_menu .pkp_search {
    margin-left: auto !important;
    margin-right: 20px !important;
}
/* Judul Sidebar Elegan */
.pkp_block .title {
    font-size: 17px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    color: #c45f14 !important;

    padding: 8px 0 8px 0 !important;
    margin-bottom: 14px !important;

    letter-spacing: 0.8px !important;   /* tipis elegan */

    border: none !important;

    /* Accent line elegan */
    position: relative;
}

.pkp_block .title::after {
    content: "";
    display: block;
    width: 60px;               /* panjang garis */
    height: 2px;               /* ketebalan garis */
    background: #d1833f;       /* warna garis */
    margin-top: 6px;
    border-radius: 2px;
    box-shadow: 0 0 6px rgba(209, 131, 63, 0.45); /* glow tipis */
}
.pkp_block .title {
    font-size: 16px !important;
    font-weight: 600 !important;
    padding-bottom: 4px !important;
    border-bottom: 1px solid #d4d4d4 !important;
    color: #b15718 !important;
}
/* Judul Sidebar Elegan */
.pkp_block .title {
    font-size: 17px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    color: #c45f14 !important;
    padding: 8px 0 !important;
    margin-bottom: 12px !important;
    border: none !important;   /* hilangkan border bawaan */
    position: relative;
}

/* Garis panjang dengan glow */
.pkp_block .title::after {
    content: "";
    display: block;
    width: 100%;                  /* garis panjang penuh */
    height: 2px;                  /* ketebalan garis */
    background: #d1833f;          /* warna garis */
    margin-top: 6px;
    border-radius: 2px;

    /* efek glow lembut */
    box-shadow: 
        0 0 6px rgba(209, 131, 63, 0.45),
        0 0 10px rgba(209, 131, 63, 0.25);
}

/* Pastikan garis pendek lama dihapus */
.pkp_block .title span,
.pkp_block .title hr {
    display: none !important;
}
/* Membalik urutan Additional Content dan Current Issue pada OJS 3.5.x */
.pkp_page_issue .pkp_issue_toc {
    display: flex;
    flex-direction: column;
}

/* Current Issue ke bawah */
.pkp_page_issue .pkp_issue_sections {
    order: 2;
}

/* Additional Content ke atas */
.pkp_page_issue .pkp_issue_description {
    order: 1;
}
/* OJS 3.5.1 – membalik urutan blok Current Issue dan Additional Content */

/* 1) Jika kontainernya bernama obj_issue_toc (banyak tema lama & baru) */
.pkp_page_issue .obj_issue_toc {
    display: flex;
    flex-direction: column-reverse;   /* semua anaknya dibalik urutannya */
}

/* 2) Jika kontainernya bernama pkp_issue_toc (beberapa tema 3.5.x) */
.pkp_page_issue .pkp_issue_toc {
    display: flex;
    flex-direction: column-reverse;
}
/* OJS 3.5.1 – Membalik urutan CURRENT ISSUE dan Additional Content di beranda */

/* Kontainer utama isi tengah beranda jurnal */
.pkp_page_index .page_index_journal {
    display: flex !important;
    flex-direction: column !important;
}

/* CURRENT ISSUE dipindah ke urutan kedua (di bawah) */
.pkp_page_index .page_index_journal .current_issue {
    order: 2 !important;
}

/* Additional content (deskripsi Mimbar + cover) naik ke urutan pertama (di atas) */
.pkp_page_index .page_index_journal .additional_content {
    order: 1 !important;
}
/* =============================
   P A D A T K A N   C U R R E N T   I S S U E
   ============================= */

/* Hilangkan ruang besar setelah CURRENT ISSUE */
.pkp_page_index .current_issue h2 {
    margin-top: 10px !important;
    margin-bottom: 5px !important;
}

/* Hilangkan jarak besar antara garis oranye dan Vol. */
.pkp_page_index .current_issue .heading,
.pkp_page_index .current_issue h3 {
    margin-top: 0 !important;
    margin-bottom: 5px !important;
    padding: 0 !important;
}

/* Vol. 12 → DOI */
.pkp_page_index .current_issue .published,
.pkp_page_index .current_issue .doi {
    margin-top: 0 !important;
    margin-bottom: 3px !important;
    padding: 0 !important;
}

/* PUBLISHED → Articles */
.pkp_page_index .current_issue .sections,
.pkp_page_index .current_issue .articles h4,
.pkp_page_index .current_issue .articles {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    padding: 0 !important;
}

/* Articles → Judul artikel */
.pkp_page_index .current_issue .article_summary {
    margin-top: 5px !important;
    padding-top: 0 !important;
}
/* Meluruskan posisi judul artikel agar sejajar kembali dengan elemen lain */
.pkp_page_index .current_issue .article_summary {
    margin-left: 10px !important;   /* geser sedikit ke kanan */
}

/* Jika masih kurang rata, atur juga kontainer Articles */
.pkp_page_index .current_issue .articles {
    padding-left: 10px !important;
}
/* Ratakan kembali posisi judul artikel dengan kolom utama */
.pkp_page_index .current_issue .articles,
.pkp_page_index .current_issue .article_summary,
.pkp_page_index .current_issue .article_summary .media__body {
    margin-left: 0 !important;
    padding-left: 0 !important;
}
/* Ratakan teks "Articles" dengan Vol., DOI, dll. */
.pkp_page_index .current_issue h4,
.pkp_page_index .current_issue .sections h4,
.pkp_page_index .current_issue .articles h4 {
    margin-left: 0 !important;
    padding-left: 0 !important;
}
/* Luruskan teks "Articles" dengan kolom kiri lain */
.pkp_page_index .current_issue .cmp_article_list_heading {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

/* Sekalian nolkan kontainer list-nya kalau masih ada padding */
.pkp_page_index .current_issue .cmp_article_list {
    margin-left: 0 !important;
    padding-left: 0 !important;
}
/* Luruskan teks "Articles" di current issue OJS 3.5.1 */

/* Nolkan margin/padding kiri pembungkus sections */
.pkp_page_index .current_issue .sections,
.pkp_page_index .current_issue .sections .section {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

/* Nolkan margin/padding kiri H3 "Articles" */
.pkp_page_index .current_issue .sections h3 {
    margin-left: 0 !important;
    padding-left: 0 !important;
}
/* Koreksi posisi "Articles" agar benar-benar segaris secara visual */
.pkp_page_index .current_issue .sections h3 {
    margin-left: -6px !important;   /* bisa dicoba -4px, -6px, atau -8px */
}
/* Paksa container Articles mengikuti kolom kiri */
.pkp_page_index .current_issue .sections {
    display: block !important;
}

/* Ratakan heading Articles */
.pkp_page_index .current_issue .sections h3 {
    text-align: left !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    left: 0 !important;
}
/* Mengurangi jarak sebelum heading Indexed/Abstracted */
.pkp_structure_main p:last-of-type {
    margin-bottom: 10px !important;   /* default biasanya 25–40px */
}

/* Jika heading menggunakan <h4> */
.pkp_structure_main h4 {
    margin-top: 5px !important; 
}

/* Jika bagian indexing berada di block khusus footer homepage */
.homepage_about h4,
.homepage_about .homepage_about_title {
    margin-top: 5px !important;
}

/* Alternatif tambahan – kurangi padding top pada blok indexing */
.indexing-block, 
.home-block-indexing {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
/* Mengurangi jarak antar paragraf di kotak deskripsi jurnal */
.home-intro-text p {
    margin: 0 0 6px 0 !important;   /* atas 0, bawah 6px saja */
    padding: 0 !important;
}

/* Paragraf yang berurutan (termasuk yang berisi "Indexed / Abstracted in:") */
.home-intro-text p + p {
    margin-top: 4px !important;     /* jarak sangat kecil antara paragraf */
}

/* Jika ada blok khusus logo indexing, rapatkan dengan teks di atasnya */
.home-intro-text + .indexing-block,
.home-intro-text + div {
    margin-top: 4px !important;
    padding-top: 0 !important;
}
/* Hilangkan jarak besar di atas Indexed / Abstracted */
section.current_issue {
    margin-bottom: 5px !important;
    padding-bottom: 0 !important;
}

/* Kurangi jarak default additional_content */
.additional_content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Jika di dalam additional_content masih ada wrapper lain */
.additional_content > * {
    margin-top: 5px !important;
    padding-top: 0 !important;
}
.pkp_structure_main .additional_content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
/* Mengatur semua paragraf di blok Additional Content (deskripsi + Indexed) */
.page_index_journal .additional_content p {
    margin-top: 0 !important;
    margin-bottom: 6px !important;   /* bisa diperkecil lagi jadi 2–4px */
    padding: 0 !important;
}

/* Khusus jarak antara kalimat ISSN dan 'Indexed / Abstracted in:' */
.page_index_journal .additional_content p:nth-last-of-type(2) {
    margin-bottom: 2px !important;   /* ini yang bikin jaraknya jadi rapat */
}
/* Rapikan jarak antara deskripsi jurnal dan tulisan Indexed */

/* Kurangi jarak bawah blok deskripsi */
.pkp_page_index .home-intro {
    margin-bottom: 6px !important;   /* bisa diperkecil lagi jadi 0–4px jika perlu */
    padding-bottom: 0 !important;
}

/* Kurangi jarak atas blok Indexed */
.pkp_page_index .home-index-logos-wrapper {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Paragraf terakhir deskripsi (yang ada ISSN) jangan punya margin bawah besar */
.pkp_page_index .home-intro-text p:last-child {
    margin-bottom: 2px !important;
}

/* Judul "Indexed / Abstracted in:" tanpa jarak tambahan */
.pkp_page_index .home-index-logos-title {
    margin-top: 0 !important;
    margin-bottom: 4px !important;   /* boleh 0–4px sesuai selera */
}
/* ===============================
   NUANSA ORANGE ELEGAN UNTUK CURRENT ISSUE
   =============================== */

/* CURRENT ISSUE heading */
.pkp_page_index .current_issue h2 {
    color: #b67326 !important;  /* orange gelap elegan */
}

/* Garis di bawah CURRENT ISSUE (jika ingin lebih gelap elegan) */
.pkp_page_index .current_issue h2 + hr,
.pkp_page_index .current_issue .separator {
    border-color: #d98b32 !important;
}

/* Vol. 12 No. 1 (2025) */
.pkp_page_index .current_issue .current_issue_title {
    color: #b67326 !important;
}

/* Label DOI & PUBLISHED */
.pkp_page_index .current_issue .doi strong,
.pkp_page_index .current_issue .published strong {
    color: #b67326 !important;
}

/* Nilai DOI dan tanggal */
.pkp_page_index .current_issue .doi,
.pkp_page_index .current_issue .published {
    color: #a85f1a !important;   /* orange lembut */
}

/* "Articles" heading */
.pkp_page_index .current_issue .sections h3 {
    color: #b67326 !important;
}

/* Judul artikel */
.pkp_page_index .current_issue .article_summary .title,
.pkp_page_index .current_issue .article_summary h3 a {
    color: #d98b32 !important;   /* orange utama, elegan dan menonjol */
}

/* Penulis artikel */
.pkp_page_index .current_issue .article_summary .authors {
    color: #a85f1a !important;
}
/* Efek garis bawah glow elegan untuk item di sidebar Editorial Policies */
#customblock-editorial-policies td {
    padding: 6px 0 !important;
    border-bottom: 1px solid rgba(209, 131, 63, 0.35) !important; /* garis tipis */
    position: relative;
}

/* Glow lembut di bawah garis */
#customblock-editorial-policies td::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 1px;

    /* cahaya glow */
    box-shadow: 0 0 6px rgba(209, 131, 63, 0.55);
    pointer-events: none;
}

/* Hilangkan garis terakhir agar tampilan rapi */
#customblock-editorial-policies tr:last-child td {
    border-bottom: none !important;
}
/* Glow elegan pada teks list sidebar */
#customblock-editorial-policies td {
    color: #2a657d !important; /* warna teks tetap seperti sebelumnya */
    font-weight: 500 !important;
    text-shadow: 0 0 6px rgba(209, 131, 63, 0.45); /* glow lembut */
}
/* Glow elegan lembut untuk deskripsi jurnal */
.pkp_page_index .pkp_structure_main p {
    text-shadow: 0 0 4px rgba(209, 131, 63, 0.25);
}
/* Glow halus untuk label section "Articles" */
.obj_issue_toc .section,
.section-title {
    text-shadow: 0 0 4px rgba(209, 131, 63, 0.35);
}

/* Glow elegan untuk judul artikel */
.obj_article_summary .title a,
.obj_article_summary .title {
    text-shadow: 0 0 6px rgba(209, 131, 63, 0.32);
}

/* Glow lembut untuk nama penulis */
.obj_article_summary .authors,
.obj_article_summary .meta {
    text-shadow: 0 0 4px rgba(209, 131, 63, 0.25);
}
/* === SEJAJARKAN GARIS ATAS BLOK HIGHLIGHT === */
.page_index_journal .highlights {
    margin-top: 0 !important;       /* sejajarkan dengan batas atas */
}
/* === WARNA LATAR BLOK HIGHLIGHT === */
.page_index_journal .highlights {
    background-color: #fffaf3 !important;    /* krem lembut */
    border: 1px solid #ebc49a !important;    /* garis halus */
}
/* Garis glow elegan tipis */
.indexing-block-divider {
    width: 100%;
    height: 1px;                     /* sangat tipis */
    margin: 15px 0 25px 0;
    background: rgba(255,165,0,0.4); /* warna dasar tipis */
    box-shadow: 0 0 8px rgba(255,165,0,0.6); /* glow halus */
    border-radius: 1px;
}
/* ===============================
   EDITORIAL BOARD – ELEGANT STYLE
   (NO SCOPUS / NO LINKS)
   =============================== */

/* Judul halaman */
body.pkp_page_editorial .pkp_structure_main .page h2 {
    color: #cc5500;
    font-weight: 700;
    margin-bottom: 1.5rem;
}

/* Subjudul section (EiC, Associate Editors, dll.) */
body.pkp_page_editorial .pkp_structure_main .page h3 {
    color: #cc5500;
    font-weight: 600;
    margin-top: 1,4rem;
    margin-bottom: 0.75rem;
}

/* Blok tiap editor (aman, tidak ganggu backend) */
body.pkp_page_editorial .pkp_structure_main .page p {
    margin-bottom: 0.5rem;
    line-height: 1.55;
}

/* NAMA EDITOR – GLOW HALUS & ELEGAN */
body.pkp_page_editorial .pkp_structure_main .page p strong {
    color: #cc5500;
    font-weight: 700;
    text-shadow:
        0 0 4px rgba(255,170,60,0.6),
        0 0 8px rgba(255,120,0,0.4);
}

/* BARIS KEAHLIAN */
body.pkp_page_editorial .pkp_structure_main .page p em {
    display: block;
    margin-top: 0.2rem;
    font-style: italic;
    color: #555;
}
/* ===============================
   EDITORIAL BOARD – FINAL REFINEMENT
   =============================== */

/* Judul halaman utama */
body.pkp_page_editorial .pkp_structure_main .page h2 {
    color: #cc5500;
    font-weight: 700;
    margin-bottom: 1.6rem;
}

/* SUBJUDUL KATEGORI (EiC, Editorial Boards, Assistant Editors)
   → diperbesar ±2pt */
body.pkp_page_editorial .pkp_structure_main .page h3 {
    color: #cc5500;
    font-weight: 800;
    font-size: 1.20rem;   /* naik ±2pt dari default */
    margin-top: 2rem;
    margin-bottom: 0.8rem;
}

/* BLOK TIAP EDITOR
   → spasi diperkecil */
body.pkp_page_editorial .pkp_structure_main .page p {
    margin-bottom: 1.05rem;   /* sebelumnya terlalu jauh */
    line-height: 1.5;
}

/* NAMA EDITOR – glow halus tetap */
body.pkp_page_editorial .pkp_structure_main .page p strong {
    color: #cc5500;
    font-weight: 700;
    text-shadow:
        0 0 4px rgba(255,170,60,0.55),
        0 0 7px rgba(255,120,0,0.35);
}

/* BARIS KEAHLIAN – rapat & elegan */
body.pkp_page_editorial .pkp_structure_main .page p em {
    display: block;
    margin-top: 0.15rem;
    font-style: italic;
    color: #555;
}
/* === FRAME GLOW ELEGAN UNTUK KONTEN PUTIH (SEMUA HALAMAN) === */
body .pkp_structure_content .pkp_structure_main {
  border: 1px solid rgba(204, 85, 0, 0.18) !important; /* samakan “ketebalan visual” sidebar */
  box-shadow:
    0 0 4px rgba(204, 85, 0, 0.12),
    0 0 8px rgba(204, 85, 0, 0.06) !important;

  background-clip: padding-box !important;
}

/* kalau ada parent yang memotong border/glow di bawah */
body .pkp_structure_content {
  overflow: visible !important;
}
/* === FRAME GLOW UNTUK SELURUH AREA PUTIH (KIRI + BAWAH IKUT) === */
.pkp_structure_content {
  position: relative !important;
  overflow: visible !important;
}

.pkp_structure_content::before {
  content: "";
  position: absolute;
  inset: 0; /* nempel ke semua sisi wrapper putih */
  border: 1px solid rgba(204, 85, 0, 0.18); /* samakan “tebal visual” sidebar */
  box-shadow:
    0 0 4px rgba(204, 85, 0, 0.12),
    0 0 8px rgba(204, 85, 0, 0.06);
  pointer-events: none;
  z-index: 1;
}

/* pastikan isi konten tetap normal, tidak ketutup frame */
.pkp_structure_content > * {
  position: relative;
  z-index: 2;
}
/* === FRAME TIPIS + GLOW UNTUK SELURUH "HALAMAN PUTIH" (SEMUA HALAMAN) === */
.pkp_structure_page{
  position: relative !important;
}

.pkp_structure_page::before{
  content: "";
  position: absolute;
  inset: 0;
  box-shadow:
    inset 0 0 0 1px rgba(204, 85, 0, 0.18),   /* garis tipis */
    0 0 6px rgba(204, 85, 0, 0.12),
    0 0 12px rgba(204, 85, 0, 0.06);
  pointer-events: none;
  z-index: 0;
}

/* pastikan semua konten tetap di atas frame */
.pkp_structure_page > *{
  position: relative;
  z-index: 1;
}
/* =====================================================
   FIX: hanya banner header dibuat sejajar grid konten
   (NAVIGASI tidak diubah)
   ===================================================== */

:root{
  --msd-header-max: 1157px;   /* coba 1140 dulu; jika kurang pas, ganti 1200 */
  --msd-header-pad: 0px;      /* kalau ingin ada jarak kiri-kanan di dalam banner, isi 20px */
}

/* batasi hanya link pembungkus gambar header */
.pkp_site_name a.is_img{
  max-width: var(--msd-header-max) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: var(--msd-header-pad) !important;
  padding-right: var(--msd-header-pad) !important;

  /* tetap responsif */
  width: 100% !important;
  height: auto !important; /* override height:100% agar tidak “ketarik” */
  box-sizing: border-box !important;
}

/* gambar ikut wrapper, jangan dipaksa tinggi 100% */
.pkp_site_name .is_img img,
.pkp_brand_logo{
  width: 100% !important;
  height: auto !important;     /* override height:100% */
  object-fit: cover !important;
  display: block !important;
}
/* =====================================================
   FIX HEADER SAJA — LURUS VERTIKAL & SEJAJAR KONTEN
   (NAVIGASI TIDAK DISENTUH)
   ===================================================== */

/* Samakan lebar banner dengan grid konten */
:root{
  --msd-header-max: 1140px;  /* sesuaikan dengan lebar konten utama */
}

/* Batasi HANYA pembungkus gambar header */
.pkp_site_name a.is_img{
  max-width: var(--msd-header-max) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100% !important;
  height: auto !important;
}

/* Jangan paksa tinggi gambar */
.pkp_site_name .is_img img,
.pkp_brand_logo{
  width: 100% !important;
  height: auto !important;     /* INI KUNCI agar tidak ketarik */
  display: block !important;
  object-fit: cover !important;
}
/* =====================================================
   FIX EDITOR BACKEND — KEMBALIKAN UKURAN BESAR
   (TIDAK GANGGU FRONTEND)
   ===================================================== */

/* Area editor utama */
.tox.tox-tinymce{
  min-height: 75vh !important;
}

/* Iframe editor */
.tox .tox-edit-area iframe{
  min-height: 70vh !important;
}

/* Pastikan container backend tidak membatasi lebar */
body.pkp_page_workflow .pkp_structure_main,
body.pkp_page_submission .pkp_structure_main,
body.pkp_page_management .pkp_structure_main{
  max-width: none !important;
}
/* =========================================================
   FIX (v2) — BACKEND EDITOR FULL SIZE (OJS 3.5.x)
   Tempel di PALING BAWAH styleojs3.css
   ========================================================= */

/* --- A) JANGAN sentuh layout backend (dashboard/workflow/submission) --- */
body.pkp_page_workflow .pkp_structure_head,
body.pkp_page_submissions .pkp_structure_head,
body.pkp_page_management .pkp_structure_head,
body.pkp_page_users .pkp_structure_head,
body.pkp_page_admin .pkp_structure_head{
  min-height: initial !important;
}

body.pkp_page_workflow .pkp_head_wrapper,
body.pkp_page_submissions .pkp_head_wrapper,
body.pkp_page_management .pkp_head_wrapper,
body.pkp_page_users .pkp_head_wrapper,
body.pkp_page_admin .pkp_head_wrapper{
  line-height: normal !important;
}

/* Lepaskan “container feel” pada backend agar tidak terasa mengecil */
body.pkp_page_workflow .pkp_structure_main,
body.pkp_page_submissions .pkp_structure_main,
body.pkp_page_management .pkp_structure_main,
body.pkp_page_users .pkp_structure_main,
body.pkp_page_admin .pkp_structure_main{
  max-width: none !important;
  width: auto !important;
  margin: 0 !important;
  box-shadow: none !important;
}

/* --- B) PERBESAR editor (TinyMCE modern = .tox, legacy = .mce) --- */
body.pkp_page_workflow .tox-tinymce,
body.pkp_page_submissions .tox-tinymce,
body.pkp_page_management .tox-tinymce{
  height: 72vh !important;
  min-height: 520px !important;
  max-height: none !important;
}

body.pkp_page_workflow .tox .tox-edit-area__iframe,
body.pkp_page_submissions .tox .tox-edit-area__iframe,
body.pkp_page_management .tox .tox-edit-area__iframe{
  height: 100% !important;
}

/* Legacy fallback (kalau instance TinyMCE lama masih muncul) */
body.pkp_page_workflow .mce-tinymce,
body.pkp_page_submissions .mce-tinymce,
body.pkp_page_management .mce-tinymce{
  min-height: 520px !important;
  height: 72vh !important;
}

body.pkp_page_workflow .mce-edit-area iframe,
body.pkp_page_submissions .mce-edit-area iframe,
body.pkp_page_management .mce-edit-area iframe{
  min-height: 520px !important;
  height: 100% !important;
}
/* =====================================================
   MSD TIMELINE — 1 BARIS PENUH SAMPAI BATAS KOLOM (SEBELUM SIDEBAR)
   Tempel PALING BAWAH
   ===================================================== */

.pkp_page_index .page_index_journal .additional_content .msd-timeline{
  width: 100% !important;
  display: flex !important;
  align-items: baseline !important;
  gap: 10px !important;
  margin-top: 6px !important;
}

.pkp_page_index .page_index_journal .additional_content .msd-timeline__label{
  flex: 0 0 auto !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}

.pkp_page_index .page_index_journal .additional_content .msd-timeline__items{
  flex: 1 1 auto !important;     /* ini yang bikin “ngisi” sampai batas kolom */
  white-space: nowrap !important; /* paksa 1 baris */
  overflow: hidden !important;
  text-overflow: clip !important;
  display: block !important;
}