/* ============================================================
   UMUM — SAHIFA MAJALAH (gaya majalah berita WordPress Sahifa)
   Palet JITP: zamrud #0a392b · zamrud gelap #05241b · emas #c9a227 · tinta #222222 · latar #f5f5f5
   Target: OJS 3.x tema Default / Manuscript (Child of Default).
   Catatan: OJS tidak punya slider otomatis dan artikel tidak
   punya foto unggulan — panel pilihan bersifat statis (blok AC)
   dan daftar artikel memakai blok nomor berwarna.
   ============================================================ */

/* ===== 1. Dasar ===== */
body { background: #f5f5f5; color: #444; font-family: "Droid Sans", "Segoe UI", Roboto, Arial, sans-serif; }
.pkp_structure_page { background: transparent; }
a { color: #0a392b; }
a:hover, a:focus { color: #06271d; }

/* ===== 2. Masthead ===== */
.pkp_structure_head { background: linear-gradient(160deg,#0b3c2d,#05241b); border-bottom: 3px solid #c9a227; }
.pkp_site_name_wrapper { background: transparent !important; padding-top: 10px; }
.pkp_site_name .is_text { font-size: 30px; font-weight: 700; color: #222222; letter-spacing: -.5px; }
.pkp_site_name .is_img img { max-height: none !important; max-width: 100%; width: 100%; height: auto; }
.pkp_navigation_user li a { text-transform: uppercase; font-size: 12px; font-weight: 700; color: #333333 !important; }
.pkp_navigation_user li a[href*="/login"] { color: #0a392b !important; }

/* ===== 3. Bilah menu gelap (dropdown aman: tanpa clip-path) ===== */
.pkp_navigation_primary_row { background: #05241b; position: relative; z-index: 1001; }
.pkp_navigation_primary_row .pkp_navigation_primary > li > a,
.pkp_navigation_primary_row .pkp_search > a,
.pkp_navigation_primary_row .pkp_search { color: #eeeeee !important; font-weight: 700; text-transform: uppercase; font-size: 13.5px; padding: 12px 14px; border-bottom: 3px solid transparent; }
.pkp_navigation_primary_row .pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary_row .pkp_navigation_primary > li > a:focus { background: #222222; border-bottom-color: #c9a227; color: #ffffff !important; }
.pkp_navigation_primary > li > ul { background: #ffffff !important; border: 1px solid #e6e6e6; box-shadow: 0 8px 20px rgba(0, 0, 0, .12); }
.pkp_navigation_primary > li > ul li { background: transparent !important; }
.pkp_navigation_primary > li > ul a { color: #333333 !important; background: transparent !important; text-transform: none; font-weight: 400; }
.pkp_navigation_primary > li > ul a:hover, .pkp_navigation_primary > li > ul a:focus { color: #0a392b !important; background: #f7f7f7 !important; }

/* ===== 4. Beranda: urutan + blok Sahifa ===== */
.page_index_journal { display: flex; flex-direction: column; }
.additional_content { order: 1; }
.homepage_image { order: 2; display: none; }
.current_issue { order: 3; background: #ffffff; border: 1px solid #e6e6e6; padding: 18px; }
.journal_description, .page_index_journal > .about_site { order: 4; }
.simple-translate-system-theme { order: 9; }
.sf-ticker { background: #ffffff; border: 1px solid #e6e6e6; display: flex; align-items: center; font-size: 13.5px; margin-bottom: 14px; }
.sf-ticker .lbl { background: #c9a227; color: #05241b; font-weight: 700; padding: 9px 13px; text-transform: uppercase; font-size: 12px; white-space: nowrap; }
.sf-ticker .isi { padding: 9px 13px; color: #555555; }
.sf-slider { display: flex; gap: 12px; margin-bottom: 16px; }
.sf-slide-main { flex: 2; background: linear-gradient(130deg, #05241b, #0a392b); color: #ffffff; min-height: 220px; display: flex; flex-direction: column; justify-content: flex-end; padding: 18px; }
.sf-slide-main .k { font-size: 11px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; background: rgba(0, 0, 0, .35); align-self: flex-start; padding: 4px 8px; }
.sf-slide-main h2 { margin: 8px 0 4px; font-size: 23px; line-height: 1.25; color: #ffffff; }
.sf-slide-main .m { font-size: 12.5px; opacity: .92; }
.sf-slide-side { flex: 1; display: flex; flex-direction: column; gap: 12px; }
.sf-slide-side .s { flex: 1; color: #ffffff; display: flex; flex-direction: column; justify-content: flex-end; padding: 12px; font-weight: 700; font-size: 14.5px; line-height: 1.3; }
.sf-slide-side .s small { font-weight: 400; font-size: 11.5px; opacity: .92; }
.sf-slide-side .s1 { background: linear-gradient(130deg, #0a392b, #14532d); }
.sf-slide-side .s2 { background: linear-gradient(130deg, #c9a227, #a8861d); }
.sf-promo { background: linear-gradient(120deg, #0a392b, #06271d); color: #ffffff; text-align: center; padding: 14px 12px; font-weight: 700; font-size: 15px; margin-bottom: 14px; }
.sf-promo small { display: block; font-weight: 400; font-size: 12.5px; opacity: .92; }

/* ===== 5. Judul seksi + daftar artikel ala berita ===== */
.current_issue .current_issue_title, .page_issue .issue_title, .page_index_journal > h2, .pkp_block .title {
  font-size: 16.5px; font-weight: 700; color: #222222; text-transform: uppercase;
  border-bottom: 2px solid #e6e6e6; padding-bottom: 7px; position: relative; }
.current_issue .current_issue_title::after, .page_issue .issue_title::after, .pkp_block .title::after {
  content: ""; position: absolute; left: 0; bottom: -2px; width: 64px; border-bottom: 2px solid #c9a227; }
.cmp_article_list { counter-reset: sfnum; }
.obj_article_summary { counter-increment: sfnum; position: relative; padding: 12px 0 12px 76px; border-top: 1px solid #eeeeee; min-height: 76px; }
.obj_article_summary::before { content: counter(sfnum, decimal-leading-zero); position: absolute; left: 0; top: 12px; width: 62px; height: 62px; background: #0a392b; color: #ffffff; font-weight: 700; font-size: 16px; display: flex; align-items: center; justify-content: center; }
.cmp_article_list > li:nth-child(5n+2) .obj_article_summary::before { background: #0a392b; }
.cmp_article_list > li:nth-child(5n+3) .obj_article_summary::before { background: #c9a227; }
.cmp_article_list > li:nth-child(5n+4) .obj_article_summary::before { background: #0a392b; }
.cmp_article_list > li:nth-child(5n) .obj_article_summary::before { background: #c9a227; }
.obj_article_summary .title { font-size: 16.5px; line-height: 1.35; margin: 0 0 4px; }
.obj_article_summary .title a { color: #222222 !important; }
.obj_article_summary .title a:hover { color: #0a392b !important; }
.obj_article_summary .meta, .obj_article_summary .authors, .obj_article_summary .pages { color: #999999; font-size: 12.5px; }
.obj_galley_link { background: transparent; border: none; color: #0a392b !important; font-weight: 700; padding: 0; }
.obj_galley_link::after { content: " »"; }

/* ===== 6. Sidebar widget berkotak ===== */
.pkp_block { background: #ffffff; border: 1px solid #e6e6e6; padding: 14px 16px; margin-bottom: 18px; }
.pkp_block .content ul { list-style: none; margin: 0; padding: 0; }
.pkp_block .content li { padding: 6px 0; border-bottom: 1px dotted #dddddd; }
.pkp_block a { color: #555555; }
.pkp_block a:hover { color: #0a392b; }

/* ===== 7. Halaman artikel ===== */
.page_article .page_title { color: #222222; font-size: 26px; }
.page_article .item.abstract { background: #ffffff; border: 1px solid #e6e6e6; border-left: 3px solid #0a392b; padding: 16px 18px; }
.page_article .abstract .label, .page_article .item .label { color: #222222; text-transform: uppercase; }
.page_article .abstract, .page_article .references { text-align: justify; }
.page_article .obj_galley_link { background: #0a392b; color: #ffffff !important; padding: 8px 14px; }

/* ===== 8. Kaki gelap ===== */
.pkp_structure_footer_wrapper { background: #04231a; }
.sf-foot { display: flex; gap: 26px; flex-wrap: wrap; max-width: 1160px; margin: 0 auto; padding: 22px 16px 10px; color: #bbbbbb; }
.sf-foot .col { flex: 1 1 240px; }
.sf-foot .t { color: #ffffff; font-weight: 700; text-transform: uppercase; font-size: 14px; margin-bottom: 9px; }
.sf-foot p { margin: 0; font-size: 13px; line-height: 1.6; color: #bbbbbb; }
.sf-foot ul { list-style: none; margin: 0; padding: 0; }
.sf-foot li { font-size: 13px; line-height: 1.6; }
.sf-foot li::before { content: "» "; color: #0a392b; font-weight: 700; }
.sf-foot a { color: #bbbbbb; }

/* ===== 9. Login / register (kerangka situs tetap tampil) ===== */
body.pkp_page_login .pkp_structure_main, body.pkp_page_user .pkp_structure_main { background: #ffffff; border: 1px solid #e6e6e6; max-width: 560px; margin: 22px auto; padding: 24px 30px 20px; float: none; }
body.pkp_page_login .pkp_structure_sidebar, body.pkp_page_user .pkp_structure_sidebar { display: none !important; }
body.pkp_page_login .page_login h1, body.pkp_page_user .page_register h1 { font-size: 20px; color: #222222; text-transform: uppercase; border-bottom: 2px solid #e6e6e6; padding-bottom: 8px; }
body.pkp_page_login input[type="text"], body.pkp_page_login input[type="password"],
body.pkp_page_user input[type="text"], body.pkp_page_user input[type="password"],
body.pkp_page_user input[type="email"], body.pkp_page_user select { border: 1px solid #dddddd; background: #fcfcfc; border-radius: 0; box-shadow: none; }
body.pkp_page_login .buttons button, body.pkp_page_user .buttons button,
body.pkp_page_login button[type="submit"], body.pkp_page_user button[type="submit"] { width: 100%; background: #0a392b; color: #ffffff; border: none; padding: 11px; font-size: 15px; font-weight: 700; text-transform: uppercase; border-radius: 0; }
body.pkp_page_user .page_register fieldset { border: 1px solid #e6e6e6; }
body.pkp_page_user .page_register legend { color: #0a392b; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; font-size: 12px; }

/* ===== 10. HP ===== */
@media (max-width: 767px) {
  .pkp_structure_head { height: auto !important; }
  .pkp_site_name_wrapper { height: auto !important; padding-top: 40px; position: static; }
  .pkp_site_name { position: static; }
  .sf-slider { flex-direction: column; }
  .obj_article_summary { padding-left: 66px; }
  .obj_article_summary::before { width: 52px; height: 52px; }
}

/* ===== 11. JITP: blok sidebar kustom (menu bernomor, tombol, info) ===== */
.jm-list { list-style: none; margin: 0; padding: 0; counter-reset: jm; }
.jm-list li { counter-increment: jm; border-bottom: 1px dotted #dddddd; padding: 0; }
.jm-list li a { display: flex; align-items: center; gap: 10px; padding: 7px 2px; color: #333333 !important; font-size: 13.5px; }
.jm-list li a::before { content: counter(jm, decimal-leading-zero); background: #0a392b; color: #c9a227; font-weight: 700; font-size: 11.5px; min-width: 30px; text-align: center; padding: 3px 0; }
.jm-list li a:hover { color: #0a392b !important; background: #f7f3e3; }
.jm-btn { display: block; text-align: center; background: #0a392b; color: #ffffff !important; font-weight: 700; text-transform: uppercase; font-size: 13px; padding: 11px 10px; margin-bottom: 10px; border-bottom: 3px solid #c9a227; }
.jm-btn:hover { background: #06271d; color: #c9a227 !important; }
.jm-btn.gold { background: #c9a227; color: #05241b !important; border-bottom-color: #05241b; }
.jinfo { width: 100%; border-collapse: collapse; font-size: 13px; }
.jinfo td { padding: 6px 4px; border-bottom: 1px dotted #dddddd; vertical-align: top; }
.jinfo td:first-child { font-weight: 700; color: #0a392b; white-space: nowrap; padding-right: 10px; }
/* Anti-copy trap: banner tidak tampil di halaman PDF */
body:has(.header_view)::after { display: none !important; }

/* ===== 12. JITP v2: sembunyikan lencana bawaan OJS/PKP di footer =====
   Di OJS 3.4.0.12 tema Default, mengisi Page Footer TIDAK menghapus
   lencana .pkp_brand_footer — disembunyikan lewat aturan ini. */
.pkp_brand_footer { display: none !important; }

/* 13. Portal (beranda situs): daftar jurnal sebagai kartu */
.pkp_page_index .journals { margin-top: 10px; }
.pkp_page_index .journal { background: #ffffff; border: 1px solid #e7e2d2; border-top: 4px solid #c9a227; border-radius: 14px; padding: 22px 24px; margin: 0 0 20px; box-shadow: 0 10px 26px rgba(10,57,43,.08); overflow: hidden; }
.pkp_page_index .journal .thumbnail { float: left; margin: 0 22px 10px 0; }
.pkp_page_index .journal .thumbnail img { width: 118px; height: auto; border-radius: 6px; border: 2px solid #c9a227; box-shadow: 0 8px 20px rgba(10,57,43,.18); }
.pkp_page_index .journal h3 { font-family: Georgia, "Times New Roman", serif; font-size: 24px; margin: 2px 0 8px; }
.pkp_page_index .journal h3 a { color: #0a392b; text-decoration: none; }
.pkp_page_index .journal .description { color: #3c4a44; font-size: 14.5px; line-height: 1.65; text-align: justify; }
.pkp_page_index .journal .links { margin-top: 12px; }
.pkp_page_index .journal .links li a { display: inline-block; background: #0a392b; color: #ffffff !important; padding: 8px 16px; border-radius: 999px; font-weight: 700; font-size: 13px; text-decoration: none !important; margin-right: 8px; }
.pkp_page_index .journal .links li:last-child a { background: #c9a227; color: #0a392b !important; }
@media (max-width: 600px) { .pkp_page_index .journal .thumbnail { float: none; margin: 0 0 12px; } }

/* ===== 14. Portal v2: footer situs 3 kolom dari paragraf Page Footer =====
   Editor Page Footer tingkat situs tidak punya tampilan kode, jadi isi
   footer diketik sebagai 8 paragraf polos di dalam .pkp_footer_content:
   1 judul "FKDP Journals", 2 deskripsi, 3 judul "Our Journals",
   4 tautan JITP, 5 tautan JPES, 6 judul "Contact", 7 kontak, 8 hak cipta.
   Bagian ini menyusunnya menjadi 3 kolom Sahifa. Hanya berlaku di portal
   (stylesheet tingkat situs); jurnal memakai stylesheet masing-masing. */
.pkp_structure_footer_wrapper .pkp_footer_content { display: grid; grid-template-columns: 1.25fr .95fr 1.25fr; column-gap: 38px; row-gap: 2px; width: 100%; text-align: left; }
.pkp_structure_footer_wrapper .pkp_footer_content p { margin: 0 0 8px; font-size: 13.5px; line-height: 1.65; color: #cfe0d6; }
.pkp_structure_footer_wrapper .pkp_footer_content p:nth-child(1) { grid-column: 1; grid-row: 1; }
.pkp_structure_footer_wrapper .pkp_footer_content p:nth-child(2) { grid-column: 1; grid-row: 2; }
.pkp_structure_footer_wrapper .pkp_footer_content p:nth-child(3) { grid-column: 2; grid-row: 1; }
.pkp_structure_footer_wrapper .pkp_footer_content p:nth-child(4) { grid-column: 2; grid-row: 2; }
.pkp_structure_footer_wrapper .pkp_footer_content p:nth-child(5) { grid-column: 2; grid-row: 3; }
.pkp_structure_footer_wrapper .pkp_footer_content p:nth-child(6) { grid-column: 3; grid-row: 1; }
.pkp_structure_footer_wrapper .pkp_footer_content p:nth-child(7) { grid-column: 3; grid-row: 2; }
.pkp_structure_footer_wrapper .pkp_footer_content p:nth-child(8) { grid-column: 1 / -1; grid-row: 4; margin-top: 14px; padding-top: 12px; border-top: 1px solid rgba(201,162,39,.45); text-align: center; font-size: 12.5px; color: #9db8a8; }
.pkp_structure_footer_wrapper .pkp_footer_content p:nth-child(1) strong,
.pkp_structure_footer_wrapper .pkp_footer_content p:nth-child(3) strong,
.pkp_structure_footer_wrapper .pkp_footer_content p:nth-child(6) strong { color: #c9a227; font-size: 14px; letter-spacing: .12em; text-transform: uppercase; }
.pkp_structure_footer_wrapper .pkp_footer_content p:nth-child(4) a,
.pkp_structure_footer_wrapper .pkp_footer_content p:nth-child(5) a { color: #ffffff; font-weight: 700; text-decoration: none; }
.pkp_structure_footer_wrapper .pkp_footer_content p:nth-child(4) a::before,
.pkp_structure_footer_wrapper .pkp_footer_content p:nth-child(5) a::before { content: "» "; color: #c9a227; font-weight: 700; }
.pkp_structure_footer_wrapper .pkp_footer_content a { color: #e6c96a; }
.pkp_structure_footer_wrapper .pkp_footer_content a:hover { color: #ffffff; text-decoration: underline; }
@media (max-width: 767px) {
  .pkp_structure_footer_wrapper .pkp_footer_content { grid-template-columns: 1fr; }
  .pkp_structure_footer_wrapper .pkp_footer_content p { grid-column: 1 !important; grid-row: auto !important; }
}