/* --- KONFIGURASI WARNA --- */
:root {
    --primary-blue: #003366;       /* Biru Tua untuk Header/Navigasi */
    --secondary-blue: #0056b3;     /* Biru Lebih Terang untuk Sub-elemen */
    --accent-red: #D32F2F;         /* Merah untuk Tombol/Aksen */
    --hover-red: #b71c1c;          /* Merah Gelap saat Hover */
    --text-white: #ffffff;
}

/* 1. HEADER & NAVIGASI ATAS */
.pkp_structure_head {
    background-color: var(--primary-blue);
    border-bottom: 4px solid var(--accent-red); /* Garis merah di bawah header */
}

.pkp_site_name .is_text {
    color: var(--text-white); /* Warna Judul Jurnal */
}

/* Menu Navigasi Utama */
.pkp_navigation_primary > li > a {
    color: var(--text-white);
    font-weight: bold;
}

.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li:focus > a {
    background-color: var(--accent-red);
    color: var(--text-white);
    border-radius: 4px;
}

/* User Nav (Login/Register) */
.pkp_navigation_user > li > a {
    color: var(--text-white);
}

/* 2. TOMBOL PDF (GALLEY) - Bagian Paling Penting */
.obj_galley_link, 
.pkp_button_primary {
    background-color: var(--accent-red);
    border-color: var(--accent-red);
    color: var(--text-white) !important;
    border-radius: 4px;
}

.obj_galley_link:hover, 
.pkp_button_primary:hover {
    background-color: var(--hover-red);
    border-color: var(--hover-red);
}

/* 3. SIDEBAR (MENU SAMPING) */
.pkp_block .title {
    color: var(--primary-blue);
    border-bottom: 2px solid var(--accent-red); /* Garis bawah merah pada judul blok */
    font-weight: bold;
}

/* 4. JUDUL ARTIKEL & KONTEN */
.page_title {
    color: var(--primary-blue);
}

h1, h2, h3 {
    color: var(--primary-blue);
}

/* Link standar di dalam teks */
a {
    color: var(--secondary-blue);
}

a:hover {
    color: var(--accent-red);
}

/* 5. FOOTER */
.pkp_structure_footer_wrapper {
    background-color: var(--primary-blue);
    color: var(--text-white);
    border-top: 4px solid var(--accent-red);
}

.pkp_structure_footer a {
    color: #ffd700; /* Warna link di footer (sedikit emas agar terbaca di biru) */
}

/* Menyembunyikan seluruh blok branding OJS di footer */
.pkp_brand_footer {
    display: none !important;
}

/* Mengatur gambar logo header agar full width */
.pkp_site_name .is_img img {
    width: 100%;       /* Memaksa lebar 100% dari wadah */
    height: auto;      /* Menjaga proporsi agar tidak gepeng */
    max-height: none;  /* Menghapus batasan tinggi bawaan OJS */
    max-width: 100%;   /* Memastikan tidak melebihi layar */
}

/* Menyembunyikan About Journal di Homepage */
.homepage-image .homepage-about {
    display: none;
}

/* Alternatif untuk beberapa tema OJS 3 yang berbeda */
.page_index_journal .journal-description {
    display: none !important;
}


















footer {
    text-align: center;
    padding: 20px;
    font-family: Arial, sans-serif;
    color: #ffffff;
}

footer h3 {
    margin: 10px 0;
    font-size: 20px;
}

footer h3 strong {
    background: linear-gradient(to right, #d4af37, #1e90ff, #e63946);
    -webkit-background-clip: text;
    color: transparent;
}

footer img {
    width: 70px;
    height: auto;
    margin: 6px;
    padding: 6px;
    background: #ffffff;
    border-radius: 8px;
    border: 1px solid #ddd;
    transition: transform .2s ease, box-shadow .2s ease;
}

footer img:hover {
    transform: scale(1.1);
    box-shadow: 0 0 10px rgba(255,255,255,0.7);
}

footer .social {
    width: 40px;
    background: #fff;
    border-radius: 50%;
    padding: 6px;
    border: 1px solid #d4af37;
}

table {
    margin: 20px auto;
    color: #fff;
    font-size: 14px;
    line-height: 1.5;
}

table a {
    color: #d4af37;
    font-weight: bold;
}