/* ============================================================
   TEMA OJS SIAP PASANG — Pengabdian — Album Lapangan (Radikal)
   Kelompok: radikal · Sumber desain: pratinjau radikal-pengabdian-petounia.html
   Target: OJS 3.1 / 3.3 / 3.4, tema bawaan Default / Manuscript.
   Adaptasi ICMEHST (4 Nov 2026) untuk jurnal 'seminar' (id 10),
   publikasi.stkippgri-bkl.ac.id, OJS 3.4.0.11: selector sidebar
   ditambah .pkp_structure_sidebar + perangkap salin kunci .icm-foot
   dengan pengecualian halaman PDF (bagian terakhir).
   Cara pasang: Settings > Website > Appearance > Upload stylesheet
   (file ini), lalu tempel homepage-blocks.html ke Additional Content
   dan page-footer.html ke Page Footer. Tanpa plugin, tanpa akses
   file server, tanpa mengubah data jurnal.
   Palet: utama #b3541e · aksen #96771a · tinta #4a3a22 · latar #e6d3ac
   ============================================================ */

/* 1. Dasar */
body { font-family: "Segoe UI", Arial, sans-serif; }
.pkp_structure_main { color: #4a3a22; }
.pkp_structure_main a { color: #b3541e; }
.pkp_page_index h2, .page h1, .obj_article_summary .title, .page_article h1 {
  font-family: "Segoe UI", Arial, sans-serif;
}
.pkp_structure_page { background: #e6d3ac; }

/* 2. Header & navigasi */
.pkp_structure_head { background: #b3541e; border-bottom: 3px solid #96771a; }
.pkp_site_name .is_text { color: #ffffff; font-family: "Segoe UI", Arial, sans-serif; text-decoration: none; }
.pkp_site_name .is_img img { max-height: 200px; max-width: 100%; width: auto; height: auto; }
.pkp_navigation_primary_row { background: #b3541e; }
.pkp_navigation_primary > li > a, .pkp_navigation_primary .dropdown-menu a { color: #ffffff; font-family: "Segoe UI", Arial, sans-serif; }
.pkp_navigation_primary > li > a:hover, .pkp_navigation_primary > li > a:focus { text-decoration: underline; }
.pkp_navigation_user li a[href*="user/register"] { border: 1.5px solid #96771a; color: #96771a !important; border-radius: 6px; padding: 7px 15px; font-weight: 600; }
.pkp_navigation_user li a[href*="/login"] { background: #96771a; color: #ffffff !important; border-radius: 6px; padding: 7px 15px; font-weight: 700; }

/* 3. Hero halaman depan (blok Additional Content, kelas tm-*) */
.tm-hero { background: #fffbe8; color: #4a3a22; text-align: center; padding: 46px 30px 34px; border-radius: 0; margin-bottom: 22px; }
.tm-kicker { color: #96771a; font-size: 12px; letter-spacing: .3em; text-transform: uppercase; font-family: "Segoe UI", Arial, sans-serif; font-weight: 700; }
.tm-hero h2 { font-family: "Segoe UI", Arial, sans-serif; font-size: 38px; line-height: 1.2; margin: 14px auto 12px; max-width: 720px; color: #4a3a22; }
.tm-hero p { max-width: 620px; margin: 0 auto; font-size: 16px; line-height: 1.6; font-family: "Segoe UI", Arial, sans-serif; }
.tm-cta { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; margin: 22px 0 6px; font-family: "Segoe UI", Arial, sans-serif; }
.tm-cta a { text-decoration: none; padding: 12px 24px; border-radius: 6px; font-weight: 700; }
.tm-cta .a { background: #96771a; color: #ffffff; }
.tm-cta .b { border: 1.5px solid #96771a; color: #4a3a22; }
.tm-chips { display: flex; gap: 8px; justify-content: center; flex-wrap: wrap; margin-top: 18px; font-family: "Segoe UI", Arial, sans-serif; }
.tm-chips span { border: 1px solid #96771a; color: #4a3a22; padding: 5px 13px; border-radius: 6px; font-size: 13px; }
.tm-boxes { display: flex; flex-wrap: wrap; gap: 14px; margin: 4px 0 22px; }
.tm-box { flex: 1 1 220px; background: #ffffff; border: 1px solid #dddddd; border-top: 4px solid #96771a; border-radius: 12px; padding: 18px 18px 10px; text-align: center; }
.tm-box h4 { margin: 0 0 6px; font-size: 13px; letter-spacing: .18em; text-transform: uppercase; color: #b3541e; font-family: "Segoe UI", Arial, sans-serif; }
.tm-box p { margin: 0; font-size: 14px; line-height: 1.55; color: #4a3a22; font-family: "Segoe UI", Arial, sans-serif; }

/* 4. Halaman depan: Current Issue berbingkai, artikel bernomor */
.pkp_page_index .page_index_journal { display: flex; flex-direction: column; }
.pkp_page_index .additional_content { order: 1; }
.pkp_page_index .homepage_image { order: 2; margin-bottom: 20px; }
.pkp_page_index .homepage_about { order: 4; margin-top: 22px; }
.pkp_page_index .current_issue { order: 3; background: #ffffff; border: 1px solid #dddddd; padding: 10px 26px 14px; }
.pkp_page_index .current_issue_title { border-bottom: 2px solid #b3541e; padding-bottom: 8px; font-family: "Segoe UI", Arial, sans-serif; }
.pkp_page_index .articles { counter-reset: tmart; }
.pkp_page_index .obj_article_summary { position: relative; padding-left: 46px; border-bottom: 1px solid #dddddd; }
.pkp_page_index .obj_article_summary::before { counter-increment: tmart; content: counter(tmart, decimal-leading-zero); position: absolute; left: 2px; top: 14px; font-family: "Segoe UI", Arial, sans-serif; font-size: 15px; font-weight: 700; color: #96771a; }
.obj_article_summary .title a { color: #4a3a22; }
.obj_galley_link { border: 1px solid #b3541e; color: #b3541e; border-radius: 6px; }
.obj_galley_link.pdf { background: #b3541e; color: #ffffff; }

/* 5. Sidebar */
.pkp_sidebar .pkp_block .title, .pkp_structure_sidebar .pkp_block .title { font-family: "Segoe UI", Arial, sans-serif; font-size: 12px; letter-spacing: .2em; text-transform: uppercase; color: #b3541e; border-bottom: 2px solid #96771a; padding-bottom: 6px; }

/* 6. Halaman artikel */
.page_article .abstract, .page_article .references { text-align: justify; }
.page_article h1 { color: #4a3a22; }

/* 7. Footer (blok Page Footer, kelas tm-*) */
.pkp_structure_footer_wrapper { background: #b3541e; color: #f5f5f5; }
.tm-foot { display: flex; flex-wrap: wrap; margin: 0 -14px; }
.tm-foot .col { flex: 1 1 220px; padding: 0 14px; }
.tm-foot .t { font-family: "Segoe UI", Arial, sans-serif; font-size: 12px; letter-spacing: .22em; text-transform: uppercase; border-bottom: 1px solid #96771a; padding-bottom: 8px; margin-bottom: 10px; }
.tm-foot p { font-size: 13px; line-height: 1.6; }
.tm-foot a { color: inherit; text-decoration: none; border-bottom: 1px solid #96771a; }

/* 8. Blok tambahan halaman depan: menu bernomor, jadwal, kartu ruang lingkup */
.tm-menu { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 18px; font-family: "Segoe UI", Arial, sans-serif; }
.tm-menu a { flex: 1 1 150px; display: flex; align-items: center; gap: 10px; background: #ffffff; border: 1px solid #dddddd; border-radius: 12px; padding: 10px 14px; color: #b3541e; text-decoration: none; font-size: 13.5px; font-weight: 600; }
.tm-menu a .no { font-family: "Segoe UI", Arial, sans-serif; font-weight: 700; color: #96771a; font-size: 16px; }
.tm-sec { border: 1px solid #dddddd; background: #ffffff; padding: 18px 22px 8px; margin: 0 0 18px; }
.tm-sec-title { font-family: "Segoe UI", Arial, sans-serif; font-size: 11px; letter-spacing: .22em; text-transform: uppercase; color: #b3541e; border-bottom: 1px solid #dddddd; padding-bottom: 8px; margin-bottom: 12px; }
.tm-cards { display: flex; flex-wrap: wrap; margin: 0 -7px 4px; }
.tm-card { flex: 1 1 200px; margin: 0 7px 14px; border: 1px solid #dddddd; border-top: 4px solid #96771a; border-radius: 12px; background: #ffffff; padding: 16px 16px 6px; text-align: center; }
.tm-card h3 { font-family: "Segoe UI", Arial, sans-serif; font-size: 16.5px; color: #b3541e; margin: 6px 0 4px; }
.tm-card p { font-size: 13px; line-height: 1.55; color: #4a3a22; font-family: "Segoe UI", Arial, sans-serif; }
.tm-note { background: #fffbe8; border-left: 3px solid #b3541e; padding: 14px 18px 6px; margin: 0 0 18px; }
.tm-note p { font-size: 13.5px; line-height: 1.6; color: #4a3a22; font-family: "Segoe UI", Arial, sans-serif; }

/* 9. Login & Register: kartu di atas latar warna utama (pola Krinos) */
body.pkp_page_login, body.pkp_op_register { background: #b3541e; min-height: 100vh; }
body.pkp_page_login .pkp_structure_header, body.pkp_page_login .pkp_structure_sidebar,
body.pkp_page_login .pkp_structure_footer_wrapper, body.pkp_page_login .cmp_breadcrumbs,
body.pkp_op_register .pkp_structure_header, body.pkp_op_register .pkp_structure_sidebar,
body.pkp_op_register .pkp_structure_footer_wrapper, body.pkp_op_register .cmp_breadcrumbs { display: none; }
body.pkp_page_login .pkp_structure_page, body.pkp_op_register .pkp_structure_page { background: transparent; box-shadow: none; max-width: none; }
body.pkp_page_login .pkp_structure_main, body.pkp_op_register .pkp_structure_main { float: none; width: 100%; margin: 0 auto; padding: 0 16px; box-sizing: border-box; }
.page_login, .page_register { background: #ffffff; border: 1.5px solid #96771a; border-radius: 18px; box-shadow: 0 24px 54px rgba(0,0,0,.28); max-width: 520px; margin: 48px auto 56px; padding: 38px 42px 42px; box-sizing: border-box; color: #4a3a22; }
.page_register { max-width: 640px; }
.page_login > h1, .page_register > h1 { text-align: center; font-family: "Segoe UI", Arial, sans-serif; font-size: 30px; color: #b3541e; margin: 0 0 26px; border: none; padding: 0; }
.page_login label, .page_register label { font-family: "Segoe UI", Arial, sans-serif; }
.page_login input[type="text"], .page_login input[type="password"],
.page_register input[type="text"], .page_register input[type="password"],
.page_register input[type="email"], .page_register select { border: 1.2px solid #dddddd; border-radius: 10px; padding: 11px 14px; box-sizing: border-box; }
.page_register fieldset { border: none; border-top: 2px solid #b3541e; margin: 10px 0; padding: 14px 0 0; }
.page_register legend { font-family: "Segoe UI", Arial, sans-serif; font-size: 12.5px; letter-spacing: .22em; text-transform: uppercase; color: #96771a; padding-right: 8px; }
.page_login button[type="submit"], .page_login input[type="submit"],
.page_register button[type="submit"], .page_register input[type="submit"] { background: #b3541e; color: #ffffff; border: none; border-radius: 6px; padding: 13px 26px; font-size: 16px; font-weight: 700; width: 100%; cursor: pointer; font-family: "Segoe UI", Arial, sans-serif; }
.page_login a, .page_register a { color: #b3541e; }

/* 10. Responsif */
@media (max-width: 600px) {
  .tm-hero { padding: 34px 18px 26px; }
  .tm-hero h2 { font-size: 29px; }
  .page_login, .page_register { padding: 28px 22px 30px; margin: 28px auto 36px; }
  .pkp_page_index .current_issue { padding: 8px 14px 10px; }
}

/* ============================================================
   Adaptasi header ICMEHST (4 Nov 2026): latar zona header =
   warna papan album #e6d3ac agar banner catatan (banner-icmehst)
   menyatu tanpa tepi; logo di tengah; bilah navigasi tetap
   oranye bata tema ini.
   ============================================================ */
.pkp_structure_head { background: #e6d3ac !important; border-bottom: none !important; }
.pkp_site_name_wrapper { text-align: center; }
.pkp_site_name { display: inline-block; }
.pkp_site_name .is_img img { max-height: 250px; width: auto; max-width: 100%; height: auto; margin: 0 auto; }

/* ============================================================
   Perangkap salin (adaptasi ICMEHST, 4 Nov 2026) — hanya tampil
   di situs penjiplak: banner merah tetap di bawah layar pada
   halaman depan/terbitan/artikel/about/pencarian/pengumuman.
   Di situs ICMEHST sendiri banner padam karena footer resmi
   memuat kelas kunci .icm-foot. Halaman tampil PDF memakai
   templat polos .header_view tanpa footer, jadi dikecualikan
   tersendiri agar banner tidak pernah muncul saat membuka PDF.
   ============================================================ */
body.pkp_page_index::after, body.pkp_page_issue::after, body.pkp_page_article::after,
body.pkp_page_about::after, body.pkp_page_search::after, body.pkp_page_announcement::after {
  content: "ANDA MENGAMBIL TANPA IZIN — stylesheet ini dibuat khusus untuk ICMEHST (International Conference on Multidisciplinary Education, Humanities and Science Technology), STKIP PGRI Bangkalan. Developed by Muh Barid Nizarudin Wajdi.";
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 99999;
  background: #b00020; color: #ffffff; font: 700 13px/1.5 "Segoe UI", Arial, sans-serif;
  text-align: center; padding: 10px 14px;
}
body:has(.icm-foot)::after { display: none !important; }
body:has(.header_view)::after { display: none !important; }