/* ==========================================================================
   TEMA: JURNAL ASA PSIKOLOGI INDUSTRI DAN ORGANISASI
   Versi: 3.0 (Navigasi Tepat di Bawah Header)
   ========================================================================== */

/* --- 1. IMPORT FONTS --- */
@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700;900&family=Roboto:wght@300;400;500;700&display=swap');

/* --- 2. VARIABEL WARNA (Sesuai Banner) --- */
:root {
    --primary-blue: #2c7da0;       /* Biru medium diambil dari background banner */
    --dark-blue: #0F2C59;          /* Biru gelap untuk Navigasi */
    --accent-orange: #ff6b35;      /* Oranye dari logo */
    --accent-green: #00a859;       /* Hijau dari logo */
    --text-dark: #333333;
    --white: #ffffff;
    --page-background: #f0f4f8;
}

/* --- 3. PENGATURAN UMUM --- */
body {
    font-family: 'Roboto', sans-serif;
    color: var(--text-dark);
    background-color: var(--page-background);
}

h1, h2, h3, h4, h5 {
    font-family: 'Merriweather', serif;
    color: var(--dark-blue);
    font-weight: 700;
}

a { color: var(--primary-blue); transition: 0.3s; }
a:hover { color: var(--accent-orange); text-decoration: none; }

/* ==========================================================================
   4. HEADER & NAVIGASI (BAGIAN YANG DIPERBARUI)
   ========================================================================== */

/* Reset Container Utama Header */
.pkp_structure_head {
    border: none;
    padding: 0;
    background: transparent;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

/* --- BAGIAN GAMBAR HEADER (BANNER) --- */
/* Gambar diletakkan di sini agar terpisah dari menu */
.pkp_site_name_wrapper {
    /* GANTI URL DI BAWAH DENGAN LINK GAMBAR HEADER ANDA */
    background-image: url('https://export-download.canva.com/FClUI/DAG7loFClUI/316/0/0014-7475340819376345761.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAQYCGKMUH5AO7UJ26%2F20260118%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20260118T175029Z&X-Amz-Expires=80920&X-Amz-Signature=51534f923205f1031b106b0129eb63b6fc2623da4ac783fbd0c535816aa0118d&X-Amz-SignedHeaders=host&response-content-disposition=attachment%3B%20filename%2A%3DUTF-8%27%27header%2520asa.png&response-expires=Mon%2C%2019%20Jan%202026%2016%3A19%3A09%20GMT'); 
    
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    
    /* Mengatur ketinggian banner */
    min-height: 250px;  /* Sesuaikan tinggi banner di sini (misal: 250px - 350px) */
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
}

/* Menyembunyikan Teks Judul Bawaan (karena sudah ada di gambar) */
.pkp_site_name {
    display: none; 
}

/* --- BAGIAN MENU NAVIGASI (DI BAWAH HEADER) --- */
.pkp_navigation_primary_row {
    background-color: var(--dark-blue); /* Latar belakang biru gelap solid */
    width: 100%;
    margin: 0;
    padding: 0;
    border-top: 4px solid var(--accent-orange); /* Garis pemisah oranye antara gambar dan menu */
}

/* Wrapper agar menu tidak terlalu lebar ke pinggir (opsional, agar rapi) */
.pkp_navigation_primary_wrapper {
    max-width: 100%; 
    margin: 0 auto;
}

/* Styling Item Menu */
.pkp_navigation_primary > li > a {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    color: var(--white); /* Teks putih agar kontras dengan biru gelap */
    text-transform: uppercase;
    font-size: 0.9rem;
    padding: 18px 25px; /* Spasi tombol menu */
    display: inline-block;
}

/* Efek Hover Menu */
.pkp_navigation_primary > li:hover > a,
.pkp_navigation_primary > li > a:hover {
    background-color: var(--accent-orange); /* Berubah oranye saat disorot */
    color: var(--white);
    border-radius: 0;
}

/* ==========================================================================
   5. KONTEN & SIDEBAR
   ========================================================================== */

/* Latar belakang konten utama */
.pkp_structure_content {
    margin-top: 30px;
}

/* Styling Kotak Artikel */
.obj_article_summary {
    background: var(--white);
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 8px;
    border-left: 6px solid var(--accent-green); /* Aksen Hijau */
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

.obj_article_summary:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    border-left-color: var(--accent-orange);
}

/* Styling Tombol PDF */
.obj_galley_link.file, a.obj_galley_link {
    background-color: var(--dark-blue);
    color: var(--white) !important;
    padding: 6px 15px;
    border-radius: 4px;
    font-size: 0.8rem;
    font-weight: bold;
    text-transform: uppercase;
}

.obj_galley_link.file:hover, a.obj_galley_link:hover {
    background-color: var(--accent-orange);
    text-decoration: none;
}

/* Sidebar "Make a Submission" */
.pkp_block_make_submission a {
    background-color: var(--accent-orange);
    color: white !important;
    display: block;
    text-align: center;
    padding: 12px;
    border-radius: 5px;
    font-weight: bold;
    text-transform: uppercase;
    transition: 0.3s;
}

.pkp_block_make_submission a:hover {
    background-color: var(--dark-blue);
}

/* Footer */
.pkp_structure_footer {
    background-color: var(--dark-blue);
    border-top: 5px solid var(--accent-green);
    color: #ddd;
    padding: 40px 0;
    text-align: center;
}