/* --- COMPACT SIDEBAR (MENGURANGI JARAK) --- */

/* 1. Mengurangi jarak vertikal antar blok utama */
.pkp_structure_sidebar .pkp_block {
    margin-bottom: 0 !important; /* Aslinya 40px, kita ubah jadi 10px biar rapat */
    padding-bottom: 0 !important;
}

/* 2. Mengurangi padding (ruang kosong) di dalam setiap kotak blok */
.pkp_structure_sidebar .pkp_block .content {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* 3. Khusus Judul Blok (Supaya tidak terlalu jauh dari isinya) */
.pkp_structure_sidebar .pkp_block .title {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}




/* --- SETUP UTAMA FOOTER --- */
.pkp_structure_footer {
    padding: 0 !important;
    border-top: none !important;
    background-color: #1c2d3a !important;
    /* Warna Utama Sesuai Request */
    color: #e0e6ed !important;
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}

.premium-footer-wrapper {
    background-color: #1c2d3a;
    color: #ecf0f1;
    font-size: 14px;
    line-height: 1.6;
}

.premium-footer-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 60px 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 30px;
}

/* --- KOLOM & LAYOUT --- */
.pf-column {
    flex: 1;
    min-width: 220px;
    margin-bottom: 20px;
}

.pf-title {
    color: #ffffff;
    /* Judul Putih Bersih */
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 25px;
    padding-bottom: 10px;
    border-bottom: 2px solid #ffb74d;
    /* Garis Bawah Aksen Emas/Orange */
    display: inline-block;
}

/* --- TEXT & LINKS --- */
.pf-desc,
.pf-address,
.pf-issn {
    color: #bdc3c7;
    /* Abu-abu terang agar nyaman dimata */
    font-size: 13px;
}

.pf-issn {
    margin-top: 15px;
    padding: 10px;
    background: rgba(255, 255, 255, 0.05);
    /* Kotak transparan halus */
    border-radius: 4px;
    display: inline-block;
}

.pf-links {
    list-style: none;
    padding: 0;
    margin: 0;
}

.pf-links li {
    margin-bottom: 12px;
}

.pf-links a {
    color: #bdc3c7 !important;
    text-decoration: none;
    transition: all 0.3s ease;
    display: block;
}

.pf-links a:hover {
    color: #ffb74d !important;
    /* Warna Emas saat disentuh mouse */
    padding-left: 8px;
    /* Efek geser sedikit saat hover */
}

/* --- COPYRIGHT BAR (Bagian Paling Bawah) --- */
.premium-footer-bottom {
    background-color: #15222e;
    /* Warna sedikit lebih gelap dari #1c2d3a */
    padding: 20px 0;
    text-align: center;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    font-size: 12px;
    color: #7f8c8d;
}

.premium-footer-bottom a {
    color: #95a5a6 !important;
    text-decoration: none;
}

/* --- RESPONSIF (Agar rapi di HP) --- */
@media (max-width: 768px) {
    .premium-footer-container {
        flex-direction: column;
        padding: 40px 20px;
    }

    .pf-column {
        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
        padding-bottom: 20px;
    }
}


/* --- CUSTOM NAVBAR PREMIUM --- */

/* 1. Mengubah Warna Dasar Navbar */
.pkp_navigation_primary_wrapper {
    background-color: #1c2d3a !important;
    /* Warna Dark Blue Cendekia */
    border-bottom: 3px solid #ffb74d;
    /* Garis Emas di bawah menu */
    font-family: 'Segoe UI', sans-serif;
}

/* 2. Mengubah Warna Teks Menu */
.pkp_navigation_primary>li>a {
    color: #ffffff !important;
    /* Tulisan Putih */
    font-weight: 600;
    text-transform: uppercase;
    /* Huruf Kapital Semua biar Gagah */
    letter-spacing: 0.5px;
    padding: 15px 20px !important;
}

/* 3. Efek Saat Kursor Diarahkan (Hover) */
.pkp_navigation_primary>li>a:hover,
.pkp_navigation_primary>li:focus>a,
.pkp_navigation_primary>li[aria-expanded="true"]>a {
    background-color: #15222e !important;
    /* Warna sedikit lebih gelap saat hover */
    color: #ffb74d !important;
    /* Tulisan berubah jadi Emas */
    border-radius: 4px;
}

/* 4. Mengubah Tampilan Dropdown (Sub-Menu) */
.pkp_navigation_primary ul {
    background-color: #1c2d3a !important;
    /* Background Dropdown Gelap */
    border: 1px solid #ffb74d;
    /* Bingkai Emas tipis */
}

