/* AL-MAJMU' — gaya MUSHAF | palet: hijau tua + emas (mengikuti banner hijau) */
:root{--head-bg:#10402a;--bar:#10402a;--bar-text:#fff;--bar-hover:#0a2c1c;--bar-hover-text:#e0bf63;--accent:#c9a54b;--title-bg:#10402a;--title-text:#fff;--title-border:#c9a54b;--menu-bg:#10402a;--menu-text:#fff;--menu-border:#c9a54b;--menu-hover-bg:#0a2c1c;--menu-hover-text:#e0bf63;--btn-bg:#c9a54b;--btn-text:#1d1d1d;--page-bg:#dfe9e2;--dot:rgba(16,64,42,.08);--soft:#f1f6f2;--line:#d3ddd6;--link:#0f5a37;--link-hover:#0a2c1c;--text-strong:#10402a;--footer-bg:#10402a;--footer-text:#e8efe9;--footer-link:#e0bf63;--hp-banner-h:120px;--hp-banner-pos:12% 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; } }

/* POLA LATAR: kisi lengkung (ogee) hijau-emas — ciri Al-Majmu’, berbeda dari rumah jurnal */
body { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2272%22%20height%3D%22108%22%20viewBox%3D%220%200%2072%20108%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%2310402a%22%20stroke-opacity%3D%22.16%22%20stroke-width%3D%221.2%22%3E%3Cpath%20d%3D%22M0%200%20C0%2027%2036%2025%2036%2054%20C36%2083%200%2081%200%20108%22%2F%3E%3Cpath%20d%3D%22M72%200%20C72%2027%2036%2025%2036%2054%20C36%2083%2072%2081%2072%20108%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22%23b08a2e%22%20fill-opacity%3D%22.45%22%3E%3Ccircle%20cx%3D%2236%22%20cy%3D%2254%22%20r%3D%222.6%22%2F%3E%3Ccircle%20cx%3D%220%22%20cy%3D%220%22%20r%3D%222.6%22%2F%3E%3Ccircle%20cx%3D%2272%22%20cy%3D%220%22%20r%3D%222.6%22%2F%3E%3Ccircle%20cx%3D%220%22%20cy%3D%22108%22%20r%3D%222.6%22%2F%3E%3Ccircle%20cx%3D%2272%22%20cy%3D%22108%22%20r%3D%222.6%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22%2310402a%22%20fill-opacity%3D%22.10%22%3E%3Cellipse%20cx%3D%2236%22%20cy%3D%2218%22%20rx%3D%223%22%20ry%3D%226%22%2F%3E%3Cellipse%20cx%3D%220%22%20cy%3D%2272%22%20rx%3D%223%22%20ry%3D%226%22%2F%3E%3Cellipse%20cx%3D%2272%22%20cy%3D%2272%22%20rx%3D%223%22%20ry%3D%226%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") !important; background-size: 72px 108px !important; }
/* END POLA */


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

/* === 27 Sep 2026: tombol MITRA EDUKASI di bawah cover beranda === */
.mes-home-link { display: none; }
.page_index_journal .homepage_about .mes-home-link { display: block; float: right; clear: right; width: 34%; max-width: 260px; margin: 0 0 1rem 1.5rem; }
.page_index_journal .homepage_about .mes-home-link a.btn-side { display: block; margin: 0; padding: .65em .5em; letter-spacing: .06em; font-size: .95rem; border-radius: 3px; box-shadow: 0 3px 8px rgba(0,0,0,.18); }
@media (max-width: 599px) { .page_index_journal .homepage_about { display: flex; flex-direction: column; } .page_index_journal .homepage_about .mes-home-link { order: -1; float: none; width: 60%; max-width: 260px; margin: 0 auto 1.25rem; } }

/* ===== HALAMAN ARTIKEL (1 Okt 2026) ===== */
.obj_article_details .authors .userGroup{display:none}
.obj_article_details .galleys_links a.obj_galley_link,.obj_issue_toc .galleys_links a.obj_galley_link{background:var(--bar);color:var(--bar-text) !important;border:2px solid var(--bar);border-radius:3px;font-weight:700;padding:.45em 1.2em;text-decoration:none}
.obj_article_details .galleys_links a.obj_galley_link:hover,.obj_issue_toc .galleys_links a.obj_galley_link:hover,.obj_article_details .galleys_links a.obj_galley_link:focus{background:var(--bar-hover);border-color:var(--bar-hover);color:#fff !important}
.obj_article_details .galleys_links a.obj_galley_link.pdf:before{color:inherit}

/* Penampil PDF: bilah atas mengikuti warna jurnal */
.header_view{background:var(--bar) !important}
.header_view a,.header_view a.title,.header_view a.return{color:var(--bar-text) !important}
.header_view a.download{background:var(--btn-bg,var(--bar-hover)) !important;color:#fff !important}
.header_view a:hover,.header_view a:focus{background:var(--bar-hover) !important;color:#fff !important}