/*
 * Custom stylesheet OJS 3.3 / 3.4 (Default Theme) - gaya "modernJournal"
 * Referensi tampilan: Automotive Experiences (navbar berwarna di atas, panel putih,
 * header logo/judul, cover + deskripsi, kartu artikel, sidebar kartu, footer membulat).
 *
 * Ganti warna cukup di blok :root di bawah.
 * Komponen opsional beranda (.mj-tagline, .mj-index, .mj-editor, .mj-stats)
 * dipakai dengan menempelkan HTML dari file home-html.html.
 */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@400;700&display=swap');

:root{
  --mj-primary:#ea9815;
  --mj-primary-hover:#cf8410;
  --mj-accent:#00a896;
  --mj-navy:#001d3d;
  --mj-navy-2:#003566;
  --mj-bg:#f0f2f5;
  --mj-surface:#ffffff;
  --mj-border:#e9ecef;
  --mj-text:#333333;
  --mj-muted:#666666;
  --mj-radius:12px;
  --mj-gutter:32px;
  --mj-cover-w:215px;
  --mj-sidebar-w:300px;
  --mj-header-h:96px;
  --mj-font-body:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --mj-font-heading:'Libre Baskerville',Georgia,serif;
}

/* ---------- Dasar ---------- */
body{font-family:var(--mj-font-body);background:var(--mj-bg);color:var(--mj-text);margin:0;font-size:15px;line-height:1.7}
a{color:var(--mj-primary);text-decoration:none}
a:hover,a:focus{color:var(--mj-primary-hover);text-decoration:none}
h1,h2,h3,h4,h5,h6{font-family:var(--mj-font-heading);color:var(--mj-navy);font-weight:700;line-height:1.35}
p{text-align:justify}
.pkp_structure_page{background:transparent;box-shadow:none;min-height:0}
.pkp_screen_reader{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}
.pkp_structure_head{background:transparent;border:0}
.pkp_head_wrapper{padding:0;max-width:none}
.page h1,.page_title,.pkp_structure_main>h1{font-size:1.5rem;color:var(--mj-navy);margin-bottom:16px}

/* Reset elemen penyeimbang & lebar tetap bawaan Default Theme */
.pkp_site_name_wrapper:before,.pkp_site_name_wrapper:after,
.pkp_navigation_primary_wrapper:before,.pkp_navigation_primary_wrapper:after,
.pkp_navigation_user:before,.pkp_navigation_user:after,
.pkp_structure_content:before,.pkp_structure_content:after,
.pkp_structure_footer:before,.pkp_structure_footer:after,
.pkp_structure_main:before,.pkp_structure_main:after{display:none!important;content:none!important}

