/* =====================================================================
   STYLESHEET.CSS — VERSI 6 · Tema IMMERSION · OJS 3.3.0-11
   Baru: layout artikel kiri + sidebar kanan · sidebar kolom sticky
         · nuansa navy × oranye tua · siap blok Kontak Redaksi
   ===================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

/* ---------- VARIABEL ------------------------------------------------- */
:root {
  --navy:#10375C; --navy-tua:#0A2A4A; --navy-terang:#1B5E96;
  --biru-link:#1A5FA8; --biru-muda:#EEF4FA;
  --oranye:#F0821F; --oranye-tua:#C75E12; --oranye-gelap:#A34A08;
  --oranye-terang:#F7A95F; --oranye-muda:#FFF3E6;
  --teks:#2B3540; --abu:#5F6B7A; --garis:#E2E8F0;
  --font:'Inter','Segoe UI',Arial,Helvetica,sans-serif;
}

/* ---------- DASAR ---------------------------------------------------- */
html { font-size:15px !important; scroll-behavior:smooth; }
body {
  font-family:var(--font) !important; font-size:15px !important;
  line-height:1.6 !important; color:var(--teks) !important;
  background:#E9EEF6 !important;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4,h5,h6 {
  font-family:var(--font) !important; font-weight:700 !important;
  color:var(--navy) !important; text-transform:none !important;
  font-variant:normal !important; letter-spacing:normal !important;
  line-height:1.4 !important; text-shadow:none !important;
}
h1{font-size:1.5rem!important} h2{font-size:1.25rem!important}
h3{font-size:1.08rem!important} h4,h5,h6{font-size:1rem!important}

