/* =========================================================
   CSS MASTER - IJTC RED THEME EDITION
   Palet warna IJTC berbasis #C4391D dengan gradasi merah akademik.

   CARA KUSTOMISASI PER JURNAL:
   Cukup ubah 3 variabel ini saja di :root →

   --c1  : Warna utama aksen          → default: #C4391D (slate medium)
   --c2  : Warna gelap / header       → default: #702012 (slate gelap)
   --c3  : Warna terang / hover       → default: #E05A3D (slate muda)

   Contoh tema per jurnal:
   ┌─────────────────┬────────────┬────────────┬────────────┐
   │ Tema            │ --c1       │ --c2       │ --c3       │
   ├─────────────────┼────────────┼────────────┼────────────┤
   │ Navy (sinergi)  │ #1a3a5c    │ #0f2540    │ #2d5986    │
   │ Hijau teal      │ #2a7d6e    │ #1b5e52    │ #3a9e8a    │
   │ Merah akademik  │ #9b3535    │ #6b2020    │ #b84a4a    │
   │ Biru indigo     │ #3b5bdb    │ #2c3e8c    │ #4c6ef5    │
   │ Cokelat hangat  │ #7c5c3a    │ #5a3e22    │ #a07850    │
   │ Hijau tua       │ #2d6a4f    │ #1b4332    │ #40916c    │
   │ Ungu asal       │ #2f1bb3    │ #221070    │ #4d37d7    │
   └─────────────────┴────────────┴────────────┴────────────┘

   Sisanya (background, border, shadow, teks) TIDAK perlu diubah
   karena sudah warm-neutral dan cocok untuk semua tema di atas.
========================================================= */
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
/* IJTC palette: #702012 → #C4391D → #E05A3D */
:root{--c1:#C4391D;--c2:#702012;--c3:#E05A3D;--c4:#FFF7F5;--c5:#F3E4E0;--a1:#C4391D;--t1:#35201C;--t2:#7A5A53;--w1:#ffffff;--b1:#FFF9F8;--b2:rgba(255,255,255,0.97);--d1:#ECD2CB;--d2:#DDB8AF;--s1:0 4px 14px rgba(112,32,18,0.08);--s2:0 10px 28px rgba(112,32,18,0.12);--r1:18px;--r2:12px}*,*::before,*::after{box-sizing:border-box}html,body{background:#FFF9F8;color:var(--t1)}body,.pkp_structure_main,.pkp_structure_sidebar,.pkp_footer_content{font-family:"Source Sans Pro",Arial,Helvetica,sans-serif}a{color:var(--c1);text-decoration:none;transition:all 0.25s ease}a:hover,a:focus{color:var(--c3);text-decoration:none}.pkp_structure_content{background:transparent}.pkp_structure_head{background:transparent;border-bottom:0}.pkp_site_name_wrapper{background:linear-gradient(135deg,var(--c2) 0%,var(--c1) 55%,var(--c3) 100%);box-shadow:0 8px 18px rgba(112,32,18,0.16)}.pkp_site_name{padding-top:0.9rem;padding-bottom:0.9rem;text-align:right}.pkp_site_name .is_text,.pkp_site_name a{color:#ffffff !important;font-weight:800;letter-spacing:0.2px;text-transform:uppercase}.pkp_navigation_primary_wrapper{background:rgba(255,255,255,0.95);border-bottom:1px solid var(--d1);box-shadow:0 2px 10px rgba(112,32,18,0.04)}.pkp_navigation_primary>li>a,.pkp_navigation_user>li>a,.pkp_navigation_search_wrapper a,.pkp_navigation_primary_row .navItem>a{color:#C4391D !important;font-weight:700;transition:color 0.25s ease}.pkp_navigation_primary>li>a:hover,.pkp_navigation_user>li>a:hover,.pkp_navigation_search_wrapper a:hover,.pkp_navigation_primary_row .navItem>a:hover{color:var(--c1) !important}.pkp_structure_main p,.pkp_structure_main div,.pkp_structure_main span,.pkp_structure_main li,.pkp_structure_main td,.pkp_structure_main th,.obj_article_details .main_entry,.page_article .article_details,.page_issue .issue_description,.item.abstract{text-align:justify !important}.obj_article_summary .title,.obj_article_summary .title a,.page_issue .obj_article_summary .title a,.obj_article_details .page_title,.obj_article_details h1,.obj_article_details h1 a,.current_issue_title,.current_issue_title a,.name{color:var(--c1) !important}.cmp_article_list.articles .obj_article_summary,.obj_article_summary{display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:18px;border:1px solid var(--d1);border-radius:14px;background:#ffffff;box-shadow:var(--s1);transition:transform 0.28s ease,box-shadow 0.28s ease}.cmp_article_list.articles .obj_article_summary:hover,.obj_article_summary:hover{transform:translateY(-3px);box-shadow:var(--s2)}.obj_article_summary>.title{font-size:17px;font-weight:700;line-height:1.5}.obj_article_summary>.title a{display:block;color:var(--c1) !important}.home_journal_description{width:100%;margin:0;padding:22px 24px 24px;font-size:14px;line-height:1.75;color:var(--t1);border:1px solid var(--d1);border-radius:20px;background:rgba(255,255,255,0.94);box-shadow:var(--s2);overflow:hidden}.home_journal_description h3,.home_journal_description h4{color:var(--c2);margin-top:0}.home_journal_description table{width:100% !important;border-collapse:separate !important;border-spacing:0 !important;margin-top:10px;overflow:hidden;border-radius:14px;border:1px solid var(--d1);background:#ffffff}.home_journal_description table td,.home_journal_description table th{padding:11px 14px !important;vertical-align:top;border-bottom:1px solid #ECD2CB}.home_journal_description table tr:last-child td,.home_journal_description table tr:last-child th{border-bottom:0}.home_journal_description img{border-radius:12px}.cmp_button_wire,.obj_galley_link,.block_make_submission a,.block_make_submission_link a,.pkp_block.block_make_submission .content a{display:inline-block;background:linear-gradient(135deg,var(--c2) 0%,var(--c1) 55%,var(--c3) 100%);border:1px solid transparent;color:#ffffff !important;border-radius:999px;box-shadow:0 8px 18px rgba(112,32,18,0.16);transition:all 0.25s ease}.cmp_button_wire:hover,.obj_galley_link:hover,.block_make_submission a:hover,.block_make_submission_link a:hover,.pkp_block.block_make_submission .content a:hover{transform:translateY(-1px);box-shadow:0 12px 20px rgba(112,32,18,0.20);color:#ffffff !important}.pkp_structure_sidebar{background:transparent;padding:1rem 1.5rem 1rem 1.4rem;border-left:0}.pkp_structure_sidebar,.pkp_structure_sidebar *{box-sizing:border-box}.pkp_structure_sidebar .pkp_block{width:100%;max-width:100%;margin:0 0 1.35rem;padding:0;background:#ffffff;border:1px solid #ECD2CB;border-radius:14px;box-shadow:0 2px 10px rgba(112,32,18,0.06);overflow:hidden;font-size:14px;line-height:1.6;transition:transform 0.28s ease,box-shadow 0.28s ease;}.pkp_structure_sidebar .pkp_block:hover{transform:translateY(-3px);box-shadow:0 18px 34px rgba(112,32,18,0.12)}.pkp_structure_sidebar .pkp_block .title{display:block;margin:0;padding:15px 18px;background:linear-gradient(135deg,var(--c2) 0%,var(--c1) 58%,var(--c3) 100%);color:#ffffff;font-size:14px;font-weight:800;text-align:center;line-height:1.4;letter-spacing:0.2px;border:0}.pkp_structure_sidebar .pkp_block .bottom{display:none}.pkp_structure_sidebar .pkp_block .content{width:100%;padding:0;background:#ffffff}.pkp_structure_sidebar .pkp_block .content p,.pkp_structure_sidebar .pkp_block .content div,.pkp_structure_sidebar .pkp_block .content a,.pkp_structure_sidebar .pkp_block .content img{max-width:100%}.pkp_structure_sidebar .pkp_block img{display:block;max-width:100%;height:auto;margin:0.5rem auto}.pkp_structure_sidebar .pkp_block ul{list-style:none;margin:0;padding:0}.pkp_structure_sidebar .pkp_block ul>li{display:block;margin:0;padding:0;background:#ffffff;border-bottom:1px solid #ECD2CB}.pkp_structure_sidebar .pkp_block ul>li:last-child{border-bottom:0}.pkp_structure_sidebar .pkp_block ul>li a{display:flex;align-items:center;gap:12px;padding:14px 18px;color:var(--t1);background:#ffffff;line-height:1.5;transition:all 0.25s ease}.pkp_structure_sidebar .pkp_block ul>li a:hover{background:linear-gradient(90deg,#FFF7F5 0%,#FFF7F5 100%);color:var(--c1);padding-left:22px}.pkp_structure_sidebar .pkp_block ul>li em{display:inline-flex;align-items:center;justify-content:center;width:20px;min-width:20px;margin:0;font-size:14px;color:var(--c1);border-right:0}.pkp_structure_sidebar .pkp_block .content>div[style]{width:100% !important;max-width:100% !important;margin:0 !important;border:0 !important;border-radius:0 !important;box-shadow:none !important}.pkp_structure_sidebar .pkp_block .content>div[style]:first-child{background:linear-gradient(135deg,var(--c2) 0%,var(--c1) 58%,var(--c3) 100%) !important;padding:15px 18px !important;text-align:center !important;border-bottom:0 !important}.pkp_structure_sidebar .pkp_block .content>div[style]:first-child span,.pkp_structure_sidebar .pkp_block .content>div[style]:first-child strong,.pkp_structure_sidebar .pkp_block .content>div[style]:first-child em{color:#ffffff !important;font-weight:800 !important}.pkp_structure_sidebar .pkp_block .content>div[style]:not(:first-child){background:#ffffff !important;border-top:1px solid #ECD2CB !important;border-bottom:0 !important;padding:0 !important}.pkp_structure_sidebar .pkp_block .content>div[style]:not(:first-child) a{display:flex !important;align-items:center !important;gap:12px !important;width:100% !important;padding:14px 18px !important;color:var(--t1) !important;background:transparent !important;text-decoration:none !important;transition:all 0.25s ease !important}.pkp_structure_sidebar .pkp_block .content>div[style]:not(:first-child) a:hover{background:linear-gradient(90deg,#FFF7F5 0%,#FFF7F5 100%) !important;color:var(--c1) !important}.pkp_structure_sidebar .pkp_block .content>div[style]:not(:first-child) a span,.pkp_structure_sidebar .pkp_block .content>div[style]:not(:first-child) a strong,.pkp_structure_sidebar .pkp_block .content>div[style]:not(:first-child) a em{color:inherit !important}.pkp_structure_sidebar .pkp_block .content>div[style]:not(:first-child) a em{width:20px;min-width:20px;text-align:center;font-size:14px;color:var(--c1) !important}.pkp_structure_sidebar .pkp_block .content>p,.pkp_structure_sidebar .pkp_block .content>div:not([style]),.pkp_structure_sidebar .pkp_block .content>a,.pkp_structure_sidebar .pkp_block .content>section{padding-left:18px;padding-right:18px}.pkp_structure_sidebar .pkp_block .content>p:first-child,.pkp_structure_sidebar .pkp_block .content>div:not([style]):first-child,.pkp_structure_sidebar .pkp_block .content>a:first-child,.pkp_structure_sidebar .pkp_block .content>section:first-child{padding-top:16px}.pkp_structure_sidebar .pkp_block .content>p:last-child,.pkp_structure_sidebar .pkp_block .content>div:not([style]):last-child,.pkp_structure_sidebar .pkp_block .content>a:last-child,.pkp_structure_sidebar .pkp_block .content>section:last-child{padding-bottom:16px}.flagcounter,.statcounter,.googlemaps{margin:0.75rem auto;padding:0.9rem;background:linear-gradient(180deg,#FFF9F8 0%,#FFF7F5 100%);border:1px solid var(--d1);border-radius:14px}.obj_article_details div.main_entry ul.authors{width:100%;padding:20px 24px 12px 18px;background:linear-gradient(135deg,#ffffff 0%,#FFF7F5 100%);border:1px solid var(--d1);border-radius:14px;box-shadow:var(--s1)}.item.authors{font-size:14px}.item.authors .email:before{content:"\f0e0";font-family:FontAwesome;margin-right:5px;font-size:14px}.item.authors span.name:before{content:"\f007";font-family:FontAwesome;margin-right:5px;font-size:14px}.item.authors span.affiliation:before{content:"\f19c";font-family:FontAwesome;margin-right:5px}.pkp_structure_footer_wrapper{background:transparent;margin-bottom:10px}.pkp_structure_footer{margin-top:14px;background:rgba(255,255,255,0.95);border:1px solid var(--d1);border-radius:18px;box-shadow:var(--s2);overflow:hidden}.pkp_footer_content{padding:0;background:transparent}.pkp_footer_content .footer{padding:30px;background:#ffffff}.row.copright-container{padding:24px 30px;font-size:13px;text-align:justify;color:#E05A3D;border-top:1px solid var(--d1);background:linear-gradient(180deg,#FFF9F8 0%,#ffffff 100%)}.pkp_footer_content .theme-credit{width:100%;text-align:right;color:#B78E86;font-size:10px}.pkp_footer_content .theme-credit a{color:#E05A3D}.pkp_brand_footer{display:none}@media (max-width:991px){.pkp_structure_sidebar{padding:1rem 0 0}.pkp_structure_sidebar .pkp_block{margin-bottom:1rem}}@media (max-width:768px){.cmp_article_list.articles{grid-template-columns:1fr}.home_journal_description{padding:18px 16px 20px;border-radius:16px}.pkp_structure_sidebar .pkp_block{border-radius:16px}.pkp_structure_sidebar .pkp_block .title,.pkp_structure_sidebar .pkp_block .content>div[style]:first-child{padding:13px 14px !important;font-size:13px}.pkp_structure_sidebar .pkp_block ul>li a,.pkp_structure_sidebar .pkp_block .content>div[style]:not(:first-child) a{padding:12px 14px !important}.pkp_footer_content .footer,.row.copright-container{padding:20px 18px}}#customblock-sidebarmenu{background:#ffffff !important;border:1px solid #ECD2CB !important;border-radius:14px !important;overflow:hidden !important;box-shadow:0 2px 10px rgba(112,32,18,0.06) !important}#customblock-sidebarmenu>.title,#customblock-sidebarmenu .title{display:block !important;margin:0 !important;padding:16px 18px !important;background:linear-gradient(135deg,#702012 0%,#C4391D 55%,#E05A3D 100%) !important;color:#ffffff !important;text-align:center !important;font-size:15px !important;font-weight:800 !important;letter-spacing:0.3px !important;text-transform:uppercase !important;border:0 !important}#customblock-sidebarmenu .content{padding:0 !important;background:#ffffff !important}#customblock-sidebarmenu .sidebar-menu-clean,#customblock-sidebarmenu ul{list-style:none !important;margin:0 !important;padding:0 !important}#customblock-sidebarmenu .sidebar-menu-clean li,#customblock-sidebarmenu ul li{margin:0 !important;padding:0 !important;border-bottom:1px solid #ECD2CB !important;background:#ffffff !important}#customblock-sidebarmenu .sidebar-menu-clean li:last-child,#customblock-sidebarmenu ul li:last-child{border-bottom:0 !important}#customblock-sidebarmenu .sidebar-menu-clean li a,#customblock-sidebarmenu ul li a{display:flex !important;align-items:center !important;gap:14px !important;padding:14px 18px !important;color:#702012 !important;font-size:14px !important;font-weight:600 !important;line-height:1.5 !important;background:#ffffff !important;text-decoration:none !important;transition:all 0.25s ease !important}#customblock-sidebarmenu .sidebar-menu-clean li a:hover,#customblock-sidebarmenu ul li a:hover{background:linear-gradient(90deg,#FFF7F5 0%,#FBEDEA 100%) !important;color:#C4391D !important;padding-left:22px !important}#customblock-sidebarmenu .sidebar-menu-clean li a .fa,#customblock-sidebarmenu ul li a .fa,#customblock-sidebarmenu ul li a em.fa,#customblock-sidebarmenu ul li a span.fa{display:inline-flex !important;align-items:center !important;justify-content:center !important;width:22px !important;min-width:22px !important;margin:0 !important;padding:0 !important;color:#C4391D !important;font-size:14px !important;border-right:0 !important;background:none !important;box-shadow:none !important}#customblock-sidebarmenu ul li a em[style]{width:22px !important;margin:0 !important;border-right:0 !important;font:normal normal normal 14px/1 FontAwesome !important}#customblock-sidebarmenu .sidebar-promo{padding:16px !important;border-top:1px solid #ECD2CB !important;background:linear-gradient(180deg,#FFF9F8 0%,#FFF7F5 100%) !important}#customblock-sidebarmenu .sidebar-promo a{display:block !important}#customblock-sidebarmenu .sidebar-promo img{display:block !important;width:100% !important;max-width:100% !important;height:auto !important;margin:0 !important;border-radius:12px !important;border:1px solid #ECD2CB !important;box-shadow:0 8px 20px rgba(112,32,18,0.08) !important}#customblock-sidebarmenu img,.pkp_structure_sidebar .pkp_block img{visibility:visible !important;opacity:1 !important}.pkp_structure_sidebar{padding:1rem 1.5rem 1rem 1.35rem !important}.pkp_structure_sidebar .pkp_block{overflow:hidden !important}@media (max-width:768px){#customblock-sidebarmenu .title{padding:14px 14px !important;font-size:14px !important}#customblock-sidebarmenu .sidebar-menu-clean li a,#customblock-sidebarmenu ul li a{padding:12px 14px !important;font-size:13.5px !important}#customblock-sidebarmenu .sidebar-promo{padding:14px !important}}#customblock-sidebarmenu ul li a em.fa,#customblock-sidebarmenu ul li a span.fa{display:inline-flex !important;align-items:center !important;justify-content:center !important;width:22px !important;min-width:22px !important;margin:0 !important;padding:0 !important;font-size:15px !important;line-height:1 !important;color:#C4391D !important;border-right:0 !important;background:transparent !important;box-shadow:none !important;visibility:visible !important;opacity:1 !important}#customblock-sidebarmenu ul li a em[style]{margin:0 !important;width:22px !important;border-right:0 !important}#customblock-sidebarmenu ul li a{display:flex !important;align-items:center !important;gap:14px !important;padding:14px 18px !important}#customblock-sidebarmenu .content>p:last-child{margin:0 !important;padding:16px !important;border-top:1px solid #ECD2CB !important;background:linear-gradient(180deg,#FFF9F8 0%,#FFF7F5 100%) !important}#customblock-sidebarmenu .content>p:last-child a{display:block !important}#customblock-sidebarmenu .content>p:last-child img{display:block !important;width:100% !important;max-width:100% !important;height:auto !important;margin:0 !important;border-radius:12px !important;border:1px solid #ECD2CB !important;box-shadow:0 8px 20px rgba(112,32,18,0.08) !important;visibility:visible !important;opacity:1 !important}


/* =========================================================
   TARBIYA - RUNNING LOGO / INDEXING CAROUSEL
   Untuk OJS 3.4
   Ditambahkan di bagian paling bawah CSS
   Catatan: class tetap .harkat-running-logo agar sesuai HTML yang sudah dibuat
   ========================================================= */

/* Wrapper utama running logo */
.harkat-running-logo {
  width: 100% !important;
  margin: 18px 0 22px !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid #ECD2CB !important;
  border-radius: 20px !important;
  background: #ffffff !important;
  box-shadow: 0 14px 34px rgba(112,32,18,0.10) !important;
}

/* Header kecil */
.harkat-running-logo .running-logo-head {
  padding: 15px 20px !important;
  background:
    radial-gradient(circle at top left, rgba(255, 255, 255, 0.18), transparent 34%),
    linear-gradient(135deg, #702012 0%, #C4391D 58%, #E05A3D 100%) !important;
  border-bottom: 3px solid #E05A3D !important;
}

.harkat-running-logo .running-logo-label {
  margin: 0 0 4px !important;
  color: #FFD4CB !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 1.2px !important;
  text-transform: uppercase !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.harkat-running-logo .running-logo-title {
  margin: 0 !important;
  color: #ffffff !important;
  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1.3 !important;
}

/* Jendela carousel */
.harkat-running-logo .running-logo-window {
  width: 100% !important;
  overflow: hidden !important;
  padding: 16px 0 !important;
  background: linear-gradient(180deg, #ffffff 0%, #FFF7F5 100%) !important;
  white-space: nowrap !important;
}

/* Track logo */
.harkat-running-logo .running-logo-track {
  display: inline-flex !important;
  align-items: center !important;
  gap: 16px !important;
  width: max-content !important;
  animation: tarbiyaLogoScroll 36s linear infinite !important;
}

/* Pause saat mouse diarahkan */
.harkat-running-logo:hover .running-logo-track {
  animation-play-state: paused !important;
}

/* Kartu logo */
.harkat-running-logo .running-logo-track a {
  flex: 0 0 auto !important;
  width: 168px !important;
  height: 74px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 10px 14px !important;
  background: #ffffff !important;
  border: 1px solid #F0D9D4 !important;
  border-radius: 16px !important;
  text-decoration: none !important;
  box-shadow: 0 6px 16px rgba(112,32,18,0.07) !important;
  transition: all 0.25s ease !important;
}

.harkat-running-logo .running-logo-track a:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(196,57,29,0.35) !important;
  box-shadow: 0 12px 24px rgba(112,32,18,0.14) !important;
}

/* Logo */
.harkat-running-logo .running-logo-track img {
  display: block !important;
  max-width: 138px !important;
  max-height: 48px !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Animasi */
@keyframes tarbiyaLogoScroll {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-50%);
  }
}

/* Versi compact untuk sidebar */
.pkp_structure_sidebar .harkat-running-logo {
  margin: 0 0 1.15rem !important;
  border-radius: 18px !important;
}

.pkp_structure_sidebar .harkat-running-logo .running-logo-head {
  padding: 13px 16px !important;
  text-align: center !important;
}

.pkp_structure_sidebar .harkat-running-logo .running-logo-title {
  font-size: 15px !important;
}

.pkp_structure_sidebar .harkat-running-logo .running-logo-window {
  padding: 12px 0 !important;
}

.pkp_structure_sidebar .harkat-running-logo .running-logo-track {
  gap: 12px !important;
  animation-duration: 28s !important;
}

.pkp_structure_sidebar .harkat-running-logo .running-logo-track a {
  width: 135px !important;
  height: 60px !important;
  border-radius: 14px !important;
  padding: 8px 10px !important;
}

.pkp_structure_sidebar .harkat-running-logo .running-logo-track img {
  max-width: 112px !important;
  max-height: 40px !important;
}

/* Responsive */
@media (max-width: 768px) {
  .harkat-running-logo .running-logo-title {
    font-size: 15px !important;
  }

  .harkat-running-logo .running-logo-track {
    animation-duration: 28s !important;
  }

  .harkat-running-logo .running-logo-track a {
    width: 138px !important;
    height: 62px !important;
  }

  .harkat-running-logo .running-logo-track img {
    max-width: 116px !important;
    max-height: 40px !important;
  }
}

/* =========================================================
   FINAL TABLE OF CONTENT ARTICLE STYLE - OJS 3
   Letakkan di PALING BAWAH custom stylesheet
========================================================= */

.pkp_structure_main .obj_article_summary.custom_toc_article,
.obj_article_summary.custom_toc_article {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) 115px !important;
	column-gap: 18px !important;
	align-items: start !important;

	width: 100% !important;
	height: auto !important;
	min-height: 0 !important;

	margin: 0 0 16px 0 !important;
	padding: 16px 18px !important;

	background: #fafafa !important;
	border: 1px solid #e5e5e5 !important;
	border-left: 4px solid #C4391D !important;
	border-radius: 6px !important;
	box-shadow: none !important;

	box-sizing: border-box !important;
	text-align: left !important;
	font-family: Arial, Helvetica, sans-serif !important;
}

/* Reset justify global khusus pada card artikel */
.obj_article_summary.custom_toc_article,
.obj_article_summary.custom_toc_article div,
.obj_article_summary.custom_toc_article span,
.obj_article_summary.custom_toc_article a,
.obj_article_summary.custom_toc_article h2,
.obj_article_summary.custom_toc_article h3 {
	text-align: left !important;
}

/* Kolom kiri */
.obj_article_summary.custom_toc_article .custom_toc_left {
	grid-column: 1 !important;
	min-width: 0 !important;
}

/* Kolom kanan */
.obj_article_summary.custom_toc_article .custom_toc_right {
	grid-column: 2 !important;
	width: 115px !important;
	text-align: right !important;
	justify-self: end !important;
}

/* Judul artikel */
.obj_article_summary.custom_toc_article .custom_toc_title {
	margin: 0 0 10px 0 !important;
	padding: 0 !important;

	font-size: 20px !important;
	font-weight: 500 !important;
	line-height: 1.35 !important;

	text-transform: none !important;
	letter-spacing: normal !important;
}

.obj_article_summary.custom_toc_article .custom_toc_title a {
	display: inline !important;
	color: #9E2B18 !important;
	text-decoration: none !important;

	font-size: 20px !important;
	font-weight: 500 !important;
	line-height: 1.35 !important;

	text-transform: none !important;
	letter-spacing: normal !important;
}

.obj_article_summary.custom_toc_article .custom_toc_title a:hover {
	color: #702012 !important;
	text-decoration: underline !important;
}

/* Penulis */
.obj_article_summary.custom_toc_article .custom_toc_authors {
	margin: 0 0 6px 0 !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	line-height: 1.4 !important;
	color: #9E2B18 !important;
}

.obj_article_summary.custom_toc_article .custom_toc_authors i {
	margin-right: 5px !important;
	color: #222222 !important;
}

.obj_article_summary.custom_toc_article .custom_toc_author_name {
	display: inline !important;
	color: #9E2B18 !important;
}

.obj_article_summary.custom_toc_article .custom_toc_authors sup {
	font-size: 70% !important;
	vertical-align: super !important;
	line-height: 0 !important;
	color: #333333 !important;
	font-weight: 600 !important;
	margin-left: 2px !important;
}

/* Afiliasi */
.obj_article_summary.custom_toc_article .custom_toc_affiliations {
	margin: 0 0 8px 0 !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	line-height: 1.45 !important;
	color: #666666 !important;
}

.obj_article_summary.custom_toc_article .custom_toc_affiliations div {
	margin: 0 0 2px 0 !important;
}

/* DOI */
.obj_article_summary.custom_toc_article .custom_toc_doi {
	margin: 0 0 8px 0 !important;
	font-size: 13.5px !important;
	font-weight: 400 !important;
	line-height: 1.4 !important;
	color: #555555 !important;
}

.obj_article_summary.custom_toc_article .custom_toc_doi span {
	font-weight: 600 !important;
	color: #333333 !important;
}

.obj_article_summary.custom_toc_article .custom_toc_doi a {
	color: #9E2B18 !important;
	text-decoration: none !important;
}

.obj_article_summary.custom_toc_article .custom_toc_doi a:hover {
	text-decoration: underline !important;
}

/* Statistik */
.obj_article_summary.custom_toc_article .custom_toc_stats {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 10px !important;

	margin: 4px 0 0 0 !important;
	padding: 0 !important;

	font-size: 13.5px !important;
	font-weight: 400 !important;
	line-height: 1.4 !important;
	color: #666666 !important;
}

.obj_article_summary.custom_toc_article .custom_toc_stats span {
	display: inline-flex !important;
	align-items: center !important;
}

.obj_article_summary.custom_toc_article .custom_toc_stats i {
	margin-right: 4px !important;
	font-size: 15px !important;
	color: #555555 !important;
}

/* Tombol PDF */
.obj_article_summary.custom_toc_article .custom_toc_pdf {
	display: block !important;
	margin: 0 0 12px 0 !important;
	padding: 0 !important;
	text-align: right !important;
}

.obj_article_summary.custom_toc_article .custom_toc_pdf .obj_galley_link,
.obj_article_summary.custom_toc_article .custom_toc_pdf a.obj_galley_link {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;

	min-width: 78px !important;
	padding: 7px 10px !important;

	background: #702012 !important;
	border: 2px solid #E05A3D !important;
	border-radius: 5px !important;

	font-size: 14.5px !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;

	color: #ffffff !important;
	text-decoration: none !important;
	text-transform: uppercase !important;
	box-shadow: none !important;
}

.obj_article_summary.custom_toc_article .custom_toc_pdf .obj_galley_link:hover,
.obj_article_summary.custom_toc_article .custom_toc_pdf a.obj_galley_link:hover {
	background: #54170C !important;
	color: #ffffff !important;
	text-decoration: none !important;
}

/* Nomor halaman */
.obj_article_summary.custom_toc_article .custom_toc_pages {
	margin: 0 !important;
	padding: 0 !important;

	font-size: 15px !important;
	font-weight: 400 !important;
	line-height: 1.2 !important;

	color: #888888 !important;
	text-align: right !important;
}

/* Mobile */
@media screen and (max-width: 768px) {
	.pkp_structure_main .obj_article_summary.custom_toc_article,
	.obj_article_summary.custom_toc_article {
		display: block !important;
		padding: 15px !important;
	}

	.obj_article_summary.custom_toc_article .custom_toc_right {
		width: 100% !important;
		margin-top: 12px !important;
		text-align: left !important;
	}

	.obj_article_summary.custom_toc_article .custom_toc_pdf,
	.obj_article_summary.custom_toc_article .custom_toc_pages {
		text-align: left !important;
	}

	.obj_article_summary.custom_toc_article .custom_toc_title,
	.obj_article_summary.custom_toc_article .custom_toc_title a {
		font-size: 18px !important;
	}

	.obj_article_summary.custom_toc_article .custom_toc_stats {
		display: block !important;
	}

	.obj_article_summary.custom_toc_article .custom_toc_stats span {
		display: block !important;
		margin-bottom: 3px !important;
	}
}

/* =========================================================
   FIX: USERNAME / USER NAVIGATION - Selalu terlihat di header
   Berlaku saat user sedang login di OJS
========================================================= */

/* Pastikan area nav user di dalam header wrapper ikut warna putih */
.pkp_site_name_wrapper .pkp_navigation_user,
.pkp_site_name_wrapper .pkp_navigation_user > li > a,
.pkp_site_name_wrapper .pkp_navigation_user > li > button {
  color: #ffffff !important;
}

/* Nama user di header — teks putih, tebal, selalu terlihat */
.pkp_navigation_user > li > a,
.pkp_navigation_user .user > a,
.pkp_navigation_user li.profile > a,
.pkp_navigation_user .nav-item > a {
  color: #ffffff !important;
  font-weight: 700 !important;
  background: rgba(255,255,255,0.12) !important;
  border-radius: 8px !important;
  padding: 5px 12px !important;
  border: 1px solid rgba(255,255,255,0.22) !important;
  transition: background 0.2s ease, border-color 0.2s ease !important;
}

.pkp_navigation_user > li > a:hover,
.pkp_navigation_user .user > a:hover,
.pkp_navigation_user li.profile > a:hover {
  background: rgba(255,255,255,0.22) !important;
  border-color: rgba(255,255,255,0.40) !important;
  color: #ffffff !important;
}

/* Ikon user / avatar kecil di sebelah nama */
.pkp_navigation_user .fa,
.pkp_navigation_user [class*="fa-"],
.pkp_navigation_user .pkp_screen_reader + span {
  color: #ffffff !important;
}

/* Jika OJS merender user di luar pkp_site_name_wrapper (navbar putih bawah):
   pastikan warnanya gelap agar tetap terbaca */
.pkp_navigation_primary_wrapper .pkp_navigation_user > li > a {
  color: #702012 !important;
  background: rgba(112,32,18,0.07) !important;
  border-color: rgba(112,32,18,0.15) !important;
}

.pkp_navigation_primary_wrapper .pkp_navigation_user > li > a:hover {
  color: var(--c1) !important;
  background: rgba(112,32,18,0.12) !important;
}

/* Dropdown menu setelah klik nama user — tetap terbaca */
.pkp_navigation_user .pkp_dropdown_content,
.pkp_navigation_user ul.dropdown-menu {
  background: #ffffff !important;
  border: 1px solid var(--d1) !important;
  border-radius: 10px !important;
  box-shadow: 0 8px 24px rgba(112,32,18,0.12) !important;
  min-width: 170px !important;
  overflow: hidden !important;
}

.pkp_navigation_user .pkp_dropdown_content a,
.pkp_navigation_user ul.dropdown-menu li a,
.pkp_navigation_user ul.dropdown-menu li > a {
  color: #702012 !important;
  background: #ffffff !important;
  padding: 10px 18px !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  display: block !important;
  border-bottom: 1px solid #ECD2CB !important;
  transition: all 0.2s ease !important;
}

.pkp_navigation_user .pkp_dropdown_content a:hover,
.pkp_navigation_user ul.dropdown-menu li a:hover {
  background: var(--c4) !important;
  color: var(--c1) !important;
  padding-left: 22px !important;
}

.pkp_navigation_user .pkp_dropdown_content a:last-child,
.pkp_navigation_user ul.dropdown-menu li:last-child a {
  border-bottom: 0 !important;
}