/* ============================================================
   CSS GAYA "DALOHA" — WARNA DISESUAIKAN AMALGAMASI
   (kartu modern + efek glow/blur + ikon bulat, dipertahankan
   sesuai versi asli, hanya warna & beberapa bug diperbaiki)
   ============================================================ */

:root {
    --primary: #10315B;        /* navy */
    --primary-dark: #0A2240;
    --primary-light: #1E4E85;
    --accent: #2A9D8F;         /* teal */
    --accent-dark: #218075;
    --gold: #C99A2E;           /* emas */
    --gold-light: #E4C46B;

    --text-dark: #1F2937;
    --text-muted: #6B7280;

    --bg-soft: #F7F9FB;
    --border-color: #E5E9EF;
}

/* ============================================================
   HEADER
   ============================================================ */
.pkp_structure_head {
    background-attachment: fixed;
    background-size: cover;
    background-color: var(--primary); /* fallback jika belum ada gambar header di Setup > Appearance */
    display: block;
    height: 100%;
    width: 100%;
}

.pkp_site_name .is_img img {
    display: block;
    width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%;
}

.pkp_head_wrapper {
    background: var(--primary);
    /* catatan: baris "width="3100" height="696":" di file asli dihapus,
       itu bukan properti CSS yang valid dan tidak berfungsi */
}

.pkp_navigation_primary_row {
    background: var(--primary-dark);
    color: white;
    font-weight: bold;
}

/* ============================================================
   FOOTER
   ============================================================ */
.pkp_structure_footer_wrapper {
    background: rgba(16, 49, 91, 0.04);
    border-top: 1px solid var(--border-color);
    border-bottom: 20px solid white;
}

.pkp_brand_footer {
    padding: 0px;
    float: right;
    display: block;
    max-width: 0px;
}

/* ============================================================
   BODY
   ============================================================ */
body {
    background-attachment: fixed;
    background-size: cover;
    min-width: 130px !important;
}

/* Gambar kecil/ikon di konten utama — dibatasi ukurannya TANPA
   memaksa rasio persegi (versi asli memaksa width & height sama
   persis 55px/25px sehingga gambar non-persegi jadi gepeng) */
.pkp_structure_main .content .hvr-underline-from-center img {
    max-width: 25px;
    max-height: 25px;
    width: auto;
    height: auto;
}

.pkp_structure_main .content img {
    max-width: 55px;
    max-height: 55px;
    width: auto;
    height: auto;
}

.column {
    float: left;
    width: 33.33%;
}

/* ============================================================
   MENU "BADAN" — emas & navy, ganti kuning/merah pada versi asli
   ============================================================ */
.badan {
    margin-top: -15px;
}

.badan a {
    display: block;
    padding: 10px;
    border-bottom: 1px solid var(--primary);
    background: var(--gold);
    color: var(--primary-dark) !important;
    text-align: left;
    transition: background 0.25s, color 0.25s;
}

.badan a:hover {
    background: var(--primary);
    color: #FFFFFF !important;
    font-weight: bold;
}

/* ============================================================
   DAFTAR ISI ARTIKEL
   ============================================================ */
.obj_article_summary {
    box-shadow: 3px 3px 10px rgba(16, 49, 91, 0.12);
    padding: 20px;
    border-radius: 10px;
    background: var(--bg-soft);
    padding-bottom: 10px !important;
    border-bottom: solid 4px var(--primary) !important;
    font-size: 12px;
    transition: background 0.25s;
}

.obj_article_summary:hover {
    background: #ffffff;
}

.pkp_structure_main h1 {
    font-weight: 600;
    font-size: 20px;
    color: var(--primary);
}

.pkp_structure_main a {
    color: var(--primary) !important;
}

.pkp_structure_main a:hover {
    color: var(--accent) !important;
}

/* Tombol unduh/galley — kontras diperbaiki (versi asli teks gelap
   di atas latar gelap saat hover, nyaris tak terbaca) */
.obj_galley_link {
    font-weight: 700;
    text-transform: Capitalize !important;
    background: var(--border-color) !important;
    color: var(--primary-dark) !important;
    border: none !important;
}

.obj_galley_link:hover {
    background: var(--accent) !important;
    color: #ffffff !important;
}

/* ============================================================
   ABSTRAK
   ============================================================ */
.main_entry .item.abstract {
    text-align: justify;
}

.current_issue {
    display: block;
}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 600px) {
    .homepage_about {
        width: 100%;
    }
}

@media (max-width: 991px) {
    .homepage_about {
        margin-top: 30px;
    }
}

@media (max-width: 360px) {
    .homepage_image {
        width: 90%;
        margin: 0;
    }
    .homepage_about {
        margin-top: 0px;
    }
}

.homepage_about p {
    text-align: justify;
}


/* Efek radial tipis di background, navy/teal/emas (sangat samar) */
body {
    background: radial-gradient(circle at 20% 30%, rgba(16, 49, 91, 0.05) 0%, transparent 40%),
                radial-gradient(circle at 80% 70%, rgba(42, 157, 143, 0.05) 0%, transparent 40%) !important;
    background-attachment: fixed !important;
}