/* ===========================================================================
   JURNAL ABDIMAS BERDAYA - OJS 3.5
   FINAL GABUNGAN CSS + Sidebar_Abdimas_Berdaya_Emas_Force.css
   24 Oktober 2026

   Base: CSS gabungan paket implementasi profesional JAB OJS 3.5
   Override: CSS emas yang diberikan pengguna, ditaruh PALING AKHIR.
   Cakupan override: .jab35-sidebar, sehingga header/menu/indexing/footer
   tetap mengikuti aturan gabungan dasar.
   =========================================================================== */

/* PAKET IMPLEMENTASI JAB OJS 3.5 - CSS GABUNGAN UTAMA; dibuat dari file gabungan user, diikuti perubahan visual artikel */
/* Final integrated JAB OJS 3.5: homepage, header, sidebar, logo resources, indexing, compact footer */
/* JURNAL ABDIMAS BERDAYA - OJS 3.5
   CSS final gabungan: dasar + resource tools/logo + Journal at a Glance center + penguatan tema.
   Untuk unggah satu file di Appearance > Advanced > Journal Style Sheet.
   Jangan tempel CSS ini pada editor HTML Custom Block.
*/


/* ========================================================================
   JURNAL ABDIMAS BERDAYA (JAB) - OJS 3.5 PROFESSIONAL WARM GOLD THEME
   Version 2.0 (2026-10-23)
   Purpose: visual polish for OJS 3.5 with sidebar aligned to current header.
   Keeps banner/header image, improves harmony, readability, and professionalism.
   ======================================================================== */
:root {
  --jab-primary: #d7a11d;      /* warm gold from current header */
  --jab-primary-dark: #8a6110; /* dark gold/brown */
  --jab-accent: #f1cf78;       /* pale gold */
  --jab-dark: #4f3c10;         /* dark brown text */
  --jab-text: #3d3524;
  --jab-muted: #77684a;
  --jab-paper: #ffffff;
  --jab-surface: #fffaf0;
  --jab-surface-2: #f8f1df;
  --jab-line: #eadcb8;
  --jab-shadow: 0 8px 24px rgba(85, 64, 17, .08);
}

html, body { color: var(--jab-text); }
body { background:#f6f4ef; }

/* =========================
   HEADER + PRIMARY NAV
   ========================= */
.pkp_structure_head {
  background: linear-gradient(180deg, #e7ad1f 0%, #dca218 100%);
  box-shadow: inset 0 -1px 0 rgba(0,0,0,.08);
}
.pkp_structure_head::after {
  content:'';
  display:block;
  height:16px;
  background: linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,0));
}
.pkp_structure_head .pkp_site_name_wrapper {
  text-align:center;
  padding: 14px 0 10px;
}
.pkp_structure_head .pkp_site_name {
  position:static !important;
  float:none !important;
  display:block !important;
  width:100% !important;
  margin:0 auto !important;
  text-align:center !important;
}
.pkp_structure_head .pkp_site_name > a,
.pkp_structure_head .pkp_site_name .is_img {
  display:inline-block !important;
  margin:0 auto !important;
  background:#fff;
  border-radius:10px;
  padding:10px 14px;
  box-shadow:0 6px 18px rgba(0,0,0,.10);
}
.pkp_structure_head .pkp_site_name img {
  display:block;
  margin:0 auto;
  max-width:min(760px,92vw) !important;
  width:auto !important;
  height:auto !important;
  max-height:150px !important;
  object-fit:contain;
}
.pkp_navigation_user_wrapper {
  background: transparent;
}
.pkp_navigation_user_wrapper a,
.pkp_navigation_user_wrapper .pkp_nav_list > li > a,
.pkp_navigation_user_wrapper .pkp_nav_list > li > span {
  color:#4a3911 !important;
  font-weight:600;
}
.pkp_navigation_primary_wrapper {
  background: #fff7e2;
  border-top:1px solid rgba(255,255,255,.45);
  border-bottom:1px solid #d1b165;
  box-shadow:0 2px 6px rgba(0,0,0,.03);
}
.pkp_navigation_primary_wrapper .pkp_nav_list {
  text-align:center;
}
.pkp_navigation_primary_wrapper .pkp_nav_list > li > a,
.pkp_navigation_primary_wrapper .pkp_nav_list > li > span {
  color:#533b0b !important;
  font-weight:700;
  letter-spacing:.1px;
  padding:14px 16px !important;
}
.pkp_navigation_primary_wrapper .pkp_nav_list > li > a:hover,
.pkp_navigation_primary_wrapper .pkp_nav_list > li > span:hover,
.pkp_navigation_primary_wrapper .pkp_nav_list > li > a:focus,
.pkp_navigation_primary_wrapper .pkp_nav_list > li > span:focus {
  color:#3c2a07 !important;
  background:#f5e4b7;
}
.pkp_navigation_primary_wrapper .pkp_search button,
.pkp_navigation_primary_wrapper .pkp_search .search_controls {
  color:#533b0b !important;
}

/* =========================
   MAIN LAYOUT
   ========================= */
