/* PORTAL MITRA EDUKASI SEJAHTERA | palet: biru tinta + emas, dengan warna keempat jurnal */
html:has(.pkp_site_name a[href*=".com/index/"]){--head-bg:#1b2a38;--bar:#1b2a38;--bar-text:#fff;--bar-hover:#0f1a24;--bar-hover-text:#e2bd62;--accent:#c49a3a;--title-bg:#1b2a38;--title-text:#fff;--title-border:#c49a3a;--menu-bg:#1b2a38;--menu-text:#fff;--menu-border:#c49a3a;--menu-hover-bg:#0f1a24;--menu-hover-text:#e2bd62;--btn-bg:#c49a3a;--btn-text:#1b2a38;--page-bg:#e7e9ec;--dot:rgba(27,42,56,.08);--soft:#f6f4ee;--line:#dcdfe3;--link:#1f4e79;--link-hover:#1b2a38;--text-strong:#1b2a38;--footer-bg:#1b2a38;--footer-text:#e6e9ec;--footer-link:#e2bd62;--hp-banner-h:auto;--hp-banner-pos:left center;}

html, body { overflow-x: hidden; }
body { color: #333; background-color: var(--page-bg);
  background-image: radial-gradient(circle at 25% 25%, var(--dot) 2px, transparent 2.5px), radial-gradient(circle at 75% 75%, var(--dot) 2px, transparent 2.5px);
  background-size: 28px 28px; }
.pkp_structure_page { max-width: 1100px; margin: 0 auto; background: #fff; box-shadow: 0 0 18px rgba(0,0,0,.15); }
/* HEADER */
.pkp_structure_head { background: var(--head-bg); border-bottom: 0; }
.pkp_head_wrapper, .has_site_logo .pkp_head_wrapper { width: 100% !important; padding: 0 !important; position: relative; }
.pkp_site_name_wrapper { width: 100% !important; padding: 0 !important; height: auto; }
.pkp_site_name, .has_site_logo .pkp_site_name { position: static !important; left: auto !important; top: auto !important; transform: none !important; width: 100% !important; margin: 0; padding: 0; }
.pkp_site_name > a, .pkp_site_name .is_img { display: block; margin: 0; padding: 0; line-height: 0; }
.pkp_site_name .is_img img { display: block; width: 100% !important; height: auto !important; max-width: 100% !important; max-height: none !important; }
@media (max-width: 599px) { .pkp_site_name .is_img img { height: var(--hp-banner-h) !important; object-fit: cover; object-position: var(--hp-banner-pos); } }
/* MENU BAR PC */
@media (min-width: 992px) {
  .pkp_site_nav_menu { display: flex !important; align-items: stretch; background: var(--bar); border-top: 3px solid var(--accent); min-height: 42px; padding: 0 10px; }
  .pkp_navigation_primary_row { flex: 1 1 auto; }
  .pkp_navigation_primary_wrapper { width: auto !important; padding: 0; }
  .pkp_navigation_primary > li > a, .pkp_navigation_search_wrapper a, .pkp_navigation_user > li > a { display: inline-block; margin: 0 !important; padding: 0 14px !important; line-height: 42px; border: 0 !important; color: var(--bar-text) !important; font-size: .8rem; font-weight: 700; letter-spacing: .5px; text-transform: uppercase; text-decoration: none !important; }
  .pkp_navigation_primary > li + li > a { box-shadow: -1px 0 0 rgba(255,255,255,.18); }
  .pkp_navigation_primary > li > a:hover, .pkp_navigation_primary > li > a:focus, .pkp_navigation_search_wrapper a:hover, .pkp_navigation_user > li > a:hover { background: var(--bar-hover) !important; color: var(--bar-hover-text) !important; }
  .pkp_navigation_search_wrapper { float: right; }
  .pkp_navigation_user_wrapper { position: static !important; transform: none !important; width: auto !important; padding: 0 !important; display: flex; align-items: stretch; box-shadow: -1px 0 0 rgba(255,255,255,.2); }
  .pkp_navigation_user { width: auto !important; padding: 0 !important; }
  .pkp_navigation_user > li { display: inline-block; }
  .pkp_nav_list ul { background: #fff; border-top: 3px solid var(--accent); border-radius: 0 0 4px 4px; box-shadow: 0 6px 14px rgba(0,0,0,.2); min-width: 230px; }
  .pkp_nav_list ul a { color: var(--text-strong) !important; font-size: .85rem; padding: .55em 1em !important; border-left: 0 !important; text-transform: none; }
  .pkp_nav_list ul a:hover { background: var(--bar) !important; color: var(--bar-text) !important; }
}
/* MENU HP & TABLET */
@media (max-width: 991px) {
  .pkp_site_name_wrapper { display: flex; flex-direction: column; }
  .pkp_site_name { order: 1; }
  .pkp_site_nav_toggle { order: 2; position: relative !important; width: 100% !important; height: 44px !important; background: var(--bar) !important; border-top: 3px solid var(--accent) !important; box-shadow: none !important; text-align: left; cursor: pointer; }
  .pkp_site_nav_toggle > span { left: 26px !important; border-color: var(--bar-text) !important; }
  .pkp_site_nav_toggle > span:before, .pkp_site_nav_toggle > span:after { background: var(--bar-text) !important; }
  .pkp_site_nav_toggle::after { content: "MENU"; position: absolute; left: 52px; top: 50%; transform: translateY(-50%); color: var(--bar-text); font-weight: 700; font-size: .85rem; letter-spacing: 1px; }
  .pkp_site_nav_menu { top: 100% !important; background: var(--bar-hover); border-bottom: 3px solid var(--accent); padding: .5rem 1rem 1rem; box-shadow: 0 8px 16px rgba(0,0,0,.25); }
  .pkp_site_nav_menu a { display: block !important; padding: .6rem .25rem !important; border-bottom: 1px solid rgba(255,255,255,.12); color: #fff !important; text-transform: uppercase; font-weight: 700; font-size: .85rem; }
  .pkp_site_nav_menu ul ul a { text-transform: none; font-weight: 400; padding-left: 1rem !important; }
  .pkp_navigation_user_wrapper { position: static !important; transform: none !important; }
}
/* KONTEN + SIDEBAR */
.pkp_structure_content, .pkp_structure_footer { width: 100% !important; padding-top: 0; padding-left: 0 !important; padding-right: 0 !important; }
@media (min-width: 992px) {
  .pkp_structure_main { width: calc(100% - 250px) !important; padding: 1.5rem 1.75rem 3rem !important; }
  .pkp_structure_main::after { left: calc(100% - 1px) !important; background: var(--line); }
  .pkp_structure_main::before { display: none; }
  .pkp_structure_sidebar { width: 250px !important; padding: 1.5rem 0 1rem; }
}
.pkp_structure_main h1, .pkp_structure_main h2 { color: var(--text-strong); }
.cmp_breadcrumbs { border-bottom: 1px dotted #999; padding-bottom: .5rem; margin-bottom: 1rem; }
a { color: var(--link); } a:hover, a:focus { color: var(--link-hover); }
/* SIDEBAR */
.pkp_structure_sidebar .pkp_block { padding: 0 12px !important; margin-bottom: 18px; font-size: .9rem; text-align: left; }
.pkp_block .title, .pkp_block .blockTitle { display: block; margin: 0 0 10px !important; padding: .5em 12px !important; background: var(--title-bg); border-left: 4px solid var(--title-border); color: var(--title-text) !important; font-size: .8rem !important; font-weight: 700; letter-spacing: .5px; line-height: 1.4 !important; text-transform: uppercase; }
.pkp_block .content p { margin: 0 0 8px; }
.pkp_block img { max-width: 100%; height: auto; }
.pkp_block .content ul li { padding: .25em 0; }
.pkp_block ul.sidemenu { margin: 0 !important; padding: 0 !important; list-style: none; }
.pkp_block ul.sidemenu li { padding: 0 !important; margin: 0; }
.pkp_block ul.sidemenu li a { display: block; background: var(--menu-bg); color: var(--menu-text); padding: .6em 12px .6em 14px; border-top: 1px solid var(--menu-border); font-size: .85rem; text-decoration: none; transition: background .15s, padding-left .15s; }
.pkp_block ul.sidemenu li:last-child a { border-bottom: 1px solid var(--menu-border); }
.pkp_block ul.sidemenu li a:hover { background: var(--menu-hover-bg); color: var(--menu-hover-text); padding-left: 20px; }
.issn-box { display: block; border: 1px solid var(--line); border-left: 4px solid var(--accent); background: var(--soft); padding: 8px 10px; margin-bottom: 8px; color: var(--text-strong) !important; text-decoration: none !important; font-size: .85rem; }
.issn-box strong { display: block; font-size: 1.05rem; letter-spacing: 1px; }
.btn-side { display: block; text-align: center; background: var(--btn-bg); color: var(--btn-text) !important; font-weight: 700; padding: .6em; margin-bottom: 8px; border-radius: 3px; text-decoration: none !important; }
.btn-side:hover { background: var(--bar-hover); color: #fff !important; }
.btn-side.outline { background: #fff; border: 2px solid var(--bar); color: var(--text-strong) !important; }
.btn-side.outline:hover { background: var(--bar); color: var(--bar-text) !important; }
.logo-side { display: block; text-align: center; margin-bottom: 10px; }
.logo-side img { max-width: 180px; transition: opacity .15s; }
.logo-side img:hover { opacity: .7; }
.block_web_feed .content li { display: inline-block; margin-right: 4px; }
@media (min-width: 600px) and (max-width: 991px) {
  .pkp_structure_sidebar { column-count: 2; column-gap: 8px; padding: 1rem 0; border-top: 3px solid var(--accent); }
  .pkp_structure_sidebar .pkp_block { break-inside: avoid; display: inline-block; width: 100%; }
}
@media (max-width: 991px) {
  .pkp_structure_sidebar { width: 100% !important; float: none; }
  .pkp_structure_main { padding: 1rem !important; }
  .pkp_structure_main::before, .pkp_structure_main::after { display: none !important; }
}
/* BERANDA & ARTIKEL */
.homepage_about h2, .page_index_journal .homepage_about h2 { border-bottom: 2px solid var(--accent); padding-bottom: .3rem; }
.page_index_journal .homepage_image img { box-shadow: 4px 4px 10px rgba(0,0,0,.2); }
.obj_issue_toc .sections .section > h2, .obj_issue_toc .sections .section > h3 { background: var(--title-bg); color: var(--title-text); padding: .4rem .8rem; font-size: .95rem; }
.obj_article_summary { background: var(--soft); border-left: 3px solid var(--bar); padding: .75rem 1rem; margin-bottom: .75rem; }
.obj_article_summary:hover { border-left-color: var(--accent); }
.obj_galley_link { border-color: var(--bar) !important; color: var(--text-strong) !important; }
.obj_galley_link:hover { background: var(--bar) !important; color: var(--bar-text) !important; }
/* FOOTER */
.pkp_structure_footer_wrapper { background: var(--footer-bg); color: var(--footer-text); border-top: 4px solid var(--accent); }
.pkp_structure_footer { padding: 1.5rem 1.25rem; }
.pkp_footer_content { text-align: center; padding: 0 !important; }
.pkp_footer_content a { color: var(--footer-link); }
.pkp_footer_content a[rel="license"] img { max-width: 88px; }
.pkp_brand_footer { padding: .5rem 0 0 !important; text-align: center; }
.pkp_brand_footer img { filter: brightness(0) invert(1); opacity: .6; max-width: 120px; }

/* logo OJS/PKP di footer: rata tengah, tidak terpotong */
.pkp_brand_footer { float: none !important; width: 100% !important; text-align: center !important; }
.pkp_brand_footer a { display: inline-block; }

/* ringkasan jurnal di sidebar */
.jsum { width: 100%; border-collapse: collapse; font-size: .8rem; }
.jsum th, .jsum td { padding: 5px 6px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
.jsum th { color: var(--text-strong); width: 38%; font-weight: 700; }
.pkp_structure_main table { border-collapse: collapse; width: 100%; }
.pkp_structure_main table th, .pkp_structure_main table td { border: 1px solid var(--line); padding: 6px 8px; text-align: left; }
.pkp_structure_main table thead th { background: var(--soft); }

/* KOTAK CALL FOR PAPERS DI BERANDA */
.cfp { background: var(--soft); border: 1px solid var(--line); border-left: 5px solid var(--accent); padding: 1rem 1.25rem; margin: 1.5rem 0; }
.cfp h2 { margin: 0 0 .5rem !important; font-size: 1.2rem; }
.cfp .btn-side { margin: .25rem .4rem .25rem 0; }
.cmp_announcements .obj_announcement_summary h2, .cmp_announcements .obj_announcement_summary h3 { color: var(--text-strong); }

/* COVER BERANDA (seperti Mushaf: sampul di kanan deskripsi) */
.page_index_journal .homepage_image { float: right; width: 34%; max-width: 260px; margin: 0 0 1rem 1.5rem; }
.page_index_journal .homepage_image img { width: 100%; height: auto; box-shadow: 0 6px 18px rgba(0,0,0,.25); border-radius: 2px; }
.page_index_journal .homepage_about { overflow: visible; }
.page_index_journal .cmp_announcements, .page_index_journal .additional_content { clear: both; }
@media (max-width: 599px) { .page_index_journal .homepage_image { float: none; width: 60%; margin: 0 auto 1rem; } }

/* ===== PORTAL ===== */
html:has(.pkp_site_name a[href*=".com/index/"]) body { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2296%22%20height%3D%2296%22%20viewBox%3D%220%200%2096%2096%22%3E%3Cg%20transform%3D%22translate(24%2024)%20scale(1)%22%3E%3Cpath%20d%3D%22M0%20-4%20C8%20-7%209%20-17%200%20-22%20C-9%20-17%20-8%20-7%200%20-4Z%22%20transform%3D%22rotate(0)%22%20fill%3D%22%231f4d33%22%20fill-opacity%3D%220.17%22%2F%3E%3Cpath%20d%3D%22M0%20-4%20C8%20-7%209%20-17%200%20-22%20C-9%20-17%20-8%20-7%200%20-4Z%22%20transform%3D%22rotate(90)%22%20fill%3D%22%236d2418%22%20fill-opacity%3D%220.17%22%2F%3E%3Cpath%20d%3D%22M0%20-4%20C8%20-7%209%20-17%200%20-22%20C-9%20-17%20-8%20-7%200%20-4Z%22%20transform%3D%22rotate(180)%22%20fill%3D%22%236f8f7f%22%20fill-opacity%3D%220.17%22%2F%3E%3Cpath%20d%3D%22M0%20-4%20C8%20-7%209%20-17%200%20-22%20C-9%20-17%20-8%20-7%200%20-4Z%22%20transform%3D%22rotate(270)%22%20fill%3D%22%231f5566%22%20fill-opacity%3D%220.17%22%2F%3E%3Ccircle%20r%3D%224.2%22%20fill%3D%22%23c49a3a%22%20fill-opacity%3D%220.45%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(72%2072)%20scale(1)%22%3E%3Cpath%20d%3D%22M0%20-4%20C8%20-7%209%20-17%200%20-22%20C-9%20-17%20-8%20-7%200%20-4Z%22%20transform%3D%22rotate(0)%22%20fill%3D%22%231f4d33%22%20fill-opacity%3D%220.17%22%2F%3E%3Cpath%20d%3D%22M0%20-4%20C8%20-7%209%20-17%200%20-22%20C-9%20-17%20-8%20-7%200%20-4Z%22%20transform%3D%22rotate(90)%22%20fill%3D%22%236d2418%22%20fill-opacity%3D%220.17%22%2F%3E%3Cpath%20d%3D%22M0%20-4%20C8%20-7%209%20-17%200%20-22%20C-9%20-17%20-8%20-7%200%20-4Z%22%20transform%3D%22rotate(180)%22%20fill%3D%22%236f8f7f%22%20fill-opacity%3D%220.17%22%2F%3E%3Cpath%20d%3D%22M0%20-4%20C8%20-7%209%20-17%200%20-22%20C-9%20-17%20-8%20-7%200%20-4Z%22%20transform%3D%22rotate(270)%22%20fill%3D%22%231f5566%22%20fill-opacity%3D%220.17%22%2F%3E%3Ccircle%20r%3D%224.2%22%20fill%3D%22%23c49a3a%22%20fill-opacity%3D%220.45%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%2272%22%20cy%3D%2224%22%20r%3D%221.8%22%20fill%3D%22%23c49a3a%22%20fill-opacity%3D%220.36000000000000004%22%2F%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2272%22%20r%3D%221.8%22%20fill%3D%22%23c49a3a%22%20fill-opacity%3D%220.36000000000000004%22%2F%3E%3C%2Fsvg%3E") !important; background-size: 96px 96px !important; }
.pkp_structure_main:has(.page_index_site) { width: 100% !important; float: none; }
.pkp_structure_main:has(.page_index_site)::after, .pkp_structure_main:has(.page_index_site)::before { display: none !important; }
.pub-hero { display: grid; grid-template-columns: 1.4fr 1fr; gap: 28px; align-items: start; margin-bottom: 28px; }
.pub-hero .lead { font-size: 1.08rem; line-height: 1.75; color: #2b3640; }
.pub-hero h2 { margin-top: 0 !important; color: var(--text-strong); border-bottom: 2px solid var(--accent); padding-bottom: .4rem; }
.pub-pillars { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.pub-pillars div { background: var(--soft); border: 1px solid var(--line); border-top: 3px solid var(--accent); padding: 10px 12px; font-size: .85rem; line-height: 1.45; }
.pub-pillars strong { display: block; color: var(--text-strong); font-size: .9rem; margin-bottom: 2px; }
.pub-legal { font-size: .8rem; color: #5b6670; margin-top: 10px; }
.page_index_site .journals > h2 { color: var(--text-strong); border-bottom: 2px solid var(--accent); padding-bottom: .4rem; }
.page_index_site .journals > ul { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; list-style: none; margin: 1rem 0 0; padding: 0; }
.page_index_site .journals > ul > li { display: flex; gap: 18px; align-items: flex-start; background: #fff; border: 1px solid var(--line); border-top: 6px solid var(--jc, #c49a3a); padding: 18px; margin: 0 !important; box-shadow: 0 4px 14px rgba(27,42,56,.08); transition: transform .15s, box-shadow .15s; }
.page_index_site .journals > ul > li:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(27,42,56,.16); }
.page_index_site .journals > ul > li .thumb { flex: 0 0 132px; width: 132px !important; float: none !important; margin: 0 !important; padding: 0 !important; }
.page_index_site .journals > ul > li .thumb img { width: 132px; height: auto; max-height: none; box-shadow: 0 5px 14px rgba(0,0,0,.25); }
.page_index_site .journals > ul > li .body { flex: 1 1 auto; float: none !important; width: auto !important; padding: 0 !important; }
.page_index_site .journals > ul > li h3 { margin: 0 0 .5rem !important; font-size: 1.05rem; line-height: 1.35; }
.page_index_site .journals > ul > li h3 a { color: var(--jc, #1b2a38); text-decoration: none; }
.page_index_site .journals > ul > li .description { font-size: .84rem; line-height: 1.55; color: #3a444d; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; }
.page_index_site .journals > ul > li .description p { margin: 0 !important; }
.page_index_site .journals > ul > li ul.links { list-style: none; padding: 0; margin: .8rem 0 0; display: flex; gap: 8px; flex-wrap: wrap; }
.page_index_site .journals > ul > li ul.links a { display: inline-block; padding: .35em .9em; border: 2px solid var(--jc, #1b2a38); color: var(--jc, #1b2a38); font-size: .78rem; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; text-decoration: none; border-radius: 3px; }
.page_index_site .journals > ul > li ul.links li.view a { background: var(--jc, #1b2a38); color: #fff; }
.page_index_site li:has(a[href*="/al-majmu"]) { --jc: #10402a; }
.page_index_site li:has(a[href*="/nuskha"]) { --jc: #6d2418; }
.page_index_site li:has(a[href*="/tamhid"]) { --jc: #3f5c4f; }
.page_index_site li:has(a[href*="/sambatan"]) { --jc: #0b4650; }
.page_index_site li:has(a[href*="/utawi"]) { --jc: #23286b; }
.page_index_site li:has(a[href*="/sorogan"]) { --jc: #5b2758; }
@media (max-width: 991px) { .pub-hero, .page_index_site .journals > ul { grid-template-columns: 1fr; } }
@media (max-width: 599px) { .page_index_site .journals > ul > li { flex-direction: column; align-items: center; text-align: left; } .page_index_site .journals > ul > li .thumb { flex-basis: auto; } .pub-pillars { grid-template-columns: 1fr; } }

/* APC: nominal tampil di halaman jurnal, disembunyikan di rumah jurnal */
html:has(.pkp_site_name a[href*=".com/index/"]) .apc-amt{display:none}


/* === 27 Sep 2026: sembunyikan logo/tulisan OJS-PKP di footer === */
.pkp_brand_footer, .pkp_brand_footer * { display: none !important; }
.mes-home-link { display: none; }