.pkp_navigation_primary ul li a {
    color: #e0e6ed !important;
    /* Warna teks sub-menu abu terang */
    padding: 10px 20px !important;
}

.pkp_navigation_primary ul li a:hover {
    background-color: #ffb74d !important;
    /* Background Emas saat hover sub-menu */
    color: #1c2d3a !important;
    /* Teks jadi gelap saat hover */
}

/* 5. Mengubah Ikon Search (Kaca Pembesar) */
.pkp_search a {
    color: #ffffff !important;
}

.pkp_search a:hover {
    color: #ffb74d !important;
}

/* --- CUSTOM SIDEBAR PREMIUM IJoPE --- */

/* Kotak Pembungkus Sidebar */
.sidebar-premium-box {
    background: #ffffff;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
    /* Bayangan halus */
}

/* Judul Sidebar */
.sidebar-title {
    background-color: #1c2d3a;
    /* Dark Blue Cendekia */
    color: #ffffff;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 1px;
    border-bottom: 3px solid #ffb74d;
    /* Garis Emas */
    margin: -15px -15px 15px -15px;
    /* Melebarkan judul ke tepi */
    border-radius: 5px 5px 0 0;
}

/* Tombol Submit */
.sidebar-btn-submit {
    display: block;
    background: linear-gradient(45deg, #1c2d3a, #2c3e50);
    color: #fff !important;
    text-align: center;
    padding: 12px;
    border-radius: 4px;
    text-decoration: none;
    font-weight: bold;
    margin-bottom: 10px;
    transition: 0.3s;
    border: 1px solid #1c2d3a;
}

.sidebar-btn-submit:hover {
    background: #ffb74d;
    /* Berubah Emas saat hover */
    color: #1c2d3a !important;
    border-color: #ffb74d;
}

/* Tombol Template */
.sidebar-btn-template {
    display: block;
    background: #fff;
    color: #1c2d3a !important;
    text-align: center;
    padding: 10px;
    border-radius: 4px;
    text-decoration: none;
    font-weight: bold;
    border: 2px solid #1c2d3a;
    transition: 0.3s;
}

.sidebar-btn-template:hover {
    background: #1c2d3a;
    color: #fff !important;
}

/* Perbaikan Gambar Tools/Indexing */
.sidebar-premium-box img {
    transition: transform 0.2s;
}

.sidebar-premium-box img:hover {
    transform: scale(1.05);
    /* Efek zoom sedikit saat hover */
}

/* --- CUSTOM SIDEBAR NAV MENU (PREMIUM) --- */

/* Hilangkan bullet points bawaan */
ul.premium-nav-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Style Dasar Tiap Item Menu */
ul.premium-nav-list li {
    margin-bottom: 8px;
    /* Jarak antar tombol */
}

/* Style Link/Tombol */
ul.premium-nav-list li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 15px;
    background-color: #f8f9fa;
    /* Warna dasar terang */
    border-left: 4px solid #dde2e6;
    /* Garis pinggir abu-abu */
    color: #1c2d3a !important;
    /* Warna Teks Biru Gelap */
    text-decoration: none;
    font-weight: 600;
    font-size: 13px;
    transition: all 0.3s ease;
    /* Animasi halus */
    border-radius: 0 4px 4px 0;
    /* Sudut membulat di kanan */
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

/* EFEK SAAT DI-HOVER (DISENTUH MOUSE) */
ul.premium-nav-list li a:hover {
    background-color: #1c2d3a;
    /* Berubah jadi Biru Gelap Cendekia */
    color: #ffffff !important;
    /* Teks jadi putih */
    border-left: 5px solid #ffb74d;
    /* Garis pinggir jadi Emas tebal */
    padding-left: 20px;
    /* Tombol bergeser sedikit ke kanan */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
}

/* Style Panah Kecil di Kanan */
ul.premium-nav-list li a .arrow {
    color: #cbd5e0;
    font-size: 12px;
}

ul.premium-nav-list li a:hover .arrow {
    color: #ffb74d;
    /* Panah ikut jadi Emas */
}


/* --- MODERN EDITORIAL TEAM STYLE --- */

.editorial-team-container {
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    color: #333;
}

/* Judul Role (Editor in Chief, dll) */
.role-title {
    background-color: #1c2d3a;
    /* Dark Blue Cendekia */
    color: #fff;
    padding: 10px 15px;
    margin-top: 30px;
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    border-left: 5px solid #ffb74d;
    /* Aksen Emas */
    border-radius: 0 5px 5px 0;
}

/* Grid Layout (Agar berjejer rapi) */
.editor-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    /* Responsif otomatis */
    gap: 20px;
}

