/* IJCR — full-width header for OJS 3 Default Theme.
 * Prefer appending these rules to the END of the existing stylesheet.
 * This file can also be uploaded alone, but will replace prior custom styles.
 * Intended width: journal page width, not the entire browser viewport.
 */

/* Remove the grey space around the banner. */
.pkp_structure_page .pkp_head_wrapper {
  padding: 0 !important;
  background: #032342 !important;
}

.pkp_structure_page .pkp_site_name_wrapper {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box;
}

.pkp_structure_page .pkp_site_name {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0;
}

.pkp_structure_page .pkp_site_name > a.is_img {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0;
}

/* Keep the whole banner visible and preserve its proportions. */
.pkp_structure_page .pkp_site_name > a.is_img > img {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0;
}

/* Keep login/register readable on the blue header. */
.pkp_structure_page .pkp_navigation_user > li > a {
  color: #fff !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .65);
}

/* Do not change dropdown colours or the rest of the journal layout. */



/* Append to the END of the current journal stylesheet. */
.ijcr-sidebar{font-family:Arial,sans-serif;color:#032342;font-size:14px;line-height:1.5}
.ijcr-sidebar *{box-sizing:border-box}
.ijcr-sidebar .ijcr-panel{border:1px solid #dfe7ef;border-radius:6px;background:#fff;margin:0 0 16px;padding:16px}
.ijcr-sidebar h3{font-family:Arial,sans-serif;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;margin:0 0 12px;padding:0 0 8px;border-bottom:2px solid #0864ad;color:#032342}
.ijcr-sidebar a{text-decoration:none!important}
.ijcr-sidebar .ijcr-menu{list-style:none;margin:0;padding:0}
.ijcr-sidebar .ijcr-menu li{margin:0;padding:0;border-bottom:1px solid #edf1f5}
.ijcr-sidebar .ijcr-menu li:last-child{border:0}
.ijcr-sidebar .ijcr-menu a{display:block;padding:9px 0;color:#155a92;font-size:13px}
.ijcr-sidebar .ijcr-menu a:hover{color:#032342;background:#f4f8fc}
.ijcr-sidebar .ijcr-template{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#064a80;color:#fff!important;padding:14px;border-radius:6px;margin-bottom:16px}
.ijcr-sidebar .ijcr-template:hover{background:#032342}
.ijcr-sidebar .ijcr-template strong{display:block;font-size:13px;color:#fff}
.ijcr-sidebar .ijcr-template small{display:block;font-size:11px;color:#e5f1fb}
.ijcr-sidebar .ijcr-docx{display:block;border:1px solid #fff;border-radius:3px;padding:10px 5px;font-size:10px;font-weight:700;color:#fff}
.ijcr-sidebar .ijcr-scholar{display:block;text-align:center;padding:8px 0;color:#666;font-size:23px;white-space:normal}
.ijcr-sidebar .ijcr-identifier a{display:block;color:#032342;text-align:center}
.ijcr-sidebar .ijcr-issn-logo{display:block;width:100%;max-width:210px;height:auto;margin:6px auto 12px}
.ijcr-sidebar .ijcr-issn-number{display:block;font-size:13px;font-weight:700;margin:10px 0 8px}
.ijcr-sidebar .ijcr-barcode{display:block;width:100%;max-width:206px;height:auto;margin:auto}
.ijcr-sidebar .ijcr-contact{display:block;text-align:center;font-size:12px;color:#155a92;padding:8px 0}
.ijcr-sidebar a:focus-visible{outline:2px solid #0864ad;outline-offset:3px}

/* Updated image logos: fill each panel, preserve proportions. */
.ijcr-sidebar .ijcr-scholar{padding:8px 0;line-height:0}
.ijcr-sidebar .ijcr-scholar-logo{display:block!important;width:100%!important;max-width:none!important;height:auto!important;margin:0!important}
.ijcr-sidebar .ijcr-issn-logo{display:block!important;width:100%!important;max-width:none!important;height:auto!important;margin:6px 0 12px!important}
.ijcr-sidebar .ijcr-template{display:block;background:#fff!important;border:1px solid #dfe7ef;padding:12px;line-height:0}
.ijcr-sidebar .ijcr-template:hover{border-color:#0864ad;background:#f4f8fc!important}
.ijcr-sidebar .ijcr-template-logo{display:block!important;width:100%!important;max-width:none!important;height:auto!important;margin:0!important}

/* Large WhatsApp button below About Journal. */
.ijcr-sidebar .ijcr-whatsapp{display:block!important;width:100%;margin:0 0 16px;padding:9px 12px;background:#26b83c;border-radius:6px;text-align:center;line-height:0}
.ijcr-sidebar .ijcr-whatsapp img{display:block!important;width:100%!important;max-width:none!important;height:auto!important;margin:0!important;border:0}
.ijcr-sidebar .ijcr-whatsapp:hover{filter:brightness(.95)}


/* Compact sidebar and restrained blue menu icons. */
.ijcr-sidebar .ijcr-panel{padding:12px!important;margin-bottom:12px!important}
.ijcr-sidebar .ijcr-panel h3{margin-bottom:6px!important;padding-bottom:6px!important}
.ijcr-sidebar .ijcr-scholar{padding:2px 0!important;line-height:0}
.ijcr-sidebar .ijcr-scholar-logo{margin:0!important}
.ijcr-sidebar .ijcr-issn-logo{width:100%!important;height:auto!important;aspect-ratio:3 / 1;object-fit:cover;object-position:center;margin:2px 0 6px!important}
.ijcr-sidebar .ijcr-issn-number{margin:4px 0!important}
.ijcr-sidebar .ijcr-barcode{margin:0 auto!important}
.ijcr-sidebar .ijcr-template,.ijcr-sidebar .ijcr-whatsapp{margin-bottom:12px!important}
.ijcr-sidebar .ijcr-menu li a{display:flex!important;align-items:center;gap:10px;padding:10px 0!important;line-height:1.45}
.ijcr-sidebar .ijcr-menu li a::before{content:"";display:block;width:17px;height:17px;flex:0 0 17px;background-position:center;background-repeat:no-repeat;background-size:17px 17px;opacity:.9}
.ijcr-sidebar .ijcr-menu li a:hover{background:#f2f7fc;border-radius:3px}
.ijcr-sidebar .ijcr-menu li:nth-child(1) a::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23155a92%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%204h7a3%203%200%200%201%202%201%203%203%200%200%201%202-1h7v15h-7a3%203%200%200%200-2%201%203%203%200%200%200-2-1H3zM12%205v15%22%2F%3E%3C%2Fsvg%3E")}
.ijcr-sidebar .ijcr-menu li:nth-child(2) a::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23155a92%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%228%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M12%202v3M12%2019v3M2%2012h3M19%2012h3%22%2F%3E%3C%2Fsvg%3E")}
.ijcr-sidebar .ijcr-menu li:nth-child(3) a::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23155a92%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2214%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M3%209h18M7%2015h4%22%2F%3E%3C%2Fsvg%3E")}
.ijcr-sidebar .ijcr-menu li:nth-child(4) a::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23155a92%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%229%22%20cy%3D%228%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M3%2020v-2a6%206%200%200%201%2012%200v2M16%205a3%203%200%200%201%200%206M18%2014a5%205%200%200%201%203%205v1%22%2F%3E%3C%2Fsvg%3E")}
.ijcr-sidebar .ijcr-menu li:nth-child(5) a::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23155a92%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%203h9l3%203v15H6zM14%203v5h4M9%2012h6M9%2016h6%22%2F%3E%3C%2Fsvg%3E")}
.ijcr-sidebar .ijcr-menu li:nth-child(6) a::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23155a92%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%228%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M3%2020v-2a7%207%200%200%201%2011-5M15%2017l2%202%204-5%22%2F%3E%3C%2Fsvg%3E")}
.ijcr-sidebar .ijcr-menu li:nth-child(7) a::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23155a92%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203l8%203v6c0%205-8%209-8%209s-8-4-8-9V6zM8%2012l3%203%205-6%22%2F%3E%3C%2Fsvg%3E")}
.ijcr-sidebar .ijcr-menu li:nth-child(8) a::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23155a92%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%225%22%20y%3D%2210%22%20width%3D%2214%22%20height%3D%2211%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M9%2010V7a4%204%200%200%201%208%200%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2215%22%20r%3D%221%22%2F%3E%3Cpath%20d%3D%22M12%2016v2%22%2F%3E%3C%2Fsvg%3E")}

/* Full-width bilingual native OJS submission button. */
.pkp_structure_sidebar .block_make_submission{padding-bottom:16px!important}
.pkp_structure_sidebar .block_make_submission .content a{display:block!important;width:100%!important;box-sizing:border-box!important;min-height:72px;padding:17px 12px!important;margin:0!important;background:#064a80!important;background-image:none!important;border:1px solid #064a80!important;border-radius:6px!important;color:#fff!important;font-family:Arial,sans-serif!important;font-size:15px!important;font-weight:700!important;line-height:1.4!important;text-align:center!important;text-transform:none!important;text-decoration:none!important;box-shadow:none!important;white-space:normal!important}
.pkp_structure_sidebar .block_make_submission .content a::after{content:"Submit Artikel";display:block;margin-top:3px;font-size:12px;font-weight:400;line-height:1.4;color:#e5f1fb}
.pkp_structure_sidebar .block_make_submission .content a:hover{background:#032342!important;border-color:#032342!important}
.pkp_structure_sidebar .block_make_submission .content a:focus-visible{outline:2px solid #0864ad;outline-offset:3px}
.pkp_structure_sidebar #customblock-menu-side-bar{padding-top:0!important}

/* Primary Indonesian CTA, secondary original English label. */
.pkp_structure_sidebar .block_make_submission .content a{position:relative;min-height:84px!important;padding:18px 36px 18px 48px!important;text-align:left!important;font-size:11px!important;font-weight:400!important;line-height:1.5!important;color:#deedfa!important;border:1px solid #075b99!important;border-radius:8px!important;background-color:#064a80!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%203h8l4%204v14H6zM14%203v5h4M9%2012h6M9%2016h4%22%2F%3E%3C%2Fsvg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2012h14M14%207l5%205-5%205%22%2F%3E%3C%2Fsvg%3E"),linear-gradient(115deg,#0866a9,#032d55)!important;background-size:25px 25px,16px 16px,100% 100%!important;background-position:14px center,right 12px center,center!important;background-repeat:no-repeat!important;box-shadow:0 3px 8px rgba(3,35,66,.12)!important}
.pkp_structure_sidebar .block_make_submission .content a::before{content:"Submit Artikel";display:block;font-size:18px;font-weight:700;line-height:1.3;margin-bottom:4px;color:#fff}
.pkp_structure_sidebar .block_make_submission .content a::after{content:none!important;display:none!important}
.pkp_structure_sidebar .block_make_submission .content a:hover{background-color:#032342!important;border-color:#0866a9!important;box-shadow:0 4px 12px rgba(3,35,66,.2)!important}

/* Template immediately below submission, smaller centered image. */
.pkp_structure_sidebar .block_make_submission{padding-bottom:8px!important}
.pkp_structure_sidebar #customblock-menu-side-bar{padding-top:0!important}
.ijcr-sidebar .ijcr-template{padding:8px 12px!important;margin:0 0 14px!important;background:#fff!important;border:1px solid #dfe7ef!important;border-radius:6px!important}
.ijcr-sidebar .ijcr-template-logo{width:90%!important;max-width:190px!important;height:auto!important;margin:0 auto!important}