/* ---------- Navbar ---------- */
.pkp_site_nav_menu{background:var(--mj-primary)}
.pkp_navigation_primary>li>a{
  color:#fff!important;font-weight:700;font-size:.9rem;padding:10px 13px!important;
  border:0!important;border-radius:8px;background:transparent;white-space:nowrap
}
.pkp_navigation_primary>li>a:hover,.pkp_navigation_primary>li>a:focus,
.pkp_navigation_primary>li.current>a{background:rgba(255,255,255,.2)!important;color:#fff!important}
.pkp_navigation_primary ul,.pkp_navigation_user ul{
  background:#fff;border:0;border-radius:0 0 10px 10px;box-shadow:2px 2px 10px darkgray;
  padding:8px 0;min-width:210px;text-align:left
}
.pkp_navigation_primary ul a,.pkp_navigation_user ul a{
  display:block;color:#333!important;font-size:.82rem;font-weight:500;padding:8px 15px;border:0;border-radius:0
}
.pkp_navigation_primary ul a:hover,.pkp_navigation_primary ul a:focus,
.pkp_navigation_user ul a:hover,.pkp_navigation_user ul a:focus{background:#f1f5f9;color:var(--mj-primary-hover)!important}

/* Kotak pencarian (tautan Search tampil sebagai kotak putih) */
.pkp_navigation_search_wrapper a.pkp_search{
  position:relative;display:flex!important;align-items:center;justify-content:space-between;
  width:250px;height:36px;padding:0 12px!important;box-sizing:border-box;
  background:#fff!important;border-radius:8px;font-size:0!important;color:#555!important
}
.pkp_navigation_search_wrapper a.pkp_search:before{
  content:"Search articles, authors...";font:400 .8rem/1 var(--mj-font-body);color:#777
}
.pkp_navigation_search_wrapper a.pkp_search .fa{font-size:15px!important;color:#333;margin:0!important}
.pkp_navigation_search_wrapper a.pkp_search:hover{box-shadow:0 0 0 3px rgba(255,255,255,.35)}

/* Menu akun */
.pkp_navigation_user_wrapper{
  position:static!important;float:none!important;top:auto!important;left:auto!important;right:auto!important;
  transform:none!important;width:auto!important;max-width:none!important;margin:0!important;
  padding:0!important;background:transparent;border:0!important;text-align:left
}
.pkp_navigation_user{
  display:flex!important;flex-direction:row-reverse;align-items:center;gap:6px;
  width:auto!important;max-width:none!important;list-style:none;margin:0!important;padding:0!important
}
.pkp_navigation_user>li{position:relative;float:none!important;margin:0!important;padding:0!important}
.pkp_navigation_user>li>a{
  display:inline-flex;align-items:center;white-space:nowrap;line-height:1.4;
  background:var(--mj-accent);color:#fff!important;font-size:.9rem;font-weight:700;
  padding:7px 18px!important;border:0!important;border-radius:8px;transition:filter .2s
}
.pkp_navigation_user>li>a:hover,.pkp_navigation_user>li>a:focus{filter:brightness(1.08);text-decoration:none}
.pkp_navigation_user>li>a[href*="/login"]{background:transparent;padding:7px 12px!important}
.pkp_navigation_user>li>a[href*="/login"]:hover{background:rgba(255,255,255,.2);filter:none}
.pkp_navigation_user .task_count{
  display:inline-block;min-width:1.6em;padding:0 6px;margin-left:6px;border-radius:999px;
  background:#fff;color:var(--mj-accent);font-size:.75rem;line-height:1.6;text-align:center
}
.pkp_navigation_user ul{position:absolute;top:100%;right:0;left:auto;margin:8px 0 0;z-index:1070}

/* ---------- Header: logo / judul jurnal ---------- */
.pkp_site_name_wrapper{
  background:var(--mj-surface);border:1px solid var(--mj-border);border-bottom:0;border-top:0;
  display:flex;align-items:center;height:auto;margin:0;box-sizing:border-box;min-height:var(--mj-header-h);
  padding:20px var(--mj-gutter) 6px
}
.pkp_site_name{margin:0!important;padding:0!important;text-align:left;width:auto;max-width:none}
@media (min-width:992px){.pkp_site_name{max-width:calc(100% - var(--mj-sidebar-w) - 60px)}}
.pkp_site_name>a{padding:0!important;display:inline-flex;align-items:center}
.pkp_site_name .is_img img{max-height:60px;width:auto}
.pkp_site_name .is_text{
  font-family:var(--mj-font-heading);color:var(--mj-navy)!important;
  font-size:clamp(1.5rem,2.6vw,2.1rem)!important;font-weight:700;line-height:1.25;padding:0!important;border:0!important
}
.pkp_site_nav_toggle{background:var(--mj-primary)}

/* ---------- Panel konten ---------- */
.pkp_structure_content{
  background:var(--mj-surface);border:1px solid var(--mj-border);border-top:0;
  padding:12px var(--mj-gutter) 34px;max-width:none;margin:0
}
.pkp_structure_main{min-width:0}

/* ---------- Breadcrumb ---------- */
.cmp_breadcrumbs{border-top:1px dotted #aaa;padding:15px 0 0;margin:0 0 12px;background:transparent}
.cmp_breadcrumbs ol{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0;font-size:.85rem}
.cmp_breadcrumbs a{color:var(--mj-primary);font-weight:600}
.cmp_breadcrumbs .separator{margin:0 8px;font-size:.8em;color:#403e3e}
.cmp_breadcrumbs .current{color:#403e3e}

/* ---------- Tombol ---------- */
.cmp_button,.cmp_form .buttons button,.block_make_submission a,.pkp_button{
  background:var(--mj-primary);color:#fff;border:1px solid var(--mj-primary);
  border-radius:8px;padding:.5rem 1.4rem;font-weight:600;font-family:var(--mj-font-body)
}
.cmp_button:hover,.cmp_form .buttons button:hover,.block_make_submission a:hover{
  background:var(--mj-primary-hover);border-color:var(--mj-primary-hover);color:#fff
}
.obj_galley_link{
  background:var(--mj-primary);color:#fff;border:1px solid var(--mj-primary);
  border-radius:6px;font-weight:600;font-size:.75rem;padding:.3rem .9rem
}
.obj_galley_link:hover{background:var(--mj-primary-hover);border-color:var(--mj-primary-hover);color:#fff}
.cmp_button_wire{background:#fafafa;color:var(--mj-text);border:1px solid #bab6b6;border-radius:8px}
.cmp_button_wire:hover{background:#e5e5e5;color:var(--mj-text)}

/* ---------- Form ---------- */
.cmp_form input[type=text],.cmp_form input[type=email],.cmp_form input[type=password],
.cmp_form input[type=search],.cmp_form select,.cmp_form textarea,.search_input input{
  border:1px solid #ced4da;border-radius:8px;padding:.5rem .75rem;font-size:.95rem
}
.cmp_form input:focus,.cmp_form select:focus,.cmp_form textarea:focus{
  border-color:var(--mj-accent);outline:0;box-shadow:0 0 0 3px rgba(0,168,150,.15)
}
.cmp_form label,.cmp_form legend{font-weight:600;font-size:.9rem}
.cmp_form .buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:1rem}
.page_search .search_advanced{border:1px solid var(--mj-border);border-radius:10px;padding:15px;background:#fafbfc}

/* ---------- Beranda: cover kiri, deskripsi kanan ---------- */
.pkp_page_index .homepage_image{margin:0!important}
.pkp_page_index .homepage_image img{
  display:block;width:100%;height:auto;border-radius:4px;margin:0;
  box-shadow:0 8px 25px rgba(0,0,0,.16)
}
.pkp_page_index .homepage_about{padding:0 0 4px!important}
.pkp_page_index .homepage_about>h2{
  position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)
}
.pkp_page_index .homepage_about p{font-size:.95rem;line-height:1.9;color:#333;margin:0 0 .8rem;text-align:justify}
.pkp_page_index .homepage_about p:empty{display:none}
.pkp_page_index .homepage_about>a{display:none}
@media (min-width:768px){
  .page_index_journal:has(>.homepage_image){
    display:grid;grid-template-columns:var(--mj-cover-w) minmax(0,1fr);column-gap:42px;align-items:start
  }
  .page_index_journal:has(>.homepage_image)>*{grid-column:1/-1}
  .page_index_journal:has(>.homepage_image)>.homepage_image{grid-column:1;grid-row:1;margin:6px 0 0!important}
  .page_index_journal:has(>.homepage_image)>.homepage_about{grid-column:2;grid-row:1;min-width:0}
}
@media (max-width:767px){
  .pkp_page_index .homepage_image{max-width:220px;margin:6px auto 18px!important}
}

/* Cover di dalam deskripsi jurnal: <div class="mj-cover"><img src="URL"></div> (tidak tergantung Homepage image) */
.pkp_page_index .homepage_about .mj-cover img{display:block;width:100%;height:auto;border-radius:4px;box-shadow:0 8px 25px rgba(0,0,0,.16);margin:0}
@media (min-width:768px){
  .pkp_page_index .homepage_about:has(>.mj-cover){
    display:grid;grid-template-columns:var(--mj-cover-w) minmax(0,1fr);column-gap:42px;align-items:start
  }
  .pkp_page_index .homepage_about:has(>.mj-cover)>*{grid-column:2;min-width:0}
  .pkp_page_index .homepage_about:has(>.mj-cover)>.mj-cover{grid-column:1;grid-row:1/span 30;margin-top:6px}
}
@media (max-width:767px){
  .pkp_page_index .homepage_about .mj-cover{max-width:220px;margin:6px auto 18px}
}

/* komponen opsional di dalam deskripsi jurnal (lihat home-html.html) */
.homepage_about .mj-tagline,.mj-tagline{font-style:normal!important;font-weight:700;font-size:.95rem;color:#00008b;margin:6px 0 6px}
.homepage_about .mj-tagline *,.homepage_about .mj-index *,.homepage_about .mj-editor *,.homepage_about .mj-readmore *{font-style:normal!important}
.homepage_about .mj-index,.mj-index{font-size:.85rem!important;margin:0 0 14px;color:#00008b}
.mj-index a{color:var(--mj-primary);font-weight:500}
.mj-readmore{font-size:.9rem;margin:-2px 0 16px}
.mj-readmore a{color:var(--mj-primary)}
.mj-editor{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin:8px 0 14px;font-size:.9rem;line-height:1.9}
.mj-editor b{color:#222}
.mj-editor img{width:62px;height:75px;object-fit:cover;border-radius:3px;flex:0 0 auto}
.mj-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:12px 0 4px}
.mj-stat{border-left:3px solid var(--mj-primary);padding:2px 0 2px 14px}
.homepage_about .mj-stat strong,.mj-stat strong{display:block;font-size:1.3rem!important;font-weight:600;color:var(--mj-navy);line-height:1.3}
.homepage_about .mj-stat span,.mj-stat span{display:block;font-size:.75rem!important;color:#444;line-height:1.5}
.mj-attention{margin-top:28px;font-size:.88rem}
.mj-attention ol{padding-left:1.4rem}
@media (max-width:575px){.mj-stats{grid-template-columns:1fr}}

/* ---------- Current Issue ---------- */
.page_index_journal .current_issue{
  display:grid;grid-template-columns:minmax(0,1fr) auto auto;column-gap:18px;align-items:center;
  margin-top:26px;padding-top:26px;border-top:1px solid #e1dfdf
}
.page_index_journal .current_issue>h2{
  grid-column:1;grid-row:1;margin:0 0 14px;font-size:1.55rem;color:var(--mj-navy);
  border:0;display:block;padding:0
}
.page_index_journal .current_issue .current_issue_title{grid-column:2;grid-row:1;color:var(--mj-muted);font-size:.9rem;font-weight:400;margin:0 0 14px}
.page_index_journal .current_issue .read_more{
  grid-column:3;grid-row:1;margin:0 0 14px;padding:0;font-weight:700;font-size:.9rem;line-height:1.4;
  color:var(--mj-primary);white-space:nowrap
}
.page_index_journal .current_issue .read_more:after{
  position:static;display:inline;width:auto;height:auto;line-height:inherit;
  font:inherit;content:"\2192";margin-left:6px;transform:none
}
.page_index_journal .current_issue>.obj_issue_toc{grid-column:1/-1;grid-row:2;min-width:0}
.obj_issue_toc .heading{display:none}
.obj_issue_toc .sections,.obj_issue_toc .sections:not(:first-child){margin-top:0!important}
.obj_issue_toc .section,.obj_issue_toc .galleys{position:static!important;margin:0 0 20px!important;padding:0!important}
.obj_issue_toc .section:before,.obj_issue_toc .galleys:before{display:none!important;content:none!important}
.obj_issue_toc .section>h2,.obj_issue_toc .section>h3,.obj_issue_toc .galleys>h2,.obj_issue_toc .galleys>h3{
  display:inline-block;position:static!important;left:auto!important;
  font:600 .75rem/1 var(--mj-font-body)!important;color:var(--mj-accent)!important;
  background:#e6f4f1!important;padding:6px 10px!important;border:0!important;border-radius:6px;margin:0 0 12px!important
}
.cmp_article_list{list-style:none;margin:0;padding:0}
.obj_issue_toc .cmp_article_list{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
@media (min-width:768px){.obj_issue_toc .cmp_article_list{grid-template-columns:repeat(2,minmax(0,1fr))}}
.cmp_article_list>li{margin:0}
.obj_article_summary{
  background:#fff;border:1px solid var(--mj-border);border-radius:10px;padding:20px;
  margin-bottom:16px;min-height:150px;transition:all .2s ease
}
.obj_issue_toc .obj_article_summary{margin-bottom:0;height:100%;box-sizing:border-box}
.obj_article_summary:hover{border-color:var(--mj-accent);box-shadow:0 4px 12px rgba(0,0,0,.08)}
.obj_article_summary .title{font-family:var(--mj-font-body);font-size:1.05rem;font-weight:700;line-height:1.4;margin:0 0 10px}
.obj_article_summary .title a{color:var(--mj-navy-2)}
.obj_article_summary .title a:hover{color:var(--mj-primary-hover)}
.obj_article_summary .meta .authors{font-size:.85rem;color:#555;margin-bottom:8px;text-align:left}
.obj_article_summary .meta .pages,.obj_article_summary .meta .published{font-size:.75rem;color:#888}
.obj_article_summary .galleys_links{list-style:none;margin:10px 0 0;padding:0;display:flex;gap:8px;flex-wrap:wrap}
.obj_article_summary .galleys_links li{margin:0}

/* ---------- Arsip terbitan ---------- */
.page_issue_archive .issues_archive{list-style:none;margin:0;padding:0;display:grid;gap:18px;grid-template-columns:minmax(0,1fr)}
@media (min-width:768px){.page_issue_archive .issues_archive{grid-template-columns:repeat(2,minmax(0,1fr))}}
.issues_archive>li{margin:0;padding:20px;border:1px solid var(--mj-border);border-radius:10px;background:#fff;transition:all .2s}
.issues_archive>li:hover{border-color:var(--mj-accent);box-shadow:0 4px 12px rgba(0,0,0,.08)}
.obj_issue_summary h2{font-size:1.15rem;margin:8px 0}
.obj_issue_summary .description{font-size:.9rem;color:#555}
.obj_issue_summary .cover img,.obj_issue_toc .cover img{border-radius:4px;box-shadow:0 8px 25px rgba(0,0,0,.15)}

/* ---------- Detail artikel ---------- */
.obj_article_details .page_title{font-size:1.75rem;line-height:1.4}
.obj_article_details .subtitle{font-size:1.1rem;font-weight:600;color:#444}
.obj_article_details .authors{list-style:none;margin:0 0 10px;padding:0}
.obj_article_details .authors li{margin-bottom:6px;font-size:.95rem}
.obj_article_details .authors .name{font-weight:600}
.obj_article_details .authors .affiliation{font-size:.9rem;color:#555}
.obj_article_details .item{margin-bottom:20px}
.obj_article_details .item>h2,.obj_article_details .item>.label,.obj_article_details .item h3.label{
  font-size:1.05rem;color:var(--mj-navy);font-family:var(--mj-font-heading)
}
.obj_article_details .abstract p{text-align:justify;line-height:1.85}
.obj_article_details .item.keywords .value span,.obj_article_details .item.keywords .value a{
  display:inline-block;background:#e6f4f1;color:var(--mj-accent);border-radius:5px;padding:1px 8px;margin:3px 3px 3px 0;font-size:.9em
}
.obj_article_details .item.references .value{font-size:.9rem}
.obj_article_details .entry_details .item{
  background:#fff;border:1px solid #f0f0f0;border-radius:var(--mj-radius);padding:15px;
  box-shadow:-1px 1px 15px rgba(169,167,167,.2);margin-bottom:16px
}
.obj_article_details .entry_details .cover_image img{border-radius:4px;box-shadow:0 8px 25px rgba(0,0,0,.15)}
.obj_article_details .galleys_links{list-style:none;margin:0;padding:0}
.obj_article_details .galleys_links li{margin-bottom:8px}

/* ---------- Sidebar sebagai kartu ---------- */
.pkp_block{
  background:#fff;border:1px solid #f0f0f0;border-radius:var(--mj-radius);
  padding:22px;margin:0 0 22px;box-shadow:-1px 1px 15px rgba(169,167,167,.2)
}
.pkp_block .title{
  display:inline-block;font-family:var(--mj-font-body);font-size:1.1rem;font-weight:700;color:var(--mj-navy);
  margin:0 0 16px;padding:0 0 6px;border-bottom:2px solid var(--mj-accent);text-transform:none;letter-spacing:0
}
.pkp_block .content{font-size:.9rem}
.pkp_block .content ul{list-style:none;padding:0;margin:0}
.pkp_block .content li{margin:0 0 10px}
.pkp_block .content li a{
  display:block;padding:11px 16px;border:1px solid #f0f0f0;border-radius:8px;
  color:var(--mj-primary);font-weight:500;transition:all .2s
}
.pkp_block .content li a:hover{background:#fff8ec;border-color:var(--mj-primary);color:var(--mj-primary-hover)}
.block_make_submission{padding:0;background:transparent;border:0;box-shadow:none}
.block_make_submission a{display:block;text-align:center}
.pkp_block img{max-width:100%;height:auto}


/* ---------- Pengumuman di beranda ---------- */
.pkp_page_index .cmp_announcements{margin:26px 0 0!important;border:0!important;display:block}
.pkp_page_index .cmp_announcements:before,.pkp_page_index .cmp_announcements:after{display:none}
.pkp_page_index .cmp_announcements h2{
  position:static!important;left:auto!important;clip:auto!important;width:auto;height:auto;overflow:visible;
  font-size:1.55rem;color:var(--mj-navy);margin:0 0 14px;padding:0
}
.pkp_page_index .cmp_announcements>.obj_announcement_summary,
.pkp_page_index .cmp_announcements .more .obj_announcement_summary{
  float:none!important;width:auto!important;box-sizing:border-box;background:#fff;
  border:1px solid var(--mj-border);border-radius:10px;padding:16px 20px!important;margin:0 0 12px
}
.pkp_page_index .cmp_announcements>.obj_announcement_summary:before,
.pkp_page_index .cmp_announcements .more:before{display:none!important;content:none!important}
.pkp_page_index .cmp_announcements .more{float:none!important;width:auto!important;padding:0!important}
.obj_announcement_summary h2 a,.obj_announcement_summary h3 a,.obj_announcement_summary h4 a{color:var(--mj-navy-2)}
.obj_announcement_summary h2 a:hover,.obj_announcement_summary h3 a:hover,.obj_announcement_summary h4 a:hover{color:var(--mj-primary-hover)}
.obj_announcement_summary .date{font-size:.8rem}
.obj_announcement_summary .summary{font-size:.9rem}
.obj_announcement_summary .read_more{color:var(--mj-primary)}
.obj_announcement_summary .read_more:hover{color:var(--mj-primary-hover)}

/* judul bagian di sidebar (juga untuk blok HTML kustom: h2-h6 / strong di dalam .content) */
.pkp_structure_sidebar .pkp_block .title,
.pkp_structure_sidebar .pkp_block .content>h1,.pkp_structure_sidebar .pkp_block .content>h2,
.pkp_structure_sidebar .pkp_block .content>h3,.pkp_structure_sidebar .pkp_block .content>h4,
.pkp_structure_sidebar .pkp_block .content>h5,.pkp_structure_sidebar .pkp_block .content>h6,
.pkp_structure_sidebar .pkp_block .content>p>strong:only-child{
  display:inline-block;font-family:var(--mj-font-body);font-size:1.05rem!important;font-weight:700;color:var(--mj-navy)!important;
  margin:14px 0 14px;padding:0 0 6px;border-bottom:2px solid var(--mj-accent);line-height:1.4
}
.pkp_structure_sidebar .pkp_block .content>:first-child{margin-top:0}

/* ---------- Halaman statis ---------- */
.page_about h2,.page_editorial_team h2,.page_submissions h2,.page_contact h2,.page_announcements h2,.page_privacy h2{
  font-size:1.35rem;margin:1.4rem 0 .65rem
}
.page_about h3,.page_editorial_team h3,.page_submissions h3,.page_contact h3,.page_privacy h3{
  font-size:1.15rem;margin:1.15rem 0 .6rem
}
.page_about h4,.page_editorial_team h4,.page_submissions h4,.page_contact h4,.page_privacy h4{font-size:1rem;color:var(--mj-text)}
.page_about p,.page_editorial_team p,.page_submissions p,.page_contact p,.page_privacy p,
.page_about li,.page_submissions li,.page_privacy li{font-size:.95rem;line-height:1.75}
.page_about p,.page_submissions p,.page_privacy p{margin-bottom:.85rem}
.page_submissions .submission_checklist ul{list-style:none;padding-left:0}
.page_submissions .submission_checklist li{position:relative;padding-left:1.6rem;margin-bottom:.55rem}
.page_submissions .submission_checklist li:before{content:"\2713";position:absolute;left:0;top:0;color:var(--mj-accent);font-weight:700}
.page_submissions .section_policy{border-top:1px solid var(--mj-border);padding-top:.5rem}

/* ---------- Pengumuman ---------- */
.obj_announcement_summary{margin-top:10px;border-top:1px solid #eee9e9;padding-top:10px}
.obj_announcement_summary h4{font-family:var(--mj-font-body);font-size:.95rem;margin-bottom:4px}
.obj_announcement_summary h4 a{color:var(--mj-navy)}
.obj_announcement_summary h4 a:hover{color:var(--mj-primary-hover)}
.obj_announcement_summary .date{font-size:.75rem;color:#999}

/* ---------- Notifikasi ---------- */
.cmp_notification,.pkp_form_error{
  border-radius:8px;padding:12px 15px;margin-bottom:15px;border-left:4px solid var(--mj-accent);background:#e6f4f1
}
.pkp_form_error{border-left-color:#f0ad4e;background:#fff8e6;color:#856404}

/* ---------- Footer membulat ---------- */
.pkp_structure_footer_wrapper{
  background:var(--mj-primary);color:#fff;margin:0 0 15px;
  padding:30px var(--mj-gutter) 22px;border-radius:0 0 15px 15px
}
.pkp_structure_footer{
  padding:0;max-width:none;width:100%;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px
}
.pkp_footer_content{display:contents;color:#fff;font-size:.88rem}
.pkp_footer_content p{text-align:left;color:#fff;margin:0 0 .6rem}
.pkp_structure_footer_wrapper a{color:#fff;text-decoration:none}
.pkp_structure_footer_wrapper a:hover{color:#fff;text-decoration:underline}
.jhs-footer-cols{
  flex:1 1 100%;display:grid;gap:28px 40px;
  grid-template-columns:minmax(0,1.2fr) repeat(2,minmax(0,1fr))
}
.jhs-footer-col h3{
  color:#fff;font-family:var(--mj-font-body);font-size:.95rem;font-weight:700;
  letter-spacing:.04em;text-transform:uppercase;margin:0 0 14px;padding-bottom:8px;
  border-bottom:2px solid rgba(255,255,255,.4);display:inline-block
}
.jhs-footer-col ul{list-style:none;margin:0;padding:0}
.jhs-footer-col li{margin:0 0 9px}
.jhs-footer-col li a{display:inline-flex;align-items:center;gap:8px;color:#fff;font-size:.88rem;transition:transform .2s ease}
.jhs-footer-col li a:before{content:"\203A";font-weight:700;color:rgba(255,255,255,.8)}
.jhs-footer-col li a:hover{text-decoration:none;transform:translateX(4px)}
.jhs-footer-divider{flex:1 1 100%;height:1px;background:rgba(255,255,255,.3);margin:18px 0 4px}
.jhs-footer-publisher{flex:1 1 auto;font-size:.85rem;color:#fff;margin:0}
.pkp_brand_footer{flex:0 0 auto;float:none;margin:0;padding:0;border:0;opacity:.95;order:3;width:auto}
.pkp_brand_footer img{max-height:40px;width:auto;filter:brightness(0) invert(1)}

/* =====================================================================
   DESKTOP >= 992px: susunan flex, semua blok selebar sama, navbar sticky di atas
   ===================================================================== */
@media (min-width:992px){
  .pkp_structure_page{
    display:flex!important;flex-direction:column;width:100%;max-width:1300px;
    margin:15px auto 0!important;padding:0 15px!important;box-sizing:border-box;overflow:visible
  }
  /* bungkus header dilebur supaya navbar & judul jadi anak langsung kolom halaman */
  .pkp_structure_head,.pkp_head_wrapper{display:contents!important}

  .pkp_site_nav_menu{order:1}
  .pkp_site_name_wrapper{order:2}
  .pkp_structure_content{order:3}
  .pkp_structure_footer_wrapper{order:4}

  .pkp_site_nav_menu,.pkp_site_name_wrapper,.pkp_structure_content,.pkp_structure_footer_wrapper{
    width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box
  }
  .pkp_structure_footer{width:100%!important;max-width:none!important}

  /* navbar: menu kiri, pencarian + akun kanan */
  .pkp_site_nav_menu{
    display:flex!important;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:0;
    position:sticky;top:0;z-index:1060;min-height:62px;padding:0 24px;
    background:var(--mj-primary);border-radius:15px 15px 0 0;box-shadow:0 4px 15px rgba(0,0,0,.2)
  }
  .pkp_navigation_primary_row,.pkp_navigation_primary_wrapper{display:contents!important}
  .pkp_navigation_primary{
    order:1;display:flex!important;align-items:center;flex-wrap:nowrap;gap:2px;
    width:auto!important;margin:0!important;padding:0!important
  }
  .pkp_navigation_primary>li{display:block;margin:0;float:none}
  .pkp_navigation_search_wrapper{order:2;float:none!important;margin:0 14px 0 auto!important;padding:0!important;width:auto!important}
  .pkp_navigation_user_wrapper{order:3}

  /* panel konten: dua kolom */
  .pkp_structure_content{display:flex!important;flex-wrap:nowrap;align-items:flex-start;gap:34px}
  .pkp_structure_main{flex:1 1 0;order:1;float:none!important;width:auto!important;margin:0!important;padding:0!important}
  .pkp_structure_sidebar,.pkp_structure_sidebar.left{
    order:2;flex:0 0 var(--mj-sidebar-w);width:var(--mj-sidebar-w)!important;float:none!important;
    position:static!important;margin:0!important;padding:0!important;box-sizing:border-box
  }
  .pkp_structure_main>:first-child{margin-top:0}
  .pkp_structure_sidebar .pkp_block:first-child{margin-top:0}
  /* sidebar naik sejajar baris judul, seperti contoh */
  .pkp_structure_sidebar,.pkp_structure_sidebar.left{margin-top:calc(40px - var(--mj-header-h) - 12px)!important;position:relative!important;z-index:2}
}

/* ---------- Mobile / tablet kecil ---------- */
@media (max-width:991px){
  .pkp_site_name_wrapper{height:auto!important;padding:62px 16px 14px!important;display:block;text-align:center}
  .pkp_site_name{position:relative!important;top:auto!important;left:auto!important;right:auto!important;transform:none!important;height:auto!important;width:100%}
  .pkp_site_name>a,.pkp_site_name .is_text{display:block!important;white-space:normal!important;text-overflow:clip!important;overflow:visible!important;max-width:none!important;text-align:center}
  .pkp_site_name .is_text{font-size:1.4rem!important}
  .pkp_site_nav_toggle{z-index:3}
  .pkp_structure_content{padding:12px 16px 24px}
  .pkp_structure_main,.pkp_structure_sidebar{float:none!important;width:auto!important;padding:0!important}
  .pkp_navigation_user_wrapper{padding:0!important}
  .pkp_navigation_user{flex-direction:column;align-items:stretch}
  .obj_article_details .page_title{font-size:1.4rem}
  .page_index_journal .current_issue{grid-template-columns:1fr}
  .page_index_journal .current_issue .current_issue_title,
  .page_index_journal .current_issue .read_more{grid-column:1;grid-row:auto}
}

@media (prefers-reduced-motion:reduce){*{transition:none!important}}
@media print{.pkp_site_nav_menu,.pkp_structure_sidebar,.pkp_structure_footer_wrapper{display:none}}