/* ===== Portal Open Jurnal Bangun Harapan Bangsa - tema biru tua akademik ===== */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Merriweather:wght@700&display=swap');

:root { --navy:#1f3a5f; --navy2:#162b47; --gold:#c9a227; --bg:#f3f5f9; --text:#2b2f36; --muted:#5b6472; }

body { background: var(--bg); font-family: 'Inter', system-ui, sans-serif; color: var(--text); }
.pkp_structure_page { background: transparent; }

/* Header */
.pkp_structure_head { background: linear-gradient(135deg, var(--navy) 0%, var(--navy2) 100%); border-bottom: 4px solid var(--gold); }
body:has(.page_index_site) .pkp_site_name_wrapper { padding: 28px 0; }
.pkp_site_name .is_text, .pkp_site_name a.is_text {
  font-family: 'Merriweather', Georgia, serif; font-size: 1.9rem; letter-spacing: .5px; color: #fff; text-transform: none;
}
.pkp_navigation_user > li > a, .pkp_navigation_user .task_count { color: #fff; }
.pkp_navigation_user .task_count { background: var(--gold); color: var(--navy2); }

/* Konten */
body:has(.page_index_site) .pkp_structure_content { padding-top: 32px; }
body:has(.page_index_site) .pkp_structure_main { width: 100%; }
.page_index_site .about_site { background:#fff; border-left:5px solid var(--gold); padding:20px 24px; border-radius:8px; box-shadow:0 2px 8px rgba(0,0,0,.06); margin-bottom:28px; }
.page_index_site .journals > h2 { font-family:'Merriweather',serif; color:var(--navy); font-size:1.5rem; border-bottom:2px solid var(--gold); padding-bottom:8px; display:inline-block; }

/* Daftar jurnal sebagai kartu */
.page_index_site .journals > ul { display:grid; grid-template-columns:1fr; gap:20px; margin-top:20px; }
.page_index_site .journals > ul > li {
  display:flex; gap:22px; align-items:flex-start; background:#fff; border:1px solid #e3e7ee; border-radius:10px;
  padding:22px; margin:0; box-shadow:0 2px 8px rgba(31,58,95,.06); transition:box-shadow .2s, transform .2s;
}
.page_index_site .journals > ul > li:hover { box-shadow:0 8px 22px rgba(31,58,95,.14); transform:translateY(-2px); }
.page_index_site .journals .thumb { flex:0 0 140px; margin:0; float:none; width:140px; }
.page_index_site .journals .thumb img { width:140px; height:auto; border-radius:6px; box-shadow:0 2px 6px rgba(0,0,0,.15); }
.page_index_site .journals .body { flex:1; padding:0; float:none; width:auto; }
.page_index_site .journals h3 { margin:0 0 10px; font-size:1.2rem; line-height:1.35; }
.page_index_site .journals h3 a { color:var(--navy); text-decoration:none; font-weight:700; }
.page_index_site .journals h3 a:hover { color:var(--gold); }
.page_index_site .journals .description { color:var(--muted); font-size:.93rem; line-height:1.65; text-align:justify; }
.page_index_site .journals .description a { color:var(--navy); }

/* Tombol View Journal / Current Issue */
.page_index_site .journals .links { margin-top:14px; padding:0; }
.page_index_site .journals .links li { display:inline-block; margin:0 8px 0 0; }
.page_index_site .journals .links a {
  display:inline-block; padding:7px 16px; border-radius:6px; font-size:.85rem; font-weight:600; text-decoration:none;
  background:var(--navy); color:#fff; border:1px solid var(--navy);
}
.page_index_site .journals .links li.current a { background:#fff; color:var(--navy); }
.page_index_site .journals .links a:hover { background:var(--gold); border-color:var(--gold); color:var(--navy2); }

.pkp_head_wrapper, .pkp_site_name_wrapper, .pkp_site_name, .pkp_navigation_primary_row, .pkp_navigation_user_wrapper { background: transparent !important; }
.page_index_site .journals .description { display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; overflow:hidden; }

/* Footer */
.pkp_structure_footer_wrapper { background:var(--navy2); color:#cfd6e2; border-top:4px solid var(--gold); }
.pkp_structure_footer_wrapper a { color:#fff; }
.pkp_brand_footer { opacity:.7; }

/* Mobile */
@media (max-width: 640px) {
  .page_index_site .journals > ul > li { flex-direction:column; }
  .page_index_site .journals .thumb { width:110px; flex-basis:auto; }
  .pkp_site_name .is_text { font-size:1.35rem; }
}
.pkp_brand_footer img{filter:brightness(0) invert(1);opacity:.75;}
@media(max-width:991px){.pkp_site_name_wrapper{padding:0 0 0 60px!important;height:60px;}.pkp_site_name{position:static;}.pkp_site_name .is_text{font-size:1.1rem!important;line-height:60px!important;padding:0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;}}
.pkp_brand_footer{display:none!important;}