/* ==========================================================
   Portal Publikasi Ilmiah Indonesia — journal.mediazayna.org
   VERSI KHUSUS HALAMAN DEPAN PORTAL (OJS 3.3, Manuscript / Default)
   Semua aturan hanya aktif di beranda portal (.page_index_site),
   halaman jurnal tidak terpengaruh. Tanpa class/div pada konten.
   Unggah di: Administrasi > Pengaturan Situs > Penataan Situs > Stylesheet situs
   ========================================================== */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;600;700;800&display=swap');
body:has(.page_index_site) { --mz-navy:#0f2a44; --mz-navy-2:#16406a; --mz-teal:#0e8a7e; --mz-gold:#e0a526; --mz-ink:#1d2733; --mz-muted:#5b6b7b; --mz-line:#e3e8ee;
  font-family:'Plus Jakarta Sans','Noto Sans',Arial,sans-serif; color:var(--mz-ink); background:#f5f7fa; }
body:has(.page_index_site) .pkp_structure_page { background:transparent; box-shadow:none; }

/* Header */
body:has(.page_index_site) .pkp_structure_head { background:var(--mz-navy); border-bottom:3px solid var(--mz-gold); }
body:has(.page_index_site) .pkp_head_wrapper, body:has(.page_index_site) .pkp_navigation_primary_row, body:has(.page_index_site) .pkp_navigation_primary_wrapper { background:transparent; border-color:rgba(255,255,255,.15); }
body:has(.page_index_site) .pkp_site_name .is_text, body:has(.page_index_site) .pkp_site_name a { color:#fff; font-weight:800; }
body:has(.page_index_site) .pkp_navigation_user > li > a, body:has(.page_index_site) .pkp_navigation_primary > li > a, body:has(.page_index_site) .pkp_navigation_search_wrapper a, body:has(.page_index_site) .pkp_navigation_user_wrapper a { color:#fff; }
body:has(.page_index_site) .pkp_navigation_user > li > a:hover, body:has(.page_index_site) .pkp_navigation_primary > li > a:hover, body:has(.page_index_site) .pkp_navigation_search_wrapper a:hover { color:var(--mz-gold); border-color:var(--mz-gold); }
body:has(.page_index_site) .pkp_site_nav_toggle { background:var(--mz-navy-2); color:#fff; border-color:rgba(255,255,255,.3); }
body:has(.page_index_site) .pkp_site_nav_menu { background:var(--mz-navy-2); }
body:has(.page_index_site) .pkp_structure_content { background:transparent; }
body:has(.page_index_site) .pkp_structure_main:before, body:has(.page_index_site) .pkp_structure_main:after { display:none; }
body:has(.page_index_site) h2, body:has(.page_index_site) h3 { font-family:'Plus Jakarta Sans','Noto Sans',Arial,sans-serif; }

/* Hero = kotak .about_site */
body:has(.page_index_site) .about_site { margin:1.5rem 0 2rem; padding:3rem 2.5rem 2.25rem; border:0; border-radius:18px; color:#fff;
  background: radial-gradient(circle at 85% 15%, rgba(224,165,38,.25), transparent 40%), radial-gradient(circle at 10% 90%, rgba(14,138,126,.35), transparent 45%), linear-gradient(135deg, var(--mz-navy) 0%, var(--mz-navy-2) 100%); }
body:has(.page_index_site) .about_site > br { display:none; }
body:has(.page_index_site) .about_site > p { max-width:820px; }
body:has(.page_index_site) .about_site > p:nth-of-type(1) { margin:0 0 .75rem; font-size:.8rem; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:var(--mz-gold); }
body:has(.page_index_site) .about_site > p:nth-of-type(2) { margin:0 0 1rem; font-size:2.3rem; line-height:1.2; font-weight:700; color:#fff; }
body:has(.page_index_site) .about_site > p:nth-of-type(2) em { font-style:normal; font-weight:800; color:var(--mz-gold); }
body:has(.page_index_site) .about_site > p:nth-of-type(3) { margin:0 0 1.75rem; font-size:1.02rem; line-height:1.75; color:rgba(255,255,255,.88); }
body:has(.page_index_site) .about_site > p:nth-of-type(4) { margin:0 0 2rem; }
body:has(.page_index_site) .about_site > p:nth-of-type(4) a { display:inline-block; margin:0 .5rem .5rem 0; padding:.75rem 1.5rem; border-radius:999px; font-weight:700; font-size:.95rem; text-decoration:none; border:2px solid rgba(255,255,255,.7); color:#fff; transition:transform .15s ease, background .15s ease; }
body:has(.page_index_site) .about_site > p:nth-of-type(4) a:first-child { background:var(--mz-gold); border-color:var(--mz-gold); color:var(--mz-navy); }
body:has(.page_index_site) .about_site > p:nth-of-type(4) a:hover { transform:translateY(-2px); background:rgba(255,255,255,.12); }
body:has(.page_index_site) .about_site > p:nth-of-type(4) a:first-child:hover { background:#f0b73a; }
body:has(.page_index_site) .about_site > ul { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; max-width:820px; margin:0; padding:0; list-style:none; }
body:has(.page_index_site) .about_site > ul > li { margin:0; padding:1rem 1.1rem; border-radius:12px; font-size:.85rem; color:rgba(255,255,255,.75); background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.18); border-left:4px solid var(--mz-gold); }
body:has(.page_index_site) .about_site > ul > li strong { display:block; font-size:1rem; font-weight:800; color:#fff; }
body:has(.page_index_site) .about_site > ul ~ p { max-width:none; margin:0; font-size:.92rem; line-height:1.75; color:rgba(255,255,255,.75); }
body:has(.page_index_site) .about_site > p:nth-of-type(5) { margin-top:2rem; padding-top:1.5rem; border-top:1px solid rgba(255,255,255,.18); }
body:has(.page_index_site) .about_site > p:nth-of-type(5) strong { font-size:1.1rem; color:#fff; }

/* Daftar jurnal */
body:has(.page_index_site) .journals { margin:0; padding:0; border:0; }
body:has(.page_index_site) .journals > h2 { margin:0 0 1.25rem; font-size:1.5rem; color:var(--mz-navy); }
body:has(.page_index_site) .journals > h2:after { content:""; display:block; width:56px; height:4px; margin-top:.5rem; border-radius:2px; background:var(--mz-gold); }
body:has(.page_index_site) .journals > ul { margin:0; padding:0; list-style:none; }
body:has(.page_index_site) .journals > ul > li { display:flex; gap:1.5rem; align-items:flex-start; margin:0 0 1.25rem; padding:1.5rem; background:#fff; border:1px solid var(--mz-line); border-radius:14px; box-shadow:0 2px 10px rgba(15,42,68,.05); transition:box-shadow .2s ease, transform .2s ease; }
body:has(.page_index_site) .journals > ul > li:hover { transform:translateY(-3px); box-shadow:0 10px 26px rgba(15,42,68,.12); }
body:has(.page_index_site) .journals .thumb { flex:0 0 170px; width:170px; max-width:none; margin:0; padding:0; float:none; }
body:has(.page_index_site) .journals .thumb img { width:100%; height:auto; border-radius:8px; box-shadow:0 4px 14px rgba(0,0,0,.15); }
body:has(.page_index_site) .journals .body { flex:1; margin:0; padding:0; float:none; width:auto; }
body:has(.page_index_site) .journals h3 { margin:0 0 .5rem; font-size:1.25rem; line-height:1.35; }
body:has(.page_index_site) .journals h3 a { color:var(--mz-navy); text-decoration:none; }
body:has(.page_index_site) .journals h3 a:hover { color:var(--mz-teal); }
body:has(.page_index_site) .journals .description { color:var(--mz-muted); line-height:1.7; }
body:has(.page_index_site) .journals .links { margin:1rem 0 0; padding:0; list-style:none; }
body:has(.page_index_site) .journals .links li { display:inline-block; margin:0 .5rem .5rem 0; }
body:has(.page_index_site) .journals .links a { display:inline-block; padding:.5rem 1.1rem; border-radius:999px; font-size:.88rem; font-weight:700; text-decoration:none; border:2px solid var(--mz-teal); color:var(--mz-teal); }
body:has(.page_index_site) .journals .links .view a { background:var(--mz-teal); color:#fff; }
body:has(.page_index_site) .journals .links a:hover { background:var(--mz-navy); border-color:var(--mz-navy); color:#fff; }

/* Footer */
body:has(.page_index_site) .pkp_structure_footer_wrapper { background:var(--mz-navy); border-top:3px solid var(--mz-gold); }
body:has(.page_index_site) .pkp_structure_footer, body:has(.page_index_site) .pkp_footer_content { color:rgba(255,255,255,.8); }
body:has(.page_index_site) .pkp_footer_content { display:grid; grid-template-columns:1.2fr 1fr 1fr; gap:2rem; padding:2.5rem 2rem 1rem; }
body:has(.page_index_site) .pkp_footer_content > br { display:none; }
body:has(.page_index_site) .pkp_footer_content p { margin:0; line-height:1.7; font-size:.92rem; }
body:has(.page_index_site) .pkp_footer_content strong { display:inline-block; margin-bottom:.4rem; color:var(--mz-gold); text-transform:uppercase; letter-spacing:1px; font-size:.8rem; }
body:has(.page_index_site) .pkp_footer_content > p:first-of-type strong { color:#fff; text-transform:none; letter-spacing:0; font-size:1.2rem; }
body:has(.page_index_site) .pkp_footer_content a { color:#fff; text-decoration:none; border-bottom:1px dotted rgba(255,255,255,.4); }
body:has(.page_index_site) .pkp_footer_content a:hover { color:var(--mz-gold); border-color:var(--mz-gold); }
body:has(.page_index_site) .pkp_brand_footer { padding:0 2rem 1.5rem; }
body:has(.page_index_site) .pkp_brand_footer img { filter:brightness(0) invert(1); opacity:.6; }

@media (max-width:767px) {
  body:has(.page_index_site) .about_site { padding:2.25rem 1.25rem 2rem; }
  body:has(.page_index_site) .about_site > p:nth-of-type(2) { font-size:1.6rem; }
  body:has(.page_index_site) .about_site > ul { grid-template-columns:1fr; }
  body:has(.page_index_site) .journals > ul > li { flex-direction:column; }
  body:has(.page_index_site) .journals .thumb { flex:none; width:140px; }
  body:has(.page_index_site) .pkp_footer_content { grid-template-columns:1fr; }
}