/*
=================================================================
==      CSS PEROMBAKAN TOTAL - TEMA MERAH MARUN                ==
==      Disesuaikan dengan warna identitas Jurnal MANR         ==
=================================================================
*/

/* --- [1] KONFIGURASI GLOBAL & FONT --- */
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&family=Open+Sans:wght@400;600&display=swap');

/* Variabel Warna Utama (TEMA MARUN & EMAS) */
:root {
    --warna-header: #990000;     /* Merah Marun Utama (sesuai identitas) */
    --warna-navigasi: #7a0000; /* Marun lebih tua untuk navigasi, agar serasi */
    --warna-aksen: #C09553;      /* Emas/Ochre sebagai aksen profesional */
    --warna-teks: #212529;       /* Abu-abu tua (standar web modern) */
    --warna-latar: #f4f7f9;      /* Abu-abu sangat terang (membuat konten 'pop') */
    --warna-kartu: #FFFFFF;      /* Putih bersih untuk 'kartu' artikel */
    --warna-border: #dee2e6;     /* Abu-abu terang untuk garis pemisah */
}

/* Terapkan font dan warna dasar ke seluruh halaman */
body {
    font-family: 'Open Sans', sans-serif;
    background-color: var(--warna-latar) !important;
    color: var(--warna-teks);
    line-height: 1.7;
}

h1, h2, h3, h4, h5, h6, .title {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
}

/* Link utama sekarang menggunakan warna marun */
a {
    color: var(--warna-header);
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}

a:hover {
    color: var(--warna-navigasi);
    text-decoration: underline;
}

/* --- [2] HEADER & NAVIGASI (TEMA MARUN) --- */
.pkp_structure_head {
    background-color: var(--warna-header);
    padding: 20px 0 0 0;
    border-bottom: none !important;
}

.pkp_navigation_primary_wrapper {
    background-color: var(--warna-navigasi) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    margin-top: 20px;
}

.pkp_site_name h1 a, .pkp_site_name a {
    color: white !important;
    text-decoration: none;
    font-size: 2rem;
    font-weight: 900;
}

.pkp_navigation_primary ul a {
    color: white !important;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.9rem;
    transition: background-color 0.3s;
}

.pkp_navigation_primary ul a:hover,
.pkp_navigation_primary li[class*="current"] a {
    background-color: var(--warna-header) !important;
    text-decoration: none;
}

.pkp_head_search .search_controls {
    background-color: transparent !important;
}
.pkp_head_search .search_prompt {
    color: white;
}

/* --- [3] KONTEN UTAMA & DAFTAR ARTIKEL (TEMA MARUN) --- */
.page_index_journal .cmp_main_content {
    padding-top: 40px;
}

.current_issue {
    background: var(--warna-kartu);
    border: 1px solid var(--warna-border);
    border-left: 5px solid var(--warna-header);
    padding: 20px;
    margin-bottom: 40px;
    border-radius: 8px;
}
.current_issue .page-header {
    font-size: 1.8rem;
    color: var(--warna-header);
    margin-top: 0;
}

.obj_article_summary {
    background-color: var(--warna-kartu);
    border: 1px solid var(--warna-border);
    border-radius: 8px;
    padding: 25px;
    margin-bottom: 30px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
}

.obj_article_summary:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.1);
    border-color: var(--warna-header);
}

.obj_article_summary .title {
    color: var(--warna-header);
    font-size: 1.5rem;
    line-height: 1.3;
}
.obj_article_summary .title a {
    color: inherit;
    text-decoration: none;
}
.obj_article_summary .title a:hover {
    color: var(--warna-aksen);
}

.obj_article_summary .authors {
    font-style: italic;
    color: #555;
    margin: 10px 0;
}

/* Tombol PDF sekarang berwarna Emas/Ochre */
.obj_article_summary .galleys_links .btn {
    background-color: var(--warna-aksen);
    color: white;
    font-weight: bold;
    border: none;
    border-radius: 5px;
    padding: 8px 15px;
    text-transform: uppercase;
    font-size: 0.8rem;
}
.obj_article_summary .galleys_links .btn:hover {
    background-color: #a17c46; /* Emas lebih gelap */
}

/* --- [4] SIDEBAR (TEMA MARUN) --- */
.pkp_structure_sidebar {
    padding-top: 40px;
}

.pkp_block {
    background-color: var(--warna-kartu);
    border: 1px solid var(--warna-border);
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 30px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

.pkp_block .title {
    font-size: 1.2rem;
    color: var(--warna-header);
    border-bottom: 2px solid var(--warna-border);
    padding-bottom: 10px;
    margin-bottom: 15px;
}