.pkp_structure_content {
  background:#f6f4ef;
}
.pkp_structure_main {
  min-width:0;
}
.pkp_structure_main .page,
.pkp_structure_main .homepage_about,
.pkp_structure_main .page_about,
.pkp_structure_main .page_contact,
.pkp_structure_main .obj_issue_toc {
  background:#fff;
  border:1px solid var(--jab-line);
  border-top:4px solid var(--jab-primary);
  border-radius:14px;
  padding:24px 26px;
  margin-bottom:26px;
  box-shadow:var(--jab-shadow);
}
.pkp_structure_main h1,
.pkp_structure_main h2,
.pkp_structure_main h3 {
  color:var(--jab-dark);
  line-height:1.35;
}
.pkp_structure_main a { color:#9a6b00; }
.pkp_structure_main a:hover { color:#6f4b00; }
.pkp_structure_main p,
.pkp_structure_main li,
.pkp_structure_main td,
.pkp_structure_main th {
  line-height:1.78;
}
.pkp_structure_main table {
  width:100%;
  border-collapse:collapse;
}
.pkp_structure_main td,
.pkp_structure_main th {
  padding:9px 11px;
  border-bottom:1px solid var(--jab-line);
  vertical-align:top;
}
.pkp_structure_main tr:nth-child(even) {
  background:var(--jab-surface);
}
.pkp_structure_main .cmp_breadcrumbs {
  margin-bottom:16px;
}
.pkp_structure_main .cmp_breadcrumbs ol {
  background:#fff7e2;
  border:1px solid var(--jab-line);
  border-radius:10px;
  padding:10px 14px;
}
.pkp_structure_main .homepage_image,
.pkp_structure_main .page img {
  max-width:100%;
}
.pkp_structure_main .homepage_image img {
  border-radius:12px;
  box-shadow:var(--jab-shadow);
}

/* =========================
   SIDEBAR - PROFESSIONAL GOLD STYLE
   ========================= */
.jab35-sidebar, .jab35-sidebar * { box-sizing:border-box; }
.jab35-sidebar {
  width:100%;
  overflow:hidden;
  border:1px solid var(--jab-line);
  border-radius:16px;
  background:var(--jab-paper);
  box-shadow:var(--jab-shadow);
  color:var(--jab-text);
  font:13px/1.48 Arial, Helvetica, sans-serif;
}
.jab35-sidebar .jab35-masthead {
  padding:20px 16px 18px;
  text-align:center;
  color:var(--jab-dark);
  background:linear-gradient(180deg,#fffdf8 0%, #f7edd4 100%);
  border-top:6px solid var(--jab-primary);
  border-bottom:1px solid var(--jab-line);
}
.jab35-sidebar .jab35-kicker {
  display:block;
  font-size:10px;
  letter-spacing:1.5px;
  font-weight:800;
  color:var(--jab-primary-dark);
  text-transform:uppercase;
}
.jab35-sidebar .jab35-masthead strong {
  display:block;
  font-size:25px;
  line-height:1.2;
  margin-top:6px;
  color:#3f2f0f;
  font-family: Georgia, 'Times New Roman', serif;
}
.jab35-sidebar .jab35-masthead small {
  display:block;
  margin-top:5px;
  font-size:11px;
  color:var(--jab-muted);
}
.jab35-sidebar .jab35-quick-cta {
  padding:14px;
  background:#fff;
}
.jab35-sidebar a.jab35-submit {
  display:flex !important;
  justify-content:center;
  align-items:center;
  gap:10px;
  min-height:46px;
  padding:11px 10px;
  border-radius:10px;
  border:1px solid #8b6513;
  background:linear-gradient(180deg,#c9971c 0%, #a47512 100%);
  color:#fff !important;
  font-weight:700;
  text-decoration:none !important;
  text-align:center;
  box-shadow:0 4px 10px rgba(139,101,19,.16);
}
.jab35-sidebar a.jab35-submit:hover {
  background:linear-gradient(180deg,#b98915 0%, #94680d 100%);
}
.jab35-sidebar .jab35-group-title {
  display:flex;
  align-items:center;
  gap:9px;
  padding:12px 12px !important;
  margin:0 !important;
  border:0 !important;
  background:linear-gradient(90deg,#9a6d11 0%, #bd8a1b 100%);
  color:#fff !important;
  font:800 11px/1.45 Arial, Helvetica, sans-serif !important;
  letter-spacing:.45px;
  text-transform:uppercase;
}
.jab35-sidebar .jab35-group:nth-of-type(2) .jab35-group-title {background:linear-gradient(90deg,#846111 0%, #aa7a17 100%);}
.jab35-sidebar .jab35-group:nth-of-type(3) .jab35-group-title {background:linear-gradient(90deg,#6f5310 0%, #956d13 100%);}
.jab35-sidebar .jab35-group:nth-of-type(4) .jab35-group-title {background:linear-gradient(90deg,#927320 0%, #b9963a 100%);}
.jab35-sidebar .jab35-group:nth-of-type(5) .jab35-group-title {background:linear-gradient(90deg,#5b4a22 0%, #827046 100%);}
.jab35-sidebar .jab35-group-title > span {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 27px;
  height:26px;
  border-radius:7px;
  background:rgba(255,255,255,.18);
  color:#fff;
  font-size:10px;
}
.jab35-sidebar .jab35-list {
  list-style:none !important;
  padding:8px 10px 10px !important;
  margin:0 !important;
  background:#fff;
}
.jab35-sidebar .jab35-list > li {
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
  border-bottom:1px solid #efe5cc;
}
.jab35-sidebar .jab35-list > li:last-child { border-bottom:0; }
.jab35-sidebar a.jab35-link {
  display:flex !important;
  align-items:center;
  gap:10px;
  min-height:43px;
  width:100%;
  padding:8px 4px !important;
  margin:0 !important;
  color:#46361a !important;
  text-decoration:none !important;
  font-size:12.5px;
  font-weight:600;
  border:1px solid transparent;
  border-radius:8px;
  transition:background .16s ease, border-color .16s ease;
}
.jab35-sidebar a.jab35-link:hover {
  background:#fff7e7 !important;
  border-color:#eddcb0;
  color:#6e4d09 !important;
}
.jab35-sidebar .jab35-link-icon {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 26px;
  height:26px;
  border:1px solid #eedeb6;
  border-radius:8px;
  background:#fff8e9;
  color:#a87713;
  font-size:20px;
  line-height:1;
  font-weight:700;
}
.jab35-sidebar .jab35-link-label {
  flex:1 1 auto;
  min-width:0;
  overflow-wrap:anywhere;
}
.jab35-sidebar .jab35-arrow {
  flex:0 0 11px;
  color:#9a8a69;
  font-size:13px;
}
.jab35-sidebar .jab35-facts {
  padding:0 0 7px;
  background:#fcfaf4;
}
.jab35-sidebar .jab35-facts-header {
  background:#f1e4bf;
  padding:12px;
  text-align:center;
  font-size:11px;
  font-weight:800;
  letter-spacing:.5px;
  color:#6a4d12;
}
.jab35-sidebar .jab35-facts dl {
  margin:0;
  padding:10px 13px;
}
.jab35-sidebar .jab35-facts dl > div {
  display:flex;
  gap:10px;
  justify-content:space-between;
  border-bottom:1px solid #eadfca;
  padding:7px 0;
}
.jab35-sidebar .jab35-facts dl > div:last-child { border-bottom:0; }
.jab35-sidebar .jab35-facts dt {
  font-size:11px;
  color:#6b6049;
}
.jab35-sidebar .jab35-facts dd {
  margin:0;
  font-size:11px;
  font-weight:700;
  text-align:right;
  color:#4d3e1f;
}
.jab35-sidebar .jab35-sidebar-footer {
  background:linear-gradient(180deg,#6a5319 0%, #4f3e16 100%);
  padding:16px 10px;
  text-align:center;
  color:#fff;
  font-size:11px;
  font-weight:700;
}
.jab35-sidebar .jab35-sidebar-footer small {
  display:block;
  margin-top:3px;
  font-size:10px;
  font-weight:400;
  color:#eadcb7;
}

/* wrapper whitespace */
.pkp_structure_sidebar .block_custom { margin-bottom:20px; }
.pkp_structure_sidebar .block_custom .content { min-width:0; }

/* =========================
   FOOTER
   ========================= */
.pkp_structure_footer_wrapper {
  background:#fff8e7;
  border-top:4px solid var(--jab-primary);
}
.pkp_structure_footer_wrapper .pkp_footer_content {
  text-align:center;
  padding:24px 15px;
  color:#4d3a14;
}
.pkp_structure_footer_wrapper .pkp_footer_content p {
  text-align:center;
  line-height:1.72;
}
.pkp_structure_footer_wrapper .pkp_footer_content img {
  max-width:100%;
  height:auto;
}

@media (max-width: 991px) {
  .pkp_structure_head .pkp_site_name > a,
  .pkp_structure_head .pkp_site_name .is_img { padding:8px 10px; }
  .pkp_structure_head .pkp_site_name img { max-height:90px !important; }
}
@media (max-width: 768px) {
  .pkp_structure_main .page,
  .pkp_structure_main .homepage_about,
  .pkp_structure_main .page_about,
  .pkp_structure_main .page_contact,
  .pkp_structure_main .obj_issue_toc {
    padding:16px 13px;
    border-radius:10px;
  }
  .pkp_structure_main table { display:block; overflow-x:auto; }
  .jab35-sidebar { border-radius:12px; }
  .jab35-sidebar .jab35-masthead strong { font-size:20px; }
}
@media (prefers-reduced-motion: reduce) {
  .jab35-sidebar a.jab35-link { transition:none; }
}


/* ========================================================================
   JAB OJS 3.5 | RESOURCE HUB + FOOTER REFINEMENT | 24 Oct 2026
   Strictly scoped, keeps gold header and previous sidebar sections.
   ======================================================================== */
.jab35-sidebar .jab35-resource-hub,
.jab35-sidebar .jab35-resource-hub * {box-sizing:border-box;}
.jab35-sidebar .jab35-resource-hub {background:#fffaf0; padding:14px 10px 16px; border-top:1px solid #e9dbba;}
.jab35-sidebar .jab35-resource-banner {background:linear-gradient(135deg,#614719,#9f751e); padding:16px 12px; border-radius:11px; margin:0 0 12px; text-align:center; box-shadow:0 3px 10px rgba(80,55,11,.10);}
.jab35-sidebar .jab35-resource-banner-label {display:block;color:#ffe3a2;font:800 9px/1.5 Arial,sans-serif;letter-spacing:1.7px;}
.jab35-sidebar .jab35-resource-banner strong {display:block;color:#fff;font:700 19px/1.4 Georgia,'Times New Roman',serif;margin:2px 0;}
.jab35-sidebar .jab35-resource-banner small {display:block;color:#fff1d0;font:400 10.5px/1.5 Arial,sans-serif;}
.jab35-sidebar .jab35-mini-panel {margin:0 0 10px;overflow:hidden;border:1px solid #e7d6ae;border-radius:10px;background:#fff;box-shadow:0 2px 7px rgba(63,48,24,.035);}
.jab35-sidebar .jab35-mini-title {display:flex;align-items:center;gap:9px;margin:0!important;padding:11px 10px!important;border:0!important;border-bottom:1px solid #e9dbbd!important;color:#5b4116!important;background:linear-gradient(90deg,#fff0cf,#fbf6eb);font:800 11px/1.4 Arial,Helvetica,sans-serif!important;letter-spacing:.3px;text-transform:uppercase;}
.jab35-sidebar .jab35-mini-symbol {display:inline-flex;justify-content:center;align-items:center;flex:0 0 27px;height:27px;border-radius:7px;background:#986c18;color:#fff;font:800 11px/1 Arial,sans-serif!important;}
.jab35-sidebar .jab35-mini-body {padding:11px 11px 12px;}
.jab35-sidebar .jab35-mini-body p {margin:0 0 9px!important;color:#76664b!important;text-align:left!important;font:400 11px/1.65 Arial,Helvetica,sans-serif!important;}
.jab35-sidebar .jab35-tool-link {display:flex!important;align-items:center;justify-content:space-between;gap:8px;min-height:34px;margin:5px 0 0!important;padding:8px 9px!important;border:1px solid #ecdfc1;border-radius:7px;background:#fffdf8;color:#6b4b14!important;text-decoration:none!important;font:700 11px/1.45 Arial,sans-serif!important;}
.jab35-sidebar .jab35-tool-link:hover,.jab35-sidebar .jab35-tool-link:focus {background:#fff0ce!important;border-color:#d4b66f;color:#4e360e!important;}
.jab35-sidebar .jab35-tool-link span[aria-hidden="true"] {color:#b18b3c;font-size:14px;}
.jab35-sidebar .jab35-tool-cta {background:#836016;color:#fff!important;border-color:#705011;}
.jab35-sidebar .jab35-tool-cta:hover,.jab35-sidebar .jab35-tool-cta:focus {background:#66490f!important;color:#fff!important;}
.jab35-sidebar .jab35-tool-note {display:block;margin-top:8px;color:#897b64;font:400 9.5px/1.55 Arial,sans-serif;}
.jab35-sidebar .jab35-partner-logo {display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:10px;padding:9px 6px;background:#fffaf0;border:1px dashed #dac798;border-radius:8px;}
.jab35-sidebar .jab35-partner-emblem {display:flex;align-items:center;justify-content:center;flex:0 0 36px;height:36px;border:2px solid #c59c42;border-radius:50%;background:#fff2d1;color:#735311;font:800 11px Arial,sans-serif;}
.jab35-sidebar .jab35-partner-logo strong,.jab35-sidebar .jab35-partner-logo small {display:block;color:#654b1e;font:800 11px/1.35 Arial,sans-serif;}
.jab35-sidebar .jab35-partner-logo small {font:400 9.5px/1.35 Arial,sans-serif;color:#7a6b53;}
.jab35-sidebar .jab35-visitor-visual {display:flex;gap:7px;justify-content:center;align-items:center;margin:2px auto 10px;padding:13px;background:#fdf5e2;border:1px solid #ebd9b0;border-radius:9px;color:#a37619;}
.jab35-sidebar .jab35-visitor-dot {width:12px;height:12px;border-radius:50%;background:#b58c36;box-shadow:0 0 0 5px #f3e5bf;}
.jab35-sidebar .jab35-visitor-bars {font:700 16px/1.2 Arial,sans-serif;letter-spacing:2px;}
.jab35-sidebar .jab35-visitor-box p.jab35-visitor-message {text-align:center!important;color:#89795d!important;font-size:10px!important;}
.jab35-sidebar .jab35-visitor-live {text-align:center;max-width:100%;overflow:hidden;}
.jab35-sidebar .jab35-visitor-live a {display:inline-block;margin:4px auto;max-width:100%;}
.jab35-sidebar .jab35-visitor-live img {display:block;max-width:100%;height:auto;margin:0 auto;}
.jab35-sidebar .jab35-keyword-cloud {display:flex;flex-wrap:wrap;justify-content:center;gap:6px;}
.jab35-sidebar .jab35-keyword-cloud a {display:inline-block!important;padding:6px 9px!important;border:1px solid #e7d6ae;border-radius:999px;background:#fff6e2;color:#695022!important;text-decoration:none!important;font:600 10px/1.4 Arial,sans-serif!important;}
.jab35-sidebar .jab35-keyword-cloud a:hover {background:#f4e0ac;color:#543b0a!important;}
.jab35-sidebar .jab35-mini-panel a:focus-visible {outline:2px solid #7e5915;outline-offset:2px;}
/* hide only built-in OJS/PKP footer brand; preserve OJS content */
.pkp_brand_footer, .pkp_structure_footer .pkp_brand_footer {display:none!important;}
/* Gold/cream footer aligned with new banner */
.pkp_structure_footer_wrapper {background:linear-gradient(180deg,#fffaf0,#f3ead6)!important;border-top:4px solid #c89c35!important;}
.pkp_structure_footer {text-align:center!important;}
.pkp_structure_footer_wrapper .pkp_footer_content {width:100%;max-width:100%;float:none!important;margin:0 auto!important;padding:26px 16px!important;text-align:center!important;}
.jab35-footer,.jab35-footer * {box-sizing:border-box;}
.jab35-footer {max-width:850px;margin:0 auto;text-align:center!important;color:#4f3b19;font:400 13px/1.7 Arial,Helvetica,sans-serif;}
.jab35-footer .jab35-footer-accent {height:4px;width:100%;max-width:140px;margin:0 auto 19px;background:linear-gradient(90deg,#ecd7a1,#a47722,#ecd7a1);border-radius:10px;}
.jab35-footer p {margin:0 auto 7px!important;text-align:center!important;}
.jab35-footer .jab35-footer-eyebrow {color:#93732a;font:800 9px/1.5 Arial,sans-serif;letter-spacing:2px;}
.jab35-footer h2 {margin:5px 0!important;border:0!important;padding:0!important;background:transparent!important;color:#5c4117!important;font:700 clamp(20px,3vw,26px)/1.35 Georgia,'Times New Roman',serif!important;letter-spacing:.2px;}
.jab35-footer .jab35-footer-tagline {font-size:12px!important;color:#756041;}
.jab35-footer .jab35-footer-rule {height:1px;width:96px;margin:17px auto;background:#c7a456;}
.jab35-footer .jab35-footer-label {font-size:11px!important;font-weight:700;color:#856629;}
.jab35-footer .jab35-footer-publisher {font-weight:800;letter-spacing:.3px;color:#4a3718;}
.jab35-footer .jab35-footer-address {font-size:12px!important;color:#6d5b42;}
.jab35-footer .jab35-footer-issn {display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:14px auto!important;font:700 11px/1.5 Arial,sans-serif;color:#6d521e;}
.jab35-footer .jab35-footer-links {margin-top:8px!important;}
.jab35-footer .jab35-footer-links a {color:#8a621a!important;font:700 11px/1.65 Arial,sans-serif!important;text-decoration:none!important;}
.jab35-footer .jab35-footer-links a:hover {text-decoration:underline!important;}
.jab35-footer .jab35-footer-footnote {margin-top:15px!important;color:#8f826a;font:400 10px/1.5 Arial,sans-serif!important;}
@media(max-width:600px){.jab35-footer{font-size:12px;}.jab35-footer .jab35-footer-issn{gap:8px;}.jab35-sidebar .jab35-resource-hub{padding-left:7px;padding-right:7px;}}
@media(prefers-reduced-motion:reduce){.jab35-sidebar .jab35-tool-link {transition:none!important;}}


/* Patch revisi sidebar resource JAB - dengan gambar dan facts center */
.jab35-sidebar .jab35-resource-hub-compact {padding-top:10px;}
.jab35-sidebar .jab35-image-panel .jab35-mini-title {text-transform:uppercase; font-size:10.5px!important;}
.jab35-sidebar .jab35-image-grid {display:grid; gap:8px;}
.jab35-sidebar .jab35-image-grid-1 {grid-template-columns:1fr;}
.jab35-sidebar .jab35-image-grid-2 {grid-template-columns:1fr 1fr;}
.jab35-sidebar .jab35-image-link {
  display:flex !important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:58px;
  padding:8px 6px !important;
  border:1px solid #ecdfc1;
  border-radius:8px;
  background:#fffdf8;
  text-decoration:none !important;
  color:#6b4b14 !important;
  text-align:center;
}
.jab35-sidebar .jab35-image-link:hover {background:#fff0ce!important;border-color:#d4b66f;}
.jab35-sidebar .jab35-image-link img {
  display:block;
  max-width:100%;
  width:auto;
  height:auto;
  max-height:44px;
  object-fit:contain;
  margin:0 auto;
}
.jab35-sidebar .jab35-image-link span {display:block;font:600 10px/1.35 Arial,sans-serif;color:#664d1f;}
.jab35-sidebar .jab35-image-link span strong {font-size:12px; color:#2f6e2b;}
.jab35-sidebar .jab35-image-link-wide {flex-direction:row; justify-content:flex-start; text-align:left; padding:8px 10px!important;}
.jab35-sidebar .jab35-image-link-wide img {max-height:28px; max-width:28px; filter:none; flex:0 0 28px;}
.jab35-sidebar .jab35-image-link-keywords img {max-height:none; width:100%; border-radius:4px;}
.jab35-sidebar .jab35-visitor-embed {background:#fff;}
.jab35-sidebar .jab35-visitor-embed img {max-height:none; width:auto; max-width:100%;}
.jab35-sidebar .jab35-visitor-note {font:600 9px/1.4 Arial,sans-serif;color:#8e7a56; margin-bottom:6px;}
.jab35-sidebar .jab35-facts-centered dl {padding:12px 12px 14px;}
.jab35-sidebar .jab35-facts-centered dl > div {
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:3px;
  text-align:center;
  padding:9px 0;
}
.jab35-sidebar .jab35-facts-centered dt,
.jab35-sidebar .jab35-facts-centered dd {
  text-align:center;
}
.jab35-sidebar .jab35-facts-centered dt {font-size:10.5px; text-transform:uppercase; letter-spacing:.5px; color:#7d6c4d;}
.jab35-sidebar .jab35-facts-centered dd {font-size:12px; color:#4d3e1f; font-weight:800;}
@media (max-width:600px){
  .jab35-sidebar .jab35-image-grid-2 {grid-template-columns:1fr 1fr;}
}


/* =================================================================
   PERBAIKAN OJS 3.5 / JAMINAN GAYA SIDEBAR TERAKHIR
   Gunakan setelah semua aturan utama. Hanya berlaku jika stylesheet
   terpasang dengan benar; CSS tidak dapat memperbaiki 404 stylesheet.
   ================================================================= */
.pkp_structure_sidebar .block_custom .jab35-sidebar,
.pkp_structure_sidebar .jab35-sidebar {
  display:block !important;
  background:#fff !important;
  border:1px solid #e7d6ae !important;
  border-radius:14px !important;
  box-shadow:0 8px 24px rgba(85,64,17,.10) !important;
  overflow:hidden !important;
  font-family:Arial,Helvetica,sans-serif !important;
}
.pkp_structure_sidebar .jab35-sidebar .jab35-masthead {
  display:block !important;
  padding:18px 13px !important;
  text-align:center !important;
  background:linear-gradient(180deg,#fffaf0,#f2e5c0) !important;
  border-top:5px solid #c49525 !important;
}
.pkp_structure_sidebar .jab35-sidebar .jab35-group-title {
  display:flex !important;
  align-items:center !important;
  gap:9px !important;
  color:#fff !important;
  background:#947020 !important;
  border:0 !important;
  padding:12px 11px !important;
  margin:0 !important;
  font:800 11px/1.45 Arial,Helvetica,sans-serif !important;
}
.pkp_structure_sidebar .jab35-sidebar ul.jab35-list {
  display:block !important;
  list-style:none !important;
  margin:0 !important;
  padding:7px 8px 10px !important;
  background:#fff !important;
}
.pkp_structure_sidebar .jab35-sidebar ul.jab35-list li {
  display:list-item !important;
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
  border-bottom:1px solid #f1e8d5 !important;
}
.pkp_structure_sidebar .jab35-sidebar a.jab35-link {
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  min-height:41px !important;
  width:100% !important;
  padding:7px 4px !important;
  margin:0 !important;
  color:#4a3b22 !important;
  text-decoration:none !important;
  font:600 12px/1.4 Arial,Helvetica,sans-serif !important;
}
.pkp_structure_sidebar .jab35-sidebar .jab35-mini-title {
  display:flex !important;
  gap:8px !important;
  align-items:center !important;
  padding:11px 9px !important;
  background:#fff0cf !important;
  font:800 11px/1.4 Arial,Helvetica,sans-serif !important;
  color:#5a4217 !important;
}
.pkp_structure_sidebar .jab35-sidebar .jab35-image-grid {
  display:grid !important;
  gap:8px !important;
  padding:10px !important;
}
.pkp_structure_sidebar .jab35-sidebar .jab35-image-grid-1 {grid-template-columns:minmax(0,1fr) !important;}
.pkp_structure_sidebar .jab35-sidebar .jab35-image-grid-2 {grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
.pkp_structure_sidebar .jab35-sidebar .jab35-facts-centered dl > div {
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  gap:3px !important;
  text-align:center !important;
  padding:9px 3px !important;
}
.pkp_structure_sidebar .jab35-sidebar .jab35-facts-centered dt,
.pkp_structure_sidebar .jab35-sidebar .jab35-facts-centered dd {
  display:block !important;
  text-align:center !important;
  margin:0 !important;
}
@media(max-width:767px) {
  .pkp_structure_sidebar .jab35-sidebar {border-radius:10px !important;}
}


/* ==============================================================
   JAB OJS 3.5 — PATCH INDEXING + FOOTER COMPACT v2026-10-24
   Tambahkan di AKHIR stylesheet utama atau gunakan CSS GABUNGAN.
   Tidak mengubah logo header maupun HTML sidebar aktif.
   ============================================================== */

/* --- Indexing / Discovery: 3 columns desktop, 2 tablet, 1 mobile --- */
.jab35-indexing,
.jab35-indexing * { box-sizing: border-box !important; }
.pkp_structure_main .jab35-indexing,
.jab35-indexing {
  width:100% !important;
  max-width:100% !important;
  margin:22px auto 18px !important;
  padding:18px 16px 20px !important;
  background:#fffaf0 !important;
  border:1px solid #eadabc !important;
  border-top:4px solid #d4a133 !important;
  border-radius:12px !important;
  box-shadow:0 5px 17px rgba(100,69,23,.065) !important;
  overflow:hidden;
}
.pkp_structure_main .jab35-index-title,
.jab35-indexing .jab35-index-title {
  margin:0 0 5px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  color:#644513 !important;
  font:700 20px/1.4 Georgia,'Times New Roman',serif !important;
  text-align:center !important;
}
.pkp_structure_main .jab35-index-intro,
.jab35-indexing .jab35-index-intro {
  margin:0 0 16px !important;
  padding:0 !important;
  text-align:center !important;
  color:#806f50 !important;
  font:400 12px/1.5 Arial,Helvetica,sans-serif !important;
}
.pkp_structure_main .jab35-index-grid,
.jab35-indexing .jab35-index-grid {
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:12px !important;
  width:100%;
  max-width:100%;
  align-items:stretch;
}
.pkp_structure_main .jab35-index-card,
.jab35-indexing .jab35-index-card {
  display:flex !important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-width:0 !important;
  width:100% !important;
  max-width:none !important;
  min-height:108px !important;
  margin:0 !important;
  padding:12px 8px !important;
  border:1px solid #e9dcc4 !important;
  border-radius:10px !important;
  background:#ffffff !important;
  text-decoration:none !important;
  box-shadow:0 2px 6px rgba(74,52,15,.045) !important;
  overflow:hidden;
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.pkp_structure_main .jab35-index-card:hover,
.pkp_structure_main .jab35-index-card:focus-visible,
.jab35-indexing .jab35-index-card:hover {
  transform:translateY(-2px);
  border-color:#ccac62 !important;
  box-shadow:0 6px 15px rgba(96,68,23,.14) !important;
}
.pkp_structure_main .jab35-index-card img,
.jab35-indexing .jab35-index-card img {
  display:block !important;
  width:100% !important;
  max-width:188px !important;
  height:55px !important;
  max-height:55px !important;
  margin:0 auto !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  object-fit:contain !important;
  opacity:1 !important;
}
.jab35-indexing .jab35-index-caption {
  margin:6px 0 0 !important;
  font:600 11px/1.35 Arial,Helvetica,sans-serif !important;
  color:#604c27 !important;
  text-align:center !important;
}
@media (max-width:850px) {
  .pkp_structure_main .jab35-index-grid,
  .jab35-indexing .jab35-index-grid {grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media (max-width:480px) {
  .pkp_structure_main .jab35-indexing,.jab35-indexing {padding:13px 11px 15px !important;}
  .pkp_structure_main .jab35-index-grid,.jab35-indexing .jab35-index-grid {grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:8px !important;}
  .pkp_structure_main .jab35-index-card,.jab35-indexing .jab35-index-card {min-height:92px !important;padding:9px 5px !important;}
  .pkp_structure_main .jab35-index-card img,.jab35-indexing .jab35-index-card img {height:44px !important;max-height:44px !important;}
}
@media (max-width:340px) {
  .pkp_structure_main .jab35-index-grid,.jab35-indexing .jab35-index-grid {grid-template-columns:minmax(0,1fr) !important;}
}
@media (prefers-reduced-motion: reduce) {
  .jab35-indexing .jab35-index-card {transition:none !important;}
  .jab35-indexing .jab35-index-card:hover {transform:none !important;}
}

/* --- Footer OJS 3.5: short, centered, warm white/gold --- */
.pkp_structure_footer_wrapper {
  background:#f8f2e4 !important;
  background-image:linear-gradient(180deg,#fffaf0,#f6eedf) !important;
  border-top:3px solid #d0a43d !important;
  min-height:0 !important;
  height:auto !important;
  padding:0 !important;
  margin:0 !important;
}
.pkp_structure_footer_wrapper .pkp_structure_footer,
.pkp_structure_footer_wrapper .pkp_footer_content,
.pkp_structure_footer .pkp_footer_content {
  display:block !important;
  float:none !important;
  width:100% !important;
  max-width:100% !important;
  min-height:0 !important;
  height:auto !important;
  margin:0 auto !important;
  text-align:center !important;
  box-sizing:border-box !important;
}
.pkp_structure_footer_wrapper .pkp_structure_footer {
  padding:0 12px !important;
}
.pkp_structure_footer_wrapper .pkp_footer_content,
.pkp_structure_footer .pkp_footer_content {
  padding:13px 8px 14px !important;
}
.pkp_structure_footer_wrapper .pkp_brand_footer,
.pkp_structure_footer .pkp_brand_footer,
.pkp_brand_footer {
  display:none !important;
  visibility:hidden !important;
  width:0 !important;
  height:0 !important;
  margin:0 !important;
  padding:0 !important;
}
.pkp_structure_footer_wrapper .jab35-footer-compact,
.jab35-footer.jab35-footer-compact {
  max-width:900px !important;
  width:100% !important;
  margin:0 auto !important;
  padding:2px 8px !important;
  text-align:center !important;
  color:#513f20 !important;
  font:400 12px/1.45 Arial,Helvetica,sans-serif !important;
}
.pkp_structure_footer_wrapper .jab35-footer-compact .jab35-footer-journal {
  display:block !important;
  margin:0 0 4px !important;
  font:700 17px/1.35 Georgia,'Times New Roman',serif !important;
  color:#67440b !important;
  text-align:center !important;
}
.pkp_structure_footer_wrapper .jab35-footer-compact p,
.jab35-footer.jab35-footer-compact p {
  margin:3px auto !important;
  padding:0 !important;
  text-align:center !important;
  line-height:1.4 !important;
  font-size:11.5px !important;
}
.pkp_structure_footer_wrapper .jab35-footer-compact .jab35-footer-links {
  margin-top:4px !important;
}
.pkp_structure_footer_wrapper .jab35-footer-compact a,
.jab35-footer.jab35-footer-compact a {
  text-decoration:none !important;
  color:#855e14 !important;
  font-weight:700 !important;
}
.pkp_structure_footer_wrapper .jab35-footer-compact a:hover {text-decoration:underline !important;}
@media(max-width:600px) {
  .pkp_structure_footer_wrapper .pkp_footer_content {padding:12px 8px !important;}
  .pkp_structure_footer_wrapper .jab35-footer-compact .jab35-footer-journal {font-size:15px !important;}
}

/* =================================================================
   JAB OJS 3.5 | Original logo/resource sidebar + centered facts
   Append to ACTIVE Journal Style Sheet, after existing CSS.
   ================================================================= */
.jab35-sidebar .jab35-resource-branded {background:#fff8eb;padding:11px 9px 13px;}
.jab35-sidebar .jab35-resource-branded .jab35-brand-panel {
  border:1px solid #e7d6ad;border-radius:10px;background:#fff;
  margin:0 0 11px;overflow:hidden;box-shadow:0 2px 7px rgba(66,49,13,.05);
}
.jab35-sidebar .jab35-resource-branded .jab35-mini-title {
  display:block;margin:0!important;padding:11px 12px!important;
  color:#59401a!important;background:linear-gradient(90deg,#f7e9c5,#fffaf1);
  border:0!important;border-bottom:1px solid #ebd9ad!important;
  font:800 11px/1.45 Arial,Helvetica,sans-serif!important;
  text-align:left;letter-spacing:.35px;text-transform:uppercase;
}
.jab35-sidebar .jab35-resource-branded .jab35-brand-body {padding:11px 10px 13px;text-align:center!important;}
.jab35-sidebar .jab35-resource-branded .jab35-brand-tile {
  display:flex!important;flex-direction:column;align-items:center;justify-content:center;
  gap:5px;max-width:100%;padding:11px 9px!important;margin:0 auto 9px!important;
  background:#fff;border:1px solid #f0e4c9;border-radius:8px;
  text-decoration:none!important;box-shadow:none;color:#664716!important;
}
.jab35-sidebar .jab35-resource-branded .jab35-brand-tile:hover,
.jab35-sidebar .jab35-resource-branded a.jab35-brand-tile:focus {
  background:#fff6df!important;border-color:#d9b968;
}
.jab35-sidebar .jab35-resource-branded .jab35-brand-tile img {
  display:block!important;position:static!important;float:none!important;
  max-width:100%!important;width:auto!important;height:auto!important;
  max-height:93px!important;margin:0 auto!important;
  padding:0!important;object-fit:contain!important;box-shadow:none!important;
}
.jab35-sidebar .jab35-resource-branded .jab35-brand-template img {max-height:78px!important;}
.jab35-sidebar .jab35-resource-branded .jab35-brand-livechat img {max-height:80px!important;}
.jab35-sidebar .jab35-resource-branded .jab35-brand-tile span {
  color:#81642d;font:600 10px/1.45 Arial,Helvetica,sans-serif;
  text-align:center;
}
.jab35-sidebar .jab35-resource-branded .jab35-static-logo {cursor:default;}
.jab35-sidebar .jab35-resource-branded .jab35-brand-note {
  display:block;text-align:center;color:#887653;
  font:400 9.5px/1.6 Arial,Helvetica,sans-serif;margin:9px auto 0;
}
.jab35-sidebar .jab35-resource-branded .jab35-brand-flag {
  display:block;width:fit-content;max-width:100%;margin:4px auto 12px;
  text-align:center;
}
.jab35-sidebar .jab35-resource-branded .jab35-brand-flag img {
  display:block!important;max-width:100%!important;width:auto!important;height:auto!important;
  margin:0 auto!important;
}
.jab35-sidebar .jab35-statcounter-report {
  display:block!important;text-align:center;margin:8px auto 5px!important;padding:9px!important;
  border-radius:7px;background:#fff0cd;border:1px solid #e5cf97;
  font:700 11px/1.35 Arial,sans-serif;color:#6a4810!important;text-decoration:none!important;
}
.jab35-sidebar .jab35-brand-keywords {
  display:flex;flex-wrap:wrap;justify-content:center;gap:6px;
}
.jab35-sidebar .jab35-brand-keywords a {
  display:inline-block!important;padding:6px 8px!important;border-radius:100px;
  background:#fff2d3;border:1px solid #ead6a5;
  font:600 10px/1.3 Arial,sans-serif;color:#6d4b13!important;text-decoration:none!important;
}
.jab35-sidebar .jab35-brand-keywords a:hover {background:#efdaa6;}
/* Centered Journal at a Glance: every line centered, never a two-column row */
.jab35-sidebar .jab35-facts-centered,
.jab35-sidebar .jab35-facts-centered .jab35-facts-header {text-align:center!important;}
.jab35-sidebar .jab35-facts-centered dl {margin:0!important;padding:10px 12px 14px!important;}
.jab35-sidebar .jab35-facts-centered dl > div {
  display:block!important;padding:9px 0!important;text-align:center!important;
  border-bottom:1px solid #e8dbb7;
}
.jab35-sidebar .jab35-facts-centered dt,
.jab35-sidebar .jab35-facts-centered dd {
  display:block!important;width:100%!important;margin:3px auto!important;
  text-align:center!important;float:none!important;
}
.jab35-sidebar .jab35-facts-centered dt {font:600 10px/1.4 Arial,sans-serif;color:#8b7954;}
.jab35-sidebar .jab35-facts-centered dd {font:800 12px/1.45 Arial,sans-serif;color:#57401a;}
@media (max-width:480px){
 .jab35-sidebar .jab35-resource-branded .jab35-brand-body {padding:9px 7px;}
}


/* =====================================================================
   JURNAL ABDIMAS BERDAYA — OJS 3.5 FOOTER REPAIR (24 Oct 2026)
   Scoped to the actual OJS default theme footer DOM.
   Place at the END of the ACTIVE journal stylesheet.
   Does not affect index cards, journal header, or sidebar.
   ===================================================================== */

/* 1) Replace tall grey footer with compact warm academic finish. */
html body .pkp_structure_footer_wrapper {
  display:block !important;
  clear:both !important;
  position:relative !important;
  background:#fff8eb !important;
  background-image:linear-gradient(180deg, #fffaf2 0%, #f4e8cd 100%) !important;
  border-top:3px solid #d3a43a !important;
  min-height:0 !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  box-shadow:none !important;
}

/* 2) Undo built-in theme floats, columns and large padding. */
html body .pkp_structure_footer_wrapper .pkp_structure_footer {
  display:block !important;
  float:none !important;
  position:relative !important;
  max-width:1200px !important;
  width:100% !important;
  min-height:0 !important;
  height:auto !important;
  margin:0 auto !important;
  padding:0 14px !important;
  background:transparent !important;
  text-align:center !important;
  box-sizing:border-box !important;
}
html body .pkp_structure_footer_wrapper .pkp_footer_content {
  display:block !important;
  float:none !important;
  position:static !important;
  width:100% !important;
  max-width:100% !important;
  min-height:0 !important;
  height:auto !important;
  margin:0 auto !important;
  padding:15px 7px 16px !important;
  background:transparent !important;
  text-align:center !important;
  box-sizing:border-box !important;
}

/* 3) Hide only the optional OJS/PKP brand graphic at far right.
      This is outside Page Footer HTML, so editing footer HTML alone
      cannot remove it. */
html body .pkp_structure_footer_wrapper .pkp_structure_footer .pkp_brand_footer,
html body .pkp_structure_footer_wrapper .pkp_brand_footer,
html body .pkp_brand_footer {
  display:none !important;
  visibility:hidden !important;
  position:absolute !important;
  width:0 !important;
  height:0 !important;
  min-height:0 !important;
  overflow:hidden !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
}

/* 4) Only the new journal's compact footer, not every paragraph/site-wide. */
html body .pkp_footer_content .jab35-footer-v3,
html body .pkp_structure_footer_wrapper .jab35-footer-v3 {
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  max-width:1100px !important;
  min-height:0 !important;
  height:auto !important;
  margin:0 auto !important;
  padding:0 !important;
  color:#573f18 !important;
  background:transparent !important;
  text-align:center !important;
  font-family:Arial,Helvetica,sans-serif !important;
  line-height:1.45 !important;
}
html body .pkp_footer_content .jab35-footer-v3 p,
html body .pkp_footer_content .jab35-footer-v3 div {
  margin:2px auto !important;
  padding:0 !important;
  text-align:center !important;
  border:0 !important;
  line-height:1.45 !important;
  background:transparent !important;
}
html body .jab35-footer-v3 .jab35-footer-v3-title {
  font:700 17px/1.3 Georgia,'Times New Roman',serif !important;
  letter-spacing:.3px !important;
  color:#634512 !important;
  margin-bottom:3px !important;
}
html body .jab35-footer-v3 .jab35-footer-v3-publisher {
  font:400 12px/1.45 Arial,Helvetica,sans-serif !important;
}
html body .jab35-footer-v3 .jab35-footer-v3-meta {
  font:400 11px/1.45 Arial,Helvetica,sans-serif !important;
  color:#705c37 !important;
}
html body .jab35-footer-v3 .jab35-footer-v3-links {
  font:600 11px/1.45 Arial,Helvetica,sans-serif !important;
}
html body .jab35-footer-v3 a {
  color:#825b12 !important;
  text-decoration:none !important;
  border-bottom:1px solid transparent !important;
}
html body .jab35-footer-v3 a:hover,
html body .jab35-footer-v3 a:focus-visible {
  color:#513607 !important;
  border-bottom-color:currentColor !important;
}

@media(max-width:640px) {
  html body .pkp_structure_footer_wrapper .pkp_footer_content {
    padding:12px 6px 13px !important;
  }
  html body .jab35-footer-v3 .jab35-footer-v3-title {
    font-size:15px !important;
  }
  html body .jab35-footer-v3 .jab35-footer-v3-meta {
    font-size:10.5px !important;
  }
}


/* ========================================================================
   JAB OJS 3.5 - REVISI HEADER AMAN v2026-10-24
   Disarikan dari PATCH_HEADER_TOP_RINGKAS_AKADEMIS.css.
   SENGAJA TIDAK menyertakan .pkp_navigation_* / .pkp_structure_footer_*
   / .jab35-sidebar / .pkp_structure_content agar menu dan footer tetap sama.
   Dapat digunakan sebagai tambahan di AKHIR CSS gabungan, BUKAN stylesheet sendiri.
   ======================================================================== */

/* Warna emas pada bidang header saja, tidak mengubah panel navigasi. */
html body .pkp_structure_head {
  background: linear-gradient(135deg, #cf9513 0%, #dfa71f 38%, #ebb52f 68%, #d89a14 100%) !important;
}

/* Wadah header dibuat lebih proporsional agar banner tidak terlalu besar. */
html body .pkp_structure_head .pkp_site_name_wrapper {
  width: min(1140px, calc(100% - 110px)) !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  margin: 12px auto 10px !important;
  padding: 8px 10px !important;
  text-align: center !important;
  border-radius: 12px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.97), rgba(255,252,245,.95)) !important;
  border: 1px solid rgba(255,255,255,.72) !important;
  box-shadow: 0 6px 16px rgba(80,55,16,.10) !important;
}

/* Posisikan elemen judul/logo tepat di tengah lebar kotaknya. */
html body .pkp_structure_head .pkp_site_name {
  position: static !important;
  float: none !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

/* Kurangi lapisan/padding ganda dari stylesheet versi lama pada tautan logo. */
html body .pkp_structure_head .pkp_site_name > a,
html body .pkp_structure_head .pkp_site_name .is_img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

/* Banner tetap lebar, tetapi diperkecil agar tampak lebih akademis dan nyaman dilihat. */
html body .pkp_structure_head .pkp_site_name img,
html body .pkp_structure_head .pkp_site_name .is_img img {
  display: block !important;
  width: min(100%, 1080px) !important;
  max-width: 100% !important;
  max-height: 255px !important;
  height: auto !important;
  margin: 0 auto !important;
  padding: 0 !important;
  object-fit: contain !important;
  object-position: center center !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}

/* Ukuran responsif pada tablet/HP; hanya banner dan wadahnya. */
@media (max-width: 991px) {
  html body .pkp_structure_head .pkp_site_name_wrapper {
    width: calc(100% - 28px) !important;
    padding: 7px 8px !important;
    margin: 8px auto 8px !important;
    border-radius: 10px !important;
  }
  html body .pkp_structure_head .pkp_site_name img,
  html body .pkp_structure_head .pkp_site_name .is_img img {
    width: 100% !important;
    max-height: 190px !important;
  }
}

@media (max-width: 640px) {
  html body .pkp_structure_head .pkp_site_name_wrapper {
    width: calc(100% - 16px) !important;
    padding: 5px 6px !important;
    margin: 6px auto 7px !important;
    border-radius: 8px !important;
  }
  html body .pkp_structure_head .pkp_site_name img,
  html body .pkp_structure_head .pkp_site_name .is_img img {
    max-height: 130px !important;
  }
}

/* =======================================================================
   JAB OJS 3.5 - PATCH KECILKAN LOGO INDEXING DAN FOOTER v2026-10-24
   Ditambahkan PALING AKHIR CSS gabungan. Scoped ke blok terkait saja.
   Tidak mengubah logo HEADER, navigasi, sidebar atau layout artikel.
   ======================================================================= */

/* Indexing & Discovery persis di atas footer: kartu lebih ringkas */
html body .pkp_structure_main section.jab35-indexing,
html body section.jab35-indexing {
  padding: 15px 12px 16px !important;
  margin: 18px auto 14px !important;
}
html body .pkp_structure_main .jab35-indexing .jab35-index-grid,
html body .jab35-indexing .jab35-index-grid {
  grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  gap: 10px !important;
}
html body .pkp_structure_main .jab35-indexing a.jab35-index-card,
html body .jab35-indexing a.jab35-index-card {
  min-height: 86px !important;
  padding: 9px 6px !important;
  gap: 5px !important;
}
html body .pkp_structure_main .jab35-indexing a.jab35-index-card img,
html body .jab35-indexing a.jab35-index-card img {
  display: block !important;
  width: auto !important;
  max-width: 140px !important;
  max-height: 38px !important;
  height: 38px !important;
  object-fit: contain !important;
  margin: 0 auto !important;
}
html body .jab35-indexing .jab35-index-caption {
  font-size: 10px !important;
  line-height: 1.3 !important;
  margin: 0 !important;
}

/* Jika nanti Page Footer mengandung logo penerbit/CC, batas ukuran KHUSUS footer */
html body .pkp_structure_footer_wrapper .pkp_footer_content img,
html body .pkp_structure_footer_wrapper .jab35-footer-v3 img,
html body .pkp_structure_footer_wrapper .jab35-footer-compact img {
  display:block !important;
  width: auto !important;
  height: auto !important;
  max-width: 96px !important;
  max-height: 38px !important;
  object-fit: contain !important;
  margin: 3px auto !important;
}
/* Pertahankan branding PKP tersembunyi sesuai pilihan sebelumnya */
html body .pkp_structure_footer_wrapper .pkp_brand_footer {
  display: none !important;
}

@media (max-width: 850px) {
  html body .pkp_structure_main .jab35-indexing .jab35-index-grid,
  html body .jab35-indexing .jab35-index-grid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 8px !important;
  }
}
@media (max-width: 480px) {
  html body .pkp_structure_main .jab35-indexing a.jab35-index-card,
  html body .jab35-indexing a.jab35-index-card {
    min-height: 78px !important;
    padding: 8px 5px !important;
  }
  html body .pkp_structure_main .jab35-indexing a.jab35-index-card img,
  html body .jab35-indexing a.jab35-index-card img {
    max-width: 112px !important;
    height: 32px !important;
    max-height: 32px !important;
  }
}

/* =====================================================================
  JAB OJS 3.5: ARTICLE PROFESSIONAL UI - SAFE VISUAL PATCH
  Date: 2026-10-24
  - Matches warm gold / cream / brown visual identity
  - Does NOT create author country or usage/download statistics
  - Does NOT change header, navigation, sidebar, indexing or footer
  - Backed by OJS 3.5 template for article summaries and article details
  ===================================================================== */

/* Article cards in issue and current issue */
.pkp_structure_main .obj_article_summary {
  box-sizing:border-box;
  background:#fff;
  border:1px solid #ecdfc7;
  border-left:3px solid #c59a33;
  border-radius:12px;
  padding:17px 17px 15px;
  margin:0 0 16px;
  box-shadow:0 4px 13px rgba(84,62,26,.065);
  transition:box-shadow .18s ease, border-color .18s ease;
}
.pkp_structure_main .obj_article_summary:hover {
  border-color:#d7bb77;
  box-shadow:0 8px 21px rgba(84,62,26,.11);
}
.pkp_structure_main .obj_article_summary .title {
  margin:0 0 8px;
  line-height:1.45;
  font-family:Georgia,'Times New Roman',serif;
  font-size:17px;
  font-weight:700;
}
.pkp_structure_main .obj_article_summary .title a {
  color:#573d14 !important;
  text-decoration:none;
}
.pkp_structure_main .obj_article_summary .title a:hover {
  color:#96680e !important;
  text-decoration:underline;
}
.pkp_structure_main .obj_article_summary .meta {
  color:#736344;
  line-height:1.55;
  margin:8px 0 10px;
  font:400 12px/1.6 Arial,Helvetica,sans-serif;
}
.pkp_structure_main .obj_article_summary .galleys_links {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:12px;
  padding-left:0;
}
.pkp_structure_main .obj_article_summary .galleys_links li {list-style:none;margin:0;}
.pkp_structure_main .obj_article_summary .galleys_links a {
  background:#fff7e5;
  border:1px solid #e4cc92;
  border-radius:7px;
  padding:7px 11px;
  color:#775318 !important;
  text-decoration:none;
  font:700 11px/1.4 Arial,Helvetica,sans-serif;
}
.pkp_structure_main .obj_article_summary .galleys_links a:hover {
  background:#efdcb0;
}

/* Author details and custom country flag snippets.
   Flags require author country metadata + a compatible template edit. */
.pkp_structure_main .jab35-author-list {
  display:flex;
  flex-wrap:wrap;
  gap:7px 11px;
  align-items:center;
  margin:8px 0;
}
.pkp_structure_main .jab35-author-person {
  display:inline-flex;
  align-items:center;
  gap:5px;
  max-width:100%;
  color:#574529;
  font:600 12px/1.5 Arial,Helvetica,sans-serif;
}
.pkp_structure_main .jab35-author-flag {
  display:inline-block;
  width:20px;
  height:15px;
  min-width:20px;
  border:1px solid rgba(0,0,0,.10);
  border-radius:2px;
  object-fit:cover;
  vertical-align:middle;
}
.pkp_structure_main .page_article .item.authors ul.authors {
  margin:6px 0 15px;
}
.pkp_structure_main .page_article .item.authors ul.authors li {
  padding:8px 0;
  border-bottom:1px solid #f0e7d8;
}
.pkp_structure_main .page_article .item.authors .name {font-weight:700;color:#513d17;}
.pkp_structure_main .page_article .item.authors .affiliation {color:#71674f;}

/* Metrics cards: style only, no hard-coded values.
   Render block only after a trusted OJS metric source is integrated. */
.pkp_structure_main .jab35-article-metrics {
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin:13px 0;
  align-items:stretch;
}
.pkp_structure_main .jab35-article-metrics .jab35-metric {
  display:flex;
  align-items:center;
  gap:7px;
  background:#fbf7ec;
  border:1px solid #e6d6ad;
  color:#614b20;
  border-radius:8px;
  padding:8px 11px;
  font:600 11px/1.5 Arial,Helvetica,sans-serif;
}
.pkp_structure_main .jab35-article-metrics .jab35-metric strong {
  font-size:12px;
  font-variant-numeric:tabular-nums;
}
.pkp_structure_main .jab35-article-metrics .jab35-metric-icon {
  font-size:15px;
  color:#9d7525;
}
.pkp_structure_main .page_article .item.downloads_chart {
  border:1px solid #e7dac0;
  border-radius:12px;
  background:#fffaf1;
  padding:13px 16px;
  margin:19px 0;
}
.pkp_structure_main .page_article .item.downloads_chart h2.label {
  color:#5c4218;
  font:700 16px/1.4 Georgia,'Times New Roman',serif;
}
.pkp_structure_main .page_article .item.abstract {
  background:#fff;
  border-top:2px solid #dbb454;
  padding-top:12px;
  line-height:1.76;
}
.pkp_structure_main .page_article .item.references a {
  overflow-wrap:anywhere;
}
@media (max-width:600px) {
  .pkp_structure_main .obj_article_summary {padding:12px 11px;}
  .pkp_structure_main .obj_article_summary .title {font-size:15px;}
  .pkp_structure_main .jab35-article-metrics .jab35-metric {flex:1 1 130px;justify-content:center;}
}
@media (prefers-reduced-motion:reduce) {
  .pkp_structure_main .obj_article_summary {transition:none;}
}


/* ===============================================================
   JAB OJS 3.5 | polish artikel, DOI, ORCID, tombol galley, metadata
   Tidak membuat statistik fiktif. Angka disediakan plugin View Counter.
   Seluruh selector hanya menyentuh konten artikel, bukan header/sidebar/footer.
   =============================================================== */
.pkp_structure_main .obj_article_summary {
  overflow-wrap:anywhere;
}
.pkp_structure_main .obj_article_summary .jab35-author-list {
  display:flex;flex-wrap:wrap;align-items:center;gap:7px 11px;
  margin-top:3px;
}
.pkp_structure_main .jab35-author-person {
  display:inline-flex;align-items:center;gap:5px;
}
.pkp_structure_main .jab35-author-flag {
  vertical-align:middle; flex:none; width:20px; height:15px;
  border-radius:2px; border:1px solid rgba(0,0,0,.08);
  object-fit:cover;
}
.pkp_structure_main .page_article .item.doi a,
.pkp_structure_main .page_article .item.references a,
.pkp_structure_main .page_article .item.authors .orcid a {
  overflow-wrap:anywhere;
}
.pkp_structure_main .page_article .entry_details .item.galleys .galleys_links,
.pkp_structure_main .page_article .entry_details .item.galleys ul {
  display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding-left:0;
}
.pkp_structure_main .page_article .entry_details .item.galleys .galleys_links li {
  margin:0;
}
.pkp_structure_main .page_article .entry_details .item.galleys a.obj_galley_link {
  display:inline-block;max-width:100%;background:#fff8e8;
  color:#725012!important;border:1px solid #e4ce91;
  border-radius:8px;padding:9px 13px;font-weight:700;
  text-decoration:none!important;
}
.pkp_structure_main .page_article .entry_details .item.galleys a.obj_galley_link:hover {
  background:#efdcb0;
}
.pkp_structure_main .page_article .item.keywords .value {line-height:2;}
.pkp_structure_main .page_article .item.copyright {border-top:1px solid #efdfbd;padding-top:13px;}
.pkp_structure_main .page_article .item.downloads_chart {max-width:100%;overflow:hidden;}
/* Core OJS chart responsive */
.pkp_structure_main .page_article .item.downloads_chart canvas {max-width:100%;}
@media(max-width:640px) {
  .pkp_structure_main .page_article .entry_details .item.galleys a.obj_galley_link {padding:8px 11px;font-size:12px;}
}

/* ===========================================================================
   SIDEBAR EMAS FORCE - FILE LAMPIRAN PENGGUNA (dipertahankan)
   =========================================================================== */
/* FORCE override untuk sisa warna cokelat di sidebar OJS */
.jab35-sidebar .jab35-group-title,
.jab35-sidebar .jab35-submit,
.jab35-sidebar .jab35-resource-banner,
.jab35-sidebar .jab35-sidebar-footer,
.jab35-sidebar h3.jab35-group-title {
  background: #E1A721 !important;
  color: #30270D !important;
}

.jab35-sidebar .jab35-link-icon,
.jab35-sidebar .jab35-arrow,
.jab35-sidebar .jab35-link-icon span {
  color: #E1A721 !important;
  border-color: #F0DCAA !important;
}

.jab35-sidebar .jab35-link,
.jab35-sidebar .jab35-link-label,
.jab35-sidebar .jab35-mini-title,
.jab35-sidebar .jab35-kicker,
.jab35-sidebar .jab35-brand-note,
.jab35-sidebar .jab35-facts-header,
.jab35-sidebar .jab35-sidebar-footer small {
  color: #30270D !important;
}

.jab35-sidebar .jab35-mini-title { background: #FFF0C5 !important; }
.jab35-sidebar .jab35-facts { background: #FFF9ED !important; }
.jab35-sidebar .jab35-facts-header { background: #FFE5A7 !important; }
.jab35-sidebar .jab35-resource-hub { background: #FFF8E8 !important; }
.jab35-sidebar .jab35-masthead { background: #FFF4D8 !important; border-top-color: #E1A721 !important; }

/* paksa ganti kalau HTML lama masih memakai inline style cokelat */
.jab35-sidebar [style*="#9b7017"],
.jab35-sidebar [style*="#9B7017"],
.jab35-sidebar [style*="#806021"],
.jab35-sidebar [style*="#5d481f"],
.jab35-sidebar [style*="#5D481F"] {
  background: #E1A721 !important;
  color: #30270D !important;
}

.jab35-sidebar [style*="#534121"],
.jab35-sidebar [style*="#59401a"],
.jab35-sidebar [style*="#59401A"] {
  color: #30270D !important;
}

.jab35-sidebar [style*="#e9d8ac"],
.jab35-sidebar [style*="#eadbb8"],
.jab35-sidebar [style*="#e7d8b5"] {
  border-color: #F0DCAA !important;
}

/* FINAL POLISH: perbaikan kontras pada sidebar emas (hanya sidebar) */
.jab35-sidebar .jab35-group-title > span {
  color: #30270D !important;
  background: rgba(255,255,255,.28) !important;
}
.jab35-sidebar .jab35-submit:hover,
.jab35-sidebar .jab35-submit:focus-visible {
  background: #C58C15 !important;
  color: #241D09 !important;
}
.jab35-sidebar .jab35-link:focus-visible,
.jab35-sidebar a:focus-visible {
  outline: 2px solid #AA7612 !important;
  outline-offset: 2px;
}
.jab35-sidebar .jab35-sidebar-footer,
.jab35-sidebar .jab35-sidebar-footer small {
  color: #30270D !important;
}
/* END FINAL POLISH */

/* ================================================================
   JURNAL ABDIMAS BERDAYA | OJS 3.5 DEFAULT THEME
   KOREKSI KHUSUS WARNA JUDUL SIDEBAR 01–05
   Warna disamakan dengan tombol "Submit Your Manuscript".
   Letakkan di BARIS PALING AKHIR CSS yang aktif.
   ================================================================ */

/* Selector ini lebih spesifik daripada CSS lama yang memaksa
   background #947020 pada .pkp_structure_sidebar ... */
.pkp_structure_sidebar .jab35-sidebar h3.jab35-group-title,
.jab35-sidebar h3.jab35-group-title[id^="jab35-title-"] {
    background: #E1A721 !important;
    background-color: #E1A721 !important;
    background-image: none !important;
    color: #FFFFFF !important;
}

/* Penanda 01, 02, 03, 04, 05 tetap kontras dan mudah dibaca. */
.pkp_structure_sidebar .jab35-sidebar h3.jab35-group-title > span,
.jab35-sidebar h3.jab35-group-title[id^="jab35-title-"] > span {
    background: rgba(255,255,255,0.28) !important;
    color: #30270D !important;
}
/* Tidak mengubah tombol Submit, daftar tautan, atau bagian lain. */

/* ================================================================
   JURNAL ABDIMAS BERDAYA | OJS 3.5 - DEFAULT THEME
   Sejajarkan sisi atas kotak konten kiri dan sidebar kanan.

   Berdasarkan screenshot 24 Okt 2026: selisih sekitar 38px.
   Default theme OJS memberi padding atas ~30px pada .pkp_block.
   Sisanya dikoreksi dengan margin -8px hanya pada kotak sidebar.
   Aturan ini hanya bekerja di layout dua kolom (desktop).

   Tambahkan di BARIS PALING AKHIR CSS aktif.
   Tidak mengubah lebar sidebar, warna, menu, atau footer.
   ================================================================ */
@media screen and (min-width: 992px) {
  /* Hilangkan ruang atas bawaan blok Custom Block Manager */
  .pkp_structure_sidebar .pkp_block.block_custom {
    padding-top: 0 !important;
  }

  /* Koreksi selisih kecil yang tersisa agar border atas sejajar */
  .pkp_structure_sidebar .pkp_block.block_custom .jab35-sidebar {
    margin-top: -8px !important;
  }
}

/* Jurnal Abdimas Berdaya | OJS 3.5 Default Theme | 24 Okt 2026
   Patch khusus sidebar. Tambahkan di AKHIR stylesheet aktif. */

/* Hilangkan chevron > dan panah keluar pada semua tautan menu sidebar.
   Panah tombol Submit Your Manuscript tetap ditampilkan. */
.pkp_structure_sidebar .jab35-sidebar a.jab35-link .jab35-link-icon,
.pkp_structure_sidebar .jab35-sidebar a.jab35-link .jab35-arrow,
.jab35-sidebar a.jab35-link .jab35-link-icon,
.jab35-sidebar a.jab35-link .jab35-arrow {
  display: none !important;
  visibility: hidden !important;
}
.pkp_structure_sidebar .jab35-sidebar a.jab35-link::before,
.pkp_structure_sidebar .jab35-sidebar a.jab35-link::after {
  content: none !important;
  display: none !important;
}

/* Selaraskan kotak identitas jurnal di bawah dan tombol Submit. */
.pkp_structure_sidebar .jab35-sidebar a.jab35-submit,
.pkp_structure_sidebar .jab35-sidebar .jab35-sidebar-footer,
.jab35-sidebar a.jab35-submit,
.jab35-sidebar .jab35-sidebar-footer {
  background: #E1A721 !important;
  background-color: #E1A721 !important;
  background-image: none !important;
}

/* Teks panel bawah menjadi putih seperti teks tombol Submit. */
.pkp_structure_sidebar .jab35-sidebar .jab35-sidebar-footer,
.pkp_structure_sidebar .jab35-sidebar .jab35-sidebar-footer small,
.jab35-sidebar .jab35-sidebar-footer,
.jab35-sidebar .jab35-sidebar-footer small {
  color: #FFFFFF !important;
}
