html, body, * {
	
}


.about_site {
	font-size: 1.285rem;
    line-height: 2.5rem;
    font-weight: 800;
    text-align: center;
	color: #0497d8;
	font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
}

.pkp_site_name {
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
}

/* =========================================================
   CUSTOM HEADER - Jurnal Inspirasi Kesehatan Masyarakat
   Untuk OJS 3.x (Theme Default PKP)  --  versi 2 (perbaikan)
   Tempel di: Settings > Website > Appearance > Advanced > Additional CSS
   ========================================================= */

:root {
    --ikes-green: #0f3d1a;        /* hijau tua header */
    --ikes-green-dark: #0b2f14;   /* hijau lebih gelap */
    --ikes-gold: #ffd54f;         /* warna emas untuk hover */
    --ikes-text: #ffffff;         /* warna teks putih */
}

/* ===== 1. BACKGROUND HEADER HIJAU TUA ===== */
.pkp_structure_head,
.pkp_head_wrapper {
    background: var(--ikes-green) !important;
}
.pkp_head_wrapper {
    padding-top: 12px;
    padding-bottom: 8px;
}

/* ===== 2. LOGO + JUDUL JURNAL ===== */
.pkp_site_name_wrapper .pkp_site_name img,
.pkp_site_name .is_img img,
.pkp_site_name img {
    max-height: 150px;
    width: auto;
}
.pkp_site_name a,
.pkp_site_name .app_name {
    font-family: Georgia, 'Times New Roman', 'Playfair Display', serif !important;
    font-style: italic !important;
    font-weight: 400 !important;
    color: var(--ikes-text) !important;
    font-size: 2.4rem !important;
    line-height: 1.15 !important;
    text-decoration: none !important;
}

/* ===== 3. LINK REGISTER / LOGIN (KANAN ATAS) ===== */
.pkp_navigation_user_wrapper,
.pkp_navigation_user {
    background: transparent !important;
}
/* Hanya link tingkat atas yang putih (BUKAN isi dropdown) */
.pkp_navigation_user > li > a {
    color: var(--ikes-text) !important;
    font-size: 0.95rem;
}
.pkp_navigation_user > li > a:hover,
.pkp_navigation_user > li > a:focus {
    color: var(--ikes-gold) !important;
}

/* ---- PERBAIKAN: isi dropdown user (Profil, Dashboard, Logout, dll) ---- */
/* Background putih -> teks harus gelap agar terlihat */
.pkp_navigation_user ul,
.pkp_navigation_user .pkp_dropdown,
.pkp_navigation_user li ul {
    background: #ffffff !important;
}
.pkp_navigation_user li ul li a,
.pkp_navigation_user ul li ul li a {
    color: var(--ikes-green-dark) !important;
    background: #ffffff !important;
}
.pkp_navigation_user li ul li a:hover,
.pkp_navigation_user li ul li a:focus {
    color: var(--ikes-green) !important;
    background: #f0f0f0 !important;
}

/* ===== 4. MENU NAVIGASI UTAMA (Home, Current, dst) ===== */
.pkp_navigation_primary_wrapper,
.pkp_navigation_primary_row {
    background: var(--ikes-green) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    position: relative;
    /* ---- PERBAIKAN: sediakan ruang di kanan untuk teks ISSN ----
       Naikkan/turunkan angka 290px jika ISSN Anda lebih panjang/pendek */
    padding-right: 290px;
    box-sizing: border-box;
}

/* Link menu tingkat atas -> putih */
.pkp_navigation_primary > li > a {
    color: var(--ikes-text) !important;
    font-weight: 600;
}
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus {
    color: var(--ikes-gold) !important;
}

/* Isi dropdown "About" -> background putih, teks gelap */
.pkp_navigation_primary ul {
    background: #ffffff !important;
}
.pkp_navigation_primary ul li a {
    color: var(--ikes-green-dark) !important;
}
.pkp_navigation_primary ul li a:hover {
    color: var(--ikes-green) !important;
    background: #f0f0f0 !important;
}

/* Ikon & tombol Search tetap putih */
.pkp_navigation_primary .search a,
.pkp_search .fa,
.pkp_navigation_primary_wrapper .fa-search {
    color: var(--ikes-text) !important;
}

/* ===== 5. TEKS ISSN DI KANAN BAR MENU ===== */
/* Ganti angka 0000-0000 dengan ISSN jurnal Anda */
.pkp_navigation_primary_row::after {
    content: "Online ISSN : 0000-0000 | Print ISSN : 0000-0000";
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    text-align: right;
    color: var(--ikes-text);
    font-size: 0.85rem;
    font-weight: 600;
    pointer-events: none;
}

/* ===== 6. RESPONSIVE (layar kecil / HP) ===== */
@media (max-width: 767px) {
    .pkp_site_name a,
    .pkp_site_name .app_name { font-size: 1.4rem !important; }
    .pkp_site_name img { max-height: 80px; }
    /* Di layar kecil, matikan ruang & sembunyikan ISSN agar menu rapi */
    .pkp_navigation_primary_wrapper,
    .pkp_navigation_primary_row { padding-right: 0; }
    .pkp_navigation_primary_wrapper::after,
    .pkp_navigation_primary_row::after { display: none; }
}