/* Custom CSS for OJS - Blue & Green Theme 
   Berdasarkan Gambar: Jurnal Pengabdian dan Ekspalansi Nusantara 
*/

/* 1. Pengaturan Header & Banner */
.pkp_structure_head {
    background-color: #1e4bb8; /* Biru Royal */
    background-image: linear-gradient(to right, #1e4bb8, #2a5ee0);
    border-bottom: 5px solid #28cc2d; /* Garis Hijau di bawah header */
}

.pkp_site_name_wrapper {
    padding: 20px 0;
}

/* 2. Navigasi Bar */
.pkp_navigation_primary_wrapper {
    background: #ffffff;
}

.pkp_navigation_primary > li > a {
    color: #1e4bb8 !important;
    font-weight: bold;
}

/* 3. Sidebar Styling (Blok Kanan) */
.pkp_structure_sidebar {
    background-color: #f8f9fa;
}

/* Kotak Sidebar dengan border hijau seperti di gambar */
.pkp_block {
    border: 1px solid #ddd;
    border-top: 4px solid #28cc2d !important; /* Header hijau pada tiap blok */
    margin-bottom: 20px;
    padding: 10px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.pkp_block .title {
    color: #1e4bb8;
    text-transform: uppercase;
    font-size: 14px;
    border-bottom: 1px solid #eee;
    padding-bottom: 8px;
    margin-bottom: 10px;
}

/* Tombol Login & Submit */
.pkp_block.block_login input[type="submit"], 
.pkp_block.block_make_submission a.action {
    background-color: #28cc2d !important;
    color: white !important;
    border: none;
    border-radius: 4px;
    padding: 8px 15px;
    text-align: center;
    display: block;
    width: 100%;
}

/* 4. Konten Utama (Main Content) */
.pkp_structure_main {
    padding-top: 20px;
}

/* Label Hijau (About the Journal / Announcements) */
.pkp_page_index .about_journal_label, 
.ui-tabs-nav .ui-state-active a {
    background-color: #28cc2d !important;
    color: white !important;
    padding: 5px 15px;
    border-radius: 3px 3px 0 0;
}

/* 5. Daftar Artikel (Current Issue) */
.obj_article_summary .title a {
    color: #1e4bb8;
    font-weight: bold;
    font-size: 1.1em;
}

.obj_article_summary .title a:hover {
    color: #28cc2d;
    text-decoration: none;
}

/* 6. Kotak Editorial Pick (Thumbnail Carousel area) */
.editorial_picks {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
}

.editorial_card {
    background: #f0f0f0;
    border-left: 4px solid #1e4bb8;
    padding: 10px;
    font-size: 0.9em;
}

/* 7. Footer Styling */
.pkp_structure_footer {
    background-color: #ffffff;
    border-top: 3px solid #28cc2d;
    padding: 30px 0;
    color: #333;
}

.footer_info_section {
    font-size: 0.85em;
    line-height: 1.6;
}

/* 8. Tombol Menu Samping (Focus Scope, dsb) */
.pkp_block.block_custom_links a {
    display: block;
    padding: 8px 12px;
    margin-bottom: 5px;
    border: 1px solid #28cc2d;
    color: #333;
    text-decoration: none;
    border-radius: 4px;
    transition: 0.3s;
}

.pkp_block.block_custom_links a:hover {
    background-color: #28cc2d;
    color: white;
}

/* Penyesuaian Font */
body {
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    background-color: #e9ecef; /* Warna abu-abu background luar */
}