/* Desain Kartu Editor */
.editor-card {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 20px;
    transition: transform 0.3s, box-shadow 0.3s;
    position: relative;
    overflow: hidden;
}

/* Efek Hover (Kartu terangkat saat disentuh) */
.editor-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    border-top: 3px solid #ffb74d;
    /* Garis emas muncul di atas */
}

/* Khusus Editor in Chief (Tampil beda) */
.main-editor {
    display: flex;
    align-items: center;
    background: linear-gradient(to right, #ffffff, #f9f9f9);
    border-left: 5px solid #1c2d3a;
    max-width: 600px;
    /* Agar tidak terlalu lebar */
}

.editor-icon img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin-right: 20px;
    border: 3px solid #e0e0e0;
}

/* Tipografi Nama & Afiliasi */
.editor-name {
    margin: 0 0 5px 0;
    color: #1c2d3a;
    font-weight: 700;
}

.editor-affil {
    font-size: 14px;
    color: #666;
    margin-bottom: 5px;
    line-height: 1.4;
}

.editor-country {
    font-size: 13px;
    color: #888;
    font-weight: 500;
}

.flag {
    margin-right: 5px;
}

.editor-links a {
    font-size: 12px;
    color: #ffb74d;
    text-decoration: none;
    font-weight: bold;
}

.editor-links a:hover {
    text-decoration: underline;
    color: #1c2d3a;
}


/* --- MODERN INDEXING PAGE STYLE --- */

.indexing-container {
    font-family: 'Segoe UI', sans-serif;
    color: #333;
    padding-bottom: 40px;
}

.index-category {
    background: #f4f4f4;
    padding: 10px 15px;
    border-left: 5px solid #1c2d3a;
    /* Dark Blue */
    margin-top: 30px;
    margin-bottom: 20px;
    font-size: 18px;
    color: #1c2d3a;
    font-weight: bold;
}

/* Grid untuk Logo Besar (Scopus, Sinta, dll) */
.index-grid-large {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 20px;
    margin-bottom: 30px;
}

.index-card {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px;
    /* Tinggi seragam */
    background: #fff;
    transition: all 0.3s ease;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}

.index-card img {
    max-width: 100%;
    max-height: 80px;
    object-fit: contain;
    /* Gambar tidak akan gepeng */
    transition: 0.3s;
    opacity: 0.7;
}

/* Efek Hover: Jadi berwarna dan terangkat */
.index-card:hover {
    transform: translateY(-5px);
    border-color: #ffb74d;
    /* Border Emas */
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.index-card:hover img {
    filter: grayscale(0%);
    /* Kembali berwarna asli */
    opacity: 1;
}

/* Grid untuk Teks Kecil (Indexing Lainnya) */
.index-grid-small {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 10px;
}

.index-item {
    background: #f9f9f9;
    padding: 10px 15px;
    border-radius: 4px;
    font-size: 14px;
    color: #555;
    border-left: 3px solid #ccc;
    transition: 0.2s;
}

.index-item:hover {
    background: #1c2d3a;
    color: #fff;
    border-left-color: #ffb74d;
}


/* --- MODERN ARCHIVE PAGE STYLE --- */

.archive-container {
    font-family: 'Segoe UI', sans-serif;
    color: #333;
}

/* Judul Kategori (Volume/Issue) */
.archive-category {
    background: #1c2d3a;
    /* Dark Blue Cendekia */
    color: #fff;
    padding: 12px 15px;
    margin-top: 30px;
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: bold;
    border-left: 5px solid #ffb74d;
    /* Aksen Emas */
    border-radius: 0 5px 5px 0;
}

/* Grid untuk Daftar Volume */
.archive-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    /* Otomatis menyesuaikan layar */
    gap: 20px;
}

/* Desain Kartu Volume */
.archive-card {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 20px;
    transition: all 0.3s ease;
    text-decoration: none;
    /* Hilangkan garis bawah link */
    display: block;
    position: relative;
    overflow: hidden;
}

/* Efek Saat Disentuh Mouse */
.archive-card:hover {
    transform: translateY(-5px);
    /* Kartu naik sedikit */
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    /* Bayangan lebih tebal */
    border-top: 3px solid #ffb74d;
    /* Garis Emas di atas */
}

/* Judul Volume di Kartu */
.archive-title {
    color: #1c2d3a;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 5px;
}

/* Info Tambahan (Tanggal, Jumlah Artikel) */
.archive-meta {
    color: #666;
    font-size: 14px;
    margin-bottom: 15px;
}

/* Tombol View Issues */
.archive-btn {
    display: inline-block;
    background: #1c2d3a;
    color: #fff !important;
    padding: 8px 15px;
    border-radius: 4px;
    text-decoration: none;
    font-weight: bold;
    font-size: 13px;
    transition: 0.3s;
}

.archive-btn:hover {
    background: #ffb74d;
    color: #1c2d3a !important;
}


/* --- MODERN HOME PAGE STYLE --- */
.cover-image {
    width: 30%;
    height: auto;
    display: block;
    margin: 0 auto;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.home-container {
    font-family: 'Segoe UI', sans-serif;
    color: #333;
}

/* Judul Bagian (Current Issue, dll) */
.section-title {
    background: #1c2d3a;
    /* Dark Blue Cendekia */
    color: #fff;
    padding: 10px 15px;
    margin-top: 30px;
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: bold;
    border-left: 5px solid #ffb74d;
    /* Aksen Emas */
    border-radius: 0 5px 5px 0;
}

/* Grid untuk Artikel */
.article-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    /* Otomatis menyesuaikan */
    gap: 20px;
}

/* Desain Kartu Artikel */
.article-card {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 20px;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

/* Efek Hover (Kartu terangkat saat disentuh) */
.article-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    border-top: 3px solid #ffb74d;
    /* Garis Emas di atas */
}

/* Label Kategori (Original Research, dll) */
.article-category {
    display: inline-block;
    background: #1c2d3a;
    color: #fff;
    padding: 4px 10px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 10px;
}

/* Judul Artikel */
.article-title {
    color: #1c2d3a;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
    line-height: 1.4;
}

.article-title:hover {
    color: #ffb74d;
    /* Berubah warna saat hover */
}

/* Penulis */
.article-authors {
    color: #666;
    font-size: 14px;
    margin-bottom: 15px;
    font-style: italic;
}

/* Abstrak */
.article-abstract {
    color: #555;
    font-size: 14px;
    margin-bottom: 15px;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /* Tampilkan 3 baris saja */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Tombol PDF */
.pdf-btn {
    display: inline-block;
    background: #1c2d3a;
    color: #fff !important;
    padding: 8px 15px;
    border-radius: 4px;
    text-decoration: none;
    font-weight: bold;
    font-size: 13px;
    transition: 0.3s;
}

.pdf-btn:hover {
    background: #ffb74d;
    color: #1c2d3a !important;
}

/* --- MODERN CURRENT ISSUE STYLE --- */

.current-issue-container {
    font-family: 'Segoe UI', sans-serif;
    color: #333;
}

/* Judul Volume/Issue */
.issue-header {
    background: #1c2d3a;
    /* Dark Blue Cendekia */
    color: #fff;
    padding: 15px;
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: bold;
    border-left: 5px solid #ffb74d;
    /* Aksen Emas */
    border-radius: 0 5px 5px 0;
}

/* Grid untuk Volume Depan (Tampil Besar) */
.featured-volume {
    display: grid;
    grid-template-columns: 1fr 2fr;
    /* Penulis di kiri, Info di kanan */
    gap: 30px;
    background: #f9f9f9;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 30px;
    border-left: 4px solid #1c2d3a;
}

.featured-volume h3 {
    color: #1c2d3a;
    font-size: 24px;
    margin-top: 0;
    margin-bottom: 10px;
}

.featured-volume p {
    color: #666;
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 15px;
}

.featured-volume .pdf-btn {
    font-size: 14px;
    padding: 10px 20px;
}

/* Grid untuk Daftar Artikel Lainnya */
.issue-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 20px;
}

.issue-card {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 20px;
    transition: all 0.3s ease;
}

.issue-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    border-top: 3px solid #ffb74d;
}

.issue-card h4 {
    color: #1c2d3a;
    font-size: 18px;
    margin-bottom: 10px;
}

.issue-card p {
    color: #666;
    font-size: 14px;
    margin-bottom: 15px;
}

.issue-card .pdf-btn {
    font-size: 13px;
}






/* --- PREMIUM AUTHOR FEES STYLE --- */

.fees-premium-wrapper {
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    color: #333;
    padding-bottom: 40px;
}

.fees-intro {
    text-align: center;
    margin-bottom: 40px;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    color: #666;
}

/* Container Kartu Harga */
.pricing-container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 30px;
    margin-bottom: 50px;
}

/* Desain Dasar Kartu */
.pricing-card {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    width: 300px;
    padding: 30px;
    text-align: center;
    position: relative;
    transition: all 0.3s ease;
}

/* Kartu Submission (Biasa) */
.pricing-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}

/* Kartu Publication (Featured/Premium) */
.pricing-card.featured {
    border: 2px solid #1c2d3a; /* Border Biru Cendekia */
    transform: scale(1.05); /* Sedikit lebih besar */
    box-shadow: 0 10px 25px rgba(28, 45, 58, 0.15);
    z-index: 2;
}

.pricing-card.featured:hover {
    transform: scale(1.08); /* Efek zoom saat hover */
    box-shadow: 0 15px 30px rgba(255, 183, 77, 0.3); /* Bayangan Emas */
}

/* Badge 'Accepted Paper' */
.badge {
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
    background: #ffb74d; /* Emas */
    color: #1c2d3a;
    padding: 5px 15px;
    border-radius: 20px;
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

/* Typography Header */
.card-header h3 {
    margin: 0;
    color: #1c2d3a;
    font-size: 20px;
    font-weight: bold;
}
.card-header p {
    color: #888;
    font-size: 13px;
    margin-top: 5px;
}

/* Typography Harga */
.card-price {
    margin: 20px 0;
    color: #1c2d3a;
    font-weight: bold;
}
.currency { font-size: 24px; vertical-align: top; }
.card-price { font-size: 48px; }
.period { font-size: 16px; color: #888; }

/* List Fitur */
.card-features ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: left;
}
.card-features li {
    padding: 10px 0;
    border-bottom: 1px solid #f0f0f0;
    font-size: 14px;
    color: #555;
}
.card-features li:last-child { border-bottom: none; }
.check {
    color: #27ae60; /* Centang Hijau */
    font-weight: bold;
    margin-right: 10px;
}

/* Tombol Action */
.card-action { margin-top: 25px; }
.pay-btn {
    display: inline-block;
    background: #1c2d3a;
    color: #fff !important;
    text-decoration: none;
    padding: 10px 25px;
    border-radius: 5px;
    font-weight: bold;
    transition: 0.3s;
}
.pay-btn:hover {
    background: #ffb74d;
    color: #1c2d3a !important;
}

/* Waiver Section */
.waiver-section {
    background: #f9f9f9;
    padding: 20px;
    border-left: 5px solid #ffb74d; /* Garis Emas */
    border-radius: 5px;
    max-width: 700px;
    margin: 0 auto;
}
.waiver-section h3 { margin-top: 0; color: #1c2d3a; }

/* Responsif HP */
@media (max-width: 768px) {
    .pricing-card.featured { transform: scale(1); }
    .pricing-container { flex-direction: column; align-items: center; }
}

/* --- PREMIUM PUBLICATION ETHICS STYLE --- */

.ethics-wrapper {
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    color: #333;
    line-height: 1.7;
    max-width: 1000px;
}

/* Intro Section */
.ethics-intro {
    background-color: #f4f6f9;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #e0e0e0;
    margin-bottom: 40px;
    text-align: justify;
}

/* Card Style for Each Section */
.ethics-card {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-left: 5px solid #1c2d3a; /* Dark Blue Cendekia */
    border-radius: 4px;
    padding: 25px;
    margin-bottom: 25px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    transition: transform 0.3s ease;
}

/* Hover Effect (Interactive) */
.ethics-card:hover {
    transform: translateX(5px); /* Geser sedikit ke kanan saat disentuh */
    border-left-color: #ffb74d; /* Garis berubah Emas */
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

/* Titles */
.ethics-title {
    margin-top: 0;
    color: #1c2d3a;
    font-size: 20px;
    font-weight: 700;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}

.ethics-title .icon {
    margin-right: 10px;
    font-size: 24px;
}

/* List Style */
.ethics-list {
    padding-left: 20px;
    margin: 0;
}

.ethics-list li {
    margin-bottom: 12px;
    list-style-type: disc; /* Bullet point standar */
    color: #555;
}

.ethics-list strong {
    color: #1c2d3a;
    font-weight: 600;
}

/* Publisher Section Specifics */
.ethics-card h3[style*="color: #e74c3c;"] {
    color: #c0392b !important; /* Merah Bata untuk Publisher */
}

/* --- PREMIUM PEER REVIEW TIMELINE --- */

.review-process-wrapper {
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    color: #333;
    line-height: 1.6;
    max-width: 900px;
}

.review-intro {
    background: #f9f9f9;
    padding: 20px;
    border-left: 5px solid #1c2d3a; /* Dark Blue */
    margin-bottom: 40px;
    border-radius: 4px;
}

.process-heading {
    text-align: center;
    color: #1c2d3a;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 40px;
    border-bottom: 2px solid #ffb74d; /* Emas */
    display: inline-block;
    padding-bottom: 10px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

/* Timeline Container */
.timeline {
    position: relative;
    padding-left: 40px; /* Ruang untuk garis vertikal */
}

/* Garis Vertikal Utama */
.timeline::before {
    content: '';
    position: absolute;
    left: 15px;
    top: 0;
    bottom: 0;
    width: 4px;
    background: #e0e0e0;
    border-radius: 2px;
}

/* Item Timeline */
.timeline-item {
    position: relative;
    margin-bottom: 40px;
}

/* Lingkaran Angka */
.timeline-icon {
    position: absolute;
    left: -43px; /* Mengatur posisi lingkaran agar pas di garis */
    top: 0;
    width: 35px;
    height: 35px;
    background: #1c2d3a; /* Biru Tua */
    color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 35px;
    font-weight: bold;
    border: 3px solid #fff; /* Border putih agar terpisah dari garis */
    box-shadow: 0 0 0 3px #ffb74d; /* Ring luar Emas */
    z-index: 2;
}

/* Konten Tiap Step */
.timeline-content {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    transition: transform 0.3s;
}

.timeline-content:hover {
    transform: translateX(5px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    border-left: 4px solid #1c2d3a;
}

.timeline-content h4 {
    margin-top: 0;
    color: #1c2d3a;
    font-weight: bold;
}

/* Status Tag (Durasi) */
.status-tag {
    display: inline-block;
    background: #f0f0f0;
    color: #555;
    font-size: 12px;
    padding: 4px 10px;
    border-radius: 20px;
    margin-top: 10px;
    font-weight: bold;
}

/* Kotak Keputusan (Accept/Reject) */
.decision-grid {
    display: flex;
    gap: 10px;
    margin-top: 15px;
    flex-wrap: wrap;
}

.decision-box {
    padding: 5px 15px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    flex: 1;
    text-align: center;
    min-width: 100px;
}

.accept { background-color: #27ae60; } /* Hijau */
.minor { background-color: #f1c40f; color: #333; } /* Kuning */
.major { background-color: #e67e22; } /* Oranye */
.reject { background-color: #c0392b; } /* Merah */


/* --- PREMIUM CONTACT PAGE --- */

.contact-premium-wrapper {
    font-family: 'Segoe UI', sans-serif;
    color: #333;
    max-width: 1000px;
    margin: 0 auto;
}

/* Header & Map */
.contact-header {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin-bottom: 50px;
    align-items: center;
}

.header-text {
    flex: 1;
    min-width: 300px;
}

.header-text h3 {
    color: #1c2d3a;
    font-weight: bold;
    font-size: 28px;
    border-bottom: 3px solid #ffb74d;
    display: inline-block;
    padding-bottom: 10px;
}

.map-container {
    flex: 1;
    min-width: 300px;
    border: 5px solid #fff;
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
    border-radius: 8px;
    overflow: hidden;
}

/* Grid Kontak */
.contact-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 25px;
    margin-bottom: 40px;
}

.contact-card {
    background: #fff;
    padding: 30px 20px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    text-align: center;
    transition: 0.3s;
}

/* Efek Hover */
.contact-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
    border-color: #ffb74d;
}

/* Principal Contact (Featured) */
.contact-card.featured {
    border-top: 5px solid #1c2d3a;
    background: #fdfdfd;
}

.icon-box {
    font-size: 40px;
    margin-bottom: 15px;
}

.contact-card h4 {
    margin: 0 0 15px 0;
    color: #1c2d3a;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
}

.contact-detail {
    font-size: 14px;
    line-height: 1.6;
    color: #555;
    margin-bottom: 20px;
}

.email-btn {
    display: inline-block;
    padding: 8px 20px;
    background: #1c2d3a;
    color: #fff !important;
    text-decoration: none;
    border-radius: 20px;
    font-size: 13px;
    font-weight: bold;
    transition: 0.3s;
}

.email-btn:hover {
    background: #ffb74d;
    color: #1c2d3a !important;
}

.office-hours {
    text-align: center;
    background: #f4f6f9;
    padding: 15px;
    border-radius: 4px;
    font-size: 14px;
    color: #1c2d3a;
    border: 1px dashed #ccc;
}



/* --- MODERN SCOPE CLOUD (PREMIUM STYLE) --- */

.keyword-cloud-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; /* Posisi di tengah */
    gap: 6px; /* Jarak antar tombol */
    padding: 15px 5px;
}

.tag-cloud {
    text-decoration: none;
    line-height: 1.5;
    border-radius: 20px; /* Bentuk Pill/Lonjong Modern */
    padding: 4px 12px;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    border: 1px solid transparent;
    display: inline-block;
    text-align: center;
}


/* HIERARKI VISUAL (Ukuran & Warna) */

/* XL: Topik Utama (Biru Gelap Solid) */
.tag-xl {
    background-color: #1c2d3a;
    color: #fff !important;
    font-size: 13px;
    font-weight: 700;
    border-color: #1c2d3a;
}

/* LG: Topik Menengah (Outline Biru) */
.tag-lg {
    background-color: transparent;
    color: #1c2d3a !important;
    border: 1px solid #1c2d3a;
    font-size: 12px;
    font-weight: 600;
}

/* MD: Topik Standar (Abu-abu Terang) */
.tag-md {
    background-color: #f0f2f5;
    color: #555 !important;
    font-size: 11px;
    font-weight: 500;
}

/* SM: Topik Kecil (Minimalis) */
.tag-sm {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    color: #888 !important;
    font-size: 10px;
}

/* EFEK HOVER (Saat Mouse Menyentuh) */
.tag-cloud:hover {
    transform: translateY(-3px); /* Naik sedikit */
    box-shadow: 0 4px 8px rgba(0,0,0,0.15); /* Bayangan halus */
    text-decoration: none;
}

/* Interaksi Warna Saat Hover */
.tag-xl:hover {
    background-color: #ffb74d; /* Jadi Emas */
    border-color: #ffb74d;
    color: #1c2d3a !important;
}

.tag-lg:hover {
    background-color: #1c2d3a;
    color: #fff !important;
}

.tag-md:hover, .tag-sm:hover {
    background-color: #1c2d3a;
    color: #fff !important;
    border-color: #1c2d3a;
}


/* --- PREMIUM VISITOR COUNTER STYLE --- */

.visitor-box {
    background: #ffffff;
    padding: 10px;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    margin-top: 10px;
    box-shadow: inset 0 0 5px rgba(0,0,0,0.05); /* Efek kedalaman */
}

.visitor-box img {
    max-width: 100%; /* Agar tidak melebih lebar sidebar */
    height: auto;
    display: block;
    margin: 0 auto;
}

.statcounter-box {
    border-top: 1px dashed #ccc;
    padding-top: 10px;
}


/* --- PREMIUM ANNOUNCEMENT LIST (SCOPUS STYLE) --- */

/* 1. Container Utama - Memberi ruang napas */
.pkp_page_announcement .pkp_announcement_list {
    display: flex;
    flex-direction: column;
    gap: 20px; /* Jarak antar pengumuman */
}

/* 2. Mengubah Item Pengumuman Menjadi "Kartu" */
.obj_announcement_summary {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-left: 5px solid #1c2d3a; /* Garis Biru Tua Cendekia di kiri */
    border-radius: 6px;
    padding: 25px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
    position: relative;
}

/* 3. Efek Hover (Saat disentuh mouse) */
.obj_announcement_summary:hover {
    transform: translateY(-5px); /* Naik sedikit */
    box-shadow: 0 8px 15px rgba(0,0,0,0.1);
    border-left-color: #ffb74d; /* Garis berubah jadi Emas */
}

/* 4. Judul Pengumuman */
.obj_announcement_summary h3, 
.obj_announcement_summary h3 a {
    color: #1c2d3a !important;
    font-size: 20px;
    font-weight: 700;
    text-decoration: none;
    margin-bottom: 10px;
}

.obj_announcement_summary h3 a:hover {
    color: #ffb74d !important; /* Judul jadi emas saat hover */
}

/* 5. Tanggal (Date) - Dibuat ikon kalender otomatis */
.obj_announcement_summary .date {
    display: inline-block;
    font-size: 13px;
    color: #666;
    background: #f4f6f9;
    padding: 4px 10px;
    border-radius: 20px;
    margin-bottom: 15px;
    font-weight: 600;
}

/* Menambahkan Ikon Kalender sebelum tanggal */
.obj_announcement_summary .date::before {
    content: "\1F4C5"; /* Kode Unicode untuk Ikon Kalender */
    margin-right: 6px;
    color: #1c2d3a;
}

/* 6. Isi Ringkasan (Summary) */
.obj_announcement_summary p {
    color: #444;
    line-height: 1.6;
    font-size: 15px;
    margin-bottom: 15px;
}

/* 7. Tombol Read More (Otomatis gaya tombol) */
.obj_announcement_summary .read_more, 
.obj_announcement_summary a.read-more-link {
    display: inline-block;
    font-weight: bold;
    color: #1c2d3a;
    text-transform: uppercase;
    font-size: 12px;
    margin-top: 10px;
    border-bottom: 2px solid #ffb74d;
    padding-bottom: 2px;
    text-decoration: none;
    transition: 0.2s;
}

.obj_announcement_summary .read_more:hover,
.obj_announcement_summary a.read-more-link:hover {
    color: #ffb74d;
    border-bottom-color: #1c2d3a;
}

/* Menambahkan panah pada Read More */
.obj_announcement_summary .read_more::after {
    content: " \2192"; /* Panah kanan */
}



/* --- PREMIUM FULL ANNOUNCEMENT PAGE (READ MORE) --- */

/* 1. Kotak Utama Pengumuman */
.obj_announcement_full {
    background: #ffffff;
    padding: 40px 50px;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08); /* Efek melayang */
    border-top: 6px solid #1c2d3a; /* Garis Biru Cendekia di atas */
    font-family: 'Segoe UI', Roboto, sans-serif;
    line-height: 1.8;
    color: #444;
    margin-bottom: 40px;
}

/* 2. Judul Pengumuman di dalam */
.obj_announcement_full h1, 
.obj_announcement_full h2, 
.pkp_page_announcement h1 {
    color: #1c2d3a;
    font-weight: 800;
    margin-bottom: 15px;
}

/* 3. Tanggal (Date) agar lebih elegan */
.obj_announcement_full .date {
    display: inline-block;
    background: #f4f6f9;
    color: #1c2d3a;
    padding: 6px 15px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 30px;
    border: 1px solid #e0e0e0;
}

/* 4. Sub-judul (Seperti "Why Submit to IJoPE?") */
.obj_announcement_full h3, 
.obj_announcement_full h4 {
    color: #1c2d3a;
    border-bottom: 2px solid #ffb74d; /* Garis bawah emas */
    padding-bottom: 8px;
    margin-top: 35px;
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 18px;
    display: inline-block;
}

/* 5. Mengubah Bullet Points menjadi Checklist Hijau */
.obj_announcement_full ul {
    list-style: none; /* Hilangkan titik hitam bawaan */
    padding-left: 0;
}

.obj_announcement_full ul li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 12px;
}

.obj_announcement_full ul li::before {
    content: "✔"; /* Ikon Centang */
    position: absolute;
    left: 0;
    color: #27ae60; /* Hijau Sukses */
    font-weight: bold;
    font-size: 16px;
}

/* 6. OTOMATIS Mengubah Link "SUBMIT YOUR MANUSCRIPT" menjadi TOMBOL RAKSASA */
.obj_announcement_full a[href*="submissions"] {
    display: block;
    max-width: 300px;
    margin: 40px auto;
    background: #1c2d3a; /* Biru Tua */
    color: #ffffff !important;
    text-align: center;
    padding: 15px 20px;
    border-radius: 30px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none;
    box-shadow: 0 4px 15px rgba(28, 45, 58, 0.3);
    transition: all 0.3s ease;
}

/* Efek saat tombol Submit disentuh */
.obj_announcement_full a[href*="submissions"]:hover {
    background: #ffb74d; /* Berubah Emas */
    color: #1c2d3a !important;
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(255, 183, 77, 0.4);
}

/* 7. Link Biasa (seperti Download Template) */
.obj_announcement_full a:not([href*="submissions"]) {
    color: #1c2d3a;
    font-weight: 600;
    text-decoration: none;
    border-bottom: 1px dashed #ffb74d;
}

.obj_announcement_full a:not([href*="submissions"]):hover {
    color: #ffb74d;
}






/* --- MENGHILANGKAN LOGO BRANDING OJS/PKP --- */
.pkp_brand_footer {
    display: none !important;
}