img{max-width:100%;height:auto}
body a{color:var(--biru-link);text-decoration:none;transition:color .15s ease}
body a:hover,body a:focus{color:var(--oranye-tua)}
::selection{background:var(--oranye);color:#fff}
body a:focus-visible,body button:focus-visible{
  outline:3px solid rgba(240,130,31,.6);outline-offset:2px;border-radius:4px}

/* ---------- HEADER RAMPING + BANNER FULL ------------------------------ */
body .main-header {
  background:#FFFFFF !important; background-image:none !important;
  padding:0 !important; box-shadow:none !important;
}
body .main-header .container { padding-top:.25rem !important; padding-bottom:.25rem !important; }
body .main-header img,
body .main-header .pkp_site_name img {
  display:block !important; width:100% !important; max-width:1250px;
  height:auto !important; max-height:145px; object-fit:cover;
  margin:0 auto !important; border-radius:0 !important; box-shadow:none !important;
}
body .main-header #navigationUser a,
body .pkp_navigation_user a {
  color:var(--navy) !important; background:transparent !important;
  font-size:.8rem !important; font-weight:500 !important;
}
/* dropdown bahasa agar tidak jadi kotak hitam */
body .main-header select,
body header select {
  background:#fff !important; color:var(--navy) !important;
  border:1px solid var(--garis) !important; border-radius:6px !important;
  font-size:.8rem; padding:.2rem .5rem;
}

/* ---------- MENU NAVIGASI → BAND NAVY --------------------------------- */
body .main-header__nav,
body #navigationPrimary.pkp_nav_list,
body .pkp_navigation_primary {
  background:linear-gradient(90deg,var(--navy-tua) 0%,var(--navy) 60%,#144771 130%) !important;
}
body .main-header__nav { padding:0 .6rem !important; margin:0 !important; }
body #navigationPrimary.pkp_nav_list { border-radius:0; margin:0 !important; }
body .main-header__nav li, body #navigationPrimary li { background:transparent !important; }
body .main-header__nav-link,
body #navigationPrimary a {
  color:#FFFFFF !important; background:transparent !important;
  border:0 !important; border-bottom:3px solid transparent !important;
  font-weight:600 !important; font-size:.92rem !important;
  padding:.8rem 1.1rem !important; text-shadow:none !important;
}
body .main-header__nav-link:hover,
body #navigationPrimary a:hover,
body #navigationPrimary li.current > a {
  color:var(--oranye-terang) !important;
  border-bottom-color:var(--oranye) !important;
  background:rgba(255,255,255,.07) !important;
}
body #navigationPrimary li ul {
  background:#fff !important; border:1px solid var(--garis);
  border-top:3px solid var(--oranye); border-radius:0 0 8px 8px;
  box-shadow:0 8px 20px rgba(10,42,74,.18);
}
body #navigationPrimary li ul a {
  color:var(--navy) !important; border-bottom:0 !important;
  padding:.55rem 1rem !important; font-weight:500 !important;
}
body #navigationPrimary li ul a:hover {
  background:var(--oranye-muda) !important; color:var(--oranye-tua) !important;
}
body .hamburger{background:var(--oranye)!important;border-radius:6px!important}
body .hamburger__icon,
body .hamburger__icon::before,
body .hamburger__icon::after{background:#fff!important}

/* ---------- AREA CURRENT ISSUE → BIRU MUDA ---------------------------- */
body [class*="issue"], body [class*="hero" i] {
  background:#DDE7F3 !important; background-image:none !important;
  color:var(--teks) !important; text-shadow:none !important;
}
body [class*="issue"] h1,body [class*="issue"] h2,body [class*="issue"] h3,
body [class*="hero" i] h1,body [class*="hero" i] h2,body [class*="hero" i] h3{color:var(--navy)!important}
body [class*="issue"] p,body [class*="issue"] span,body [class*="issue"] time,
body [class*="issue"] div,body [class*="issue"] li,
body [class*="hero" i] p,body [class*="hero" i] span,body [class*="hero" i] time{color:var(--teks)!important}
body [class*="issue"] a,body [class*="hero" i] a{color:var(--biru-link)!important}
body [class*="issue"] a:hover{color:var(--oranye-tua)!important}
body .obj_issue_toc > .title,
body .obj_issue_toc > h1,
body .obj_issue_toc > h2 {
  display:inline-block; padding-bottom:.25rem;
  border-bottom:3px solid var(--oranye);
}
body .page_index_journal > section {
  padding-top:1.1rem !important; padding-bottom:1.1rem !important;
}

/* ---------- BAND ABOUT → GRADASI ORANYE TUA --------------------------- */
/* (jika band masih mustard, lihat PLAN B di bawah) */
body [class*="about"]:not(li):not(a):not(button):not(span):not(p) {
  background:linear-gradient(115deg,var(--oranye-gelap) 0%,var(--oranye-tua) 55%,#E8792A 100%) !important;
  background-image:linear-gradient(115deg,var(--oranye-gelap) 0%,var(--oranye-tua) 55%,#E8792A 100%) !important;
}
body [class*="about"] h1,body [class*="about"] h2,body [class*="about"] h3{color:#fff!important}
body [class*="about"] p,body [class*="about"] span,body [class*="about"] li{color:#FFF3E6!important}
body [class*="about"] a{color:#FFD9A8!important}
body [class*="about"] .btn,
body [class*="about"] a[class*="btn"] {
  background:#fff !important; color:var(--oranye-tua) !important; border:0 !important;
}

/* ---------- LAYOUT DUA KOLOM: ARTIKEL KIRI + SIDEBAR KANAN ------------ */
/* Aktif setelah footer.tpl diedit (Langkah A) */
@media (min-width: 992px) {
  body .pkp_structure_content {
    display:flex !important; flex-wrap:nowrap !important;
    align-items:flex-start !important; gap:30px !important;
    max-width:1250px !important; margin:0 auto !important;
    padding:1.5rem 20px 0 !important;
  }
  body .pkp_structure_main {
    flex:1 1 auto !important; min-width:0 !important;
    width:auto !important; float:none !important; order:1;
  }
  body .pkp_structure_content > .pkp_structure_sidebar {
    order:2;
    flex:0 0 300px !important; width:300px !important; max-width:300px !important;
    float:none !important; display:block !important;
    background:transparent !important; background-image:none !important;
    grid-template-columns:none !important;
    box-shadow:none !important; padding:0 !important; margin:0 !important;
    position:sticky; top:16px;   /* ikut turun saat halaman digulir */
  }
}
@media (max-width: 991px) {
  body .pkp_structure_content { display:block !important; padding:0 15px !important; }
  body .pkp_structure_sidebar {
    width:100% !important; max-width:100% !important;
    background:transparent !important; padding:0 15px !important; margin:1.2rem auto !important;
  }
}

/* ---------- KARTU BLOK SIDEBAR (tersusun ke bawah di kolom kanan) ----- */
body .pkp_block {
  background:#fff !important;
  border:1px solid var(--garis) !important;
  border-top:4px solid var(--oranye) !important;
  border-radius:10px !important;
  padding:1rem 1.1rem !important;
  margin:0 0 1.1rem !important;
  font-size:.9rem;
  box-shadow:0 2px 8px rgba(10,42,74,.08);
}
body .pkp_block .title { color:var(--navy) !important; font-weight:700 !important; font-size:1rem !important; }
body .pkp_block img { max-width:100%; height:auto; }

/* ---------- KARTU ARTIKEL --------------------------------------------- */
body .obj_article_summary,
body article:not([class*="details" i]) {
  display:block !important; background:#fff !important;
  border:1px solid var(--garis) !important; border-radius:10px !important;
  padding:1rem 1.2rem !important; margin:0 0 .9rem !important;
  box-shadow:0 1px 3px rgba(16,55,92,.06) !important;
}
body .obj_article_summary::after { content:""; display:block; clear:both; }
body .obj_article_summary > *,
body article:not([class*="details" i]) > * { float:none!important; width:100%!important; max-width:100%!important; }
body .obj_article_summary [class*="col-"] {
  flex:0 0 100%!important; width:100%!important; max-width:100%!important;
}
body .obj_article_summary [class*="col-"]:empty { display:none!important; }
body .obj_article_summary .cover:has(img) {
  flex:0 0 150px!important; width:150px!important;
  float:left!important; margin:0 1rem .5rem 0!important;
}
body .obj_article_summary:hover {
  border-color:rgba(240,130,31,.55)!important;
  box-shadow:0 6px 16px rgba(16,55,92,.10)!important;
}
body .obj_article_summary .title, body article .title {
  font-size:1.02rem !important; font-weight:700 !important; margin:0 0 .35rem !important;
}
body .obj_article_summary .title a, body article .title a { color:var(--navy)!important; }
body .obj_article_summary .title a:hover { color:var(--oranye-tua)!important; }
body .obj_article_summary .authors, body article .authors, body article .pages {
  color:var(--abu)!important; font-size:.87rem!important;
}
body a.obj_galley_link,
body [class*="galley_link" i],
body .galleys a {
  display:inline-block !important;
  background:var(--oranye-tua) !important; color:#fff !important;
  border:0 !important; border-radius:999px !important;
  padding:.35rem 1.05rem !important; font-size:.8rem !important; font-weight:600 !important;
}
body a.obj_galley_link:hover { background:var(--navy) !important; color:#fff !important; }

/* ---------- TOMBOL & FORMULIR ------------------------------------------ */
body .btn.btn-primary, body input[type="submit"], body button[type="submit"] {
  background:var(--oranye-tua)!important; border:1px solid var(--oranye-tua)!important;
  color:#fff!important; border-radius:6px!important; font-weight:600!important;
}
body .btn.btn-primary:hover{background:var(--navy)!important;border-color:var(--navy)!important}
body .btn.btn-default {
  background:#fff!important; border:1px solid var(--biru-link)!important;
  color:var(--navy)!important; border-radius:6px!important;
}
body input[type="text"], body input[type="search"], body input[type="email"],
body input[type="password"], body textarea, body select {
  background:#fff; color:var(--teks); border:1px solid var(--garis);
  border-radius:6px; padding:.45rem .8rem; font-size:.9rem; font-family:var(--font);
}
body input:focus, body textarea:focus, body select:focus {
  border-color:var(--oranye); box-shadow:0 0 0 3px rgba(240,130,31,.15); outline:none;
}

/* ---------- HALAMAN ARTIKEL -------------------------------------------- */
body .obj_article_details h1{font-size:1.4rem!important}
body .obj_article_details .authors{color:var(--abu)!important}
body .obj_article_details .item.abstract {
  background:var(--biru-muda)!important;
  border-left:4px solid var(--oranye)!important;
  border-radius:0 8px 8px 0!important; padding:1rem 1.25rem!important;
}
body .obj_article_details .item.doi a {
  display:inline-block; background:var(--oranye-muda); color:var(--oranye-tua);
  padding:.2rem .8rem; border-radius:999px; font-size:.82rem; font-weight:600;
}
body .obj_article_details .item.citation {
  background:#fff; border:1px solid var(--garis);
  border-left:4px solid var(--oranye); border-radius:0 8px 8px 0; padding:1rem 1.25rem;
}

/* ---------- FOOTER NAVY (isi kartu dikontrol HTML Anda sendiri) -------- */
body .pkp_structure_footer_wrapper {
  background:linear-gradient(180deg,var(--navy-tua),#0D3050) !important;
  border-top:4px solid var(--oranye) !important;
  margin-top:2rem !important; padding:1.6rem 0 !important;
}
body .pkp_footer_content { max-width:1250px; margin:0 auto; padding:0 20px; }
body .pkp_footer_content a { color:var(--oranye-tua) !important; font-weight:600; }
body .pkp_footer_content a:hover { color:var(--oranye-terang) !important; }

/* ---------- PAGINASI ---------------------------------------------------- */
body .pagination > li > a, body .pagination > li > span {
  color:var(--navy); background:#fff; border:1px solid var(--garis);
  border-radius:6px; margin:0 3px; font-size:.88rem;
}
body .pagination > li > a:hover,
body .pagination > .active > span {
  background:var(--oranye-tua); border-color:var(--oranye-tua); color:#fff;
}

/* ---------- PONSEL ------------------------------------------------------ */
@media (max-width: 575px) {
  body .main-header img { max-height:95px; }
  body .main-header__nav-link, body #navigationPrimary a {
    color:var(--navy) !important;
    border-bottom:1px solid var(--garis) !important;
  }
  body #main-menu, body .main-header__nav .navbar-collapse { background:#fff !important; }
  body .obj_article_summary { padding:.85rem 1rem !important; }
}

/* =====================================================================
   PLAN B
   1) Band "About" masih mustard? Klik kanan band → Inspect → salin class
      pembungkusnya, lalu tambahkan (ganti NAMA_CLASS):
      body .NAMA_CLASS {
        background:linear-gradient(115deg,#A34A08,#C75E12 55%,#E8792A)!important;
        background-image:none!important;
      }
   2) Sidebar belum pindah ke kanan? Berarti footer.tpl belum diedit
      (Langkah A) — atau kirim isi footer.tpl ke saya.
   ===================================================================== */