/* =========================================================
   JIKA – Custom CSS (OJS 3.4, tema Novelty) — style.css
   Basis: jika.css (versi perbaikan)
   Header: Alternatif C · Pola titik halus
   ========================================================= */

/* Bobot 300 & 600 agar teks tidak terlalu tipis dan bold tidak "palsu" */
@import url('https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&family=Poppins:wght@300;400;500;600&display=swap');

body {
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: 300;
  color: #222222;
  line-height: 1.6;
}

.article-summary .authors,
.article-summary .page,
.article-summary .article_statistic,
.article-summary .page_number {
  color: rgb(78, 34, 9);
  font-size: 12px;
}

/* =========================================================
   HEADER — Alternatif C · Pola titik halus
   ========================================================= */

/* Latar putih → hijau pucat dengan pola titik halus (murni CSS, tanpa gambar) */
#headerNavigationContainer > .container:not(.main_menu) {
  background:
    radial-gradient(circle, #b9d48a 1.3px, transparent 1.7px) 0 0 / 14px 14px,
    linear-gradient(90deg, #ffffff 0%, #ffffff 30%, #eef4e2 100%) !important;
  border-bottom: 4px solid #5c6f37;
  padding: 18px 20px 16px;
}

/* Bingkai putih tipis di sekeliling logo agar logo tidak "bertabrakan" dengan pola titik */
#headerNavigationContainer .journal_logo img {
  box-shadow: 0 0 0 10px #ffffff;
  background: #ffffff;
}

/* ---------- Bar pengguna (Daftar / Login / akun) ---------- */
ul#navigationUser {
  float: right !important;          /* menimpa .pull-right { float:left !important } */
  text-align: right;
  margin-right: 15px;
}

ul#navigationUser > li {
  float: left;
  margin-left: 6px;
}

/* Semua tautan berupa pil putih bertepi hijau, agar terbaca di atas pola titik */
ul#navigationUser li a,
.page-header a.btn.btn-default.btn-xs {
  color: #3d4923 !important;
  background-color: #ffffff !important;
  border: 1px solid #a4c46a;
  border-radius: 20px;
  padding: 7px 16px;
  font-weight: 500;
}

/* Tombol Login utama (sistem submission baru) ditonjolkan: pil hijau tua */
ul#navigationUser li a[href^="https://submission3-journal.ipb.ac.id"][href$="/login"] {
  color: #ffffff !important;
  background-color: #3d4923 !important;
  border-color: #3d4923;
}

ul#navigationUser li a:hover,
ul#navigationUser li a:focus {
  color: #ffffff !important;
  background-color: #3d4923 !important;
  border-color: #3d4923;
}

/* Badge angka notifikasi di samping nama akun */
ul#navigationUser .task_count {
  background-color: #3d4923;
  color: #ffffff;
}

/* ---------- ISSN ---------- */
div.issn {
  clear: both;
  text-align: right;
  margin-right: 15px;
  padding-top: 10px;
}

div.issn a,
div.issn span {
  display: inline-block;
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0.4px;
  color: #3d4923 !important;
  background-color: #ffffff;
  padding: 2px 8px;
}

div.issn a span {
  padding: 0;                       /* span di dalam tautan tidak diberi padding ganda */
}

/* ---------- Menu utama ---------- */
#headerNavigationContainer .container.main_menu {
  background: #5c6f37 !important;
  padding-top: 0;
}

#main-navigation > li > a {
  color: #ffffff !important;
  transition: background 0.2s;
}

#main-navigation > li > a:hover,
#main-navigation > li > a:focus,
#main-navigation > li.active > a {
  background: #3d4923 !important;
  color: #ffffff !important;
}

/* Tombol "Cari" di menu */
#headerNavigationContainer .main_menu .navbar-form .btn {
  background: #ffffff;
  color: #3d4923;
  border-color: #ffffff;
  font-weight: 600;
}

/* =========================================================
   TATA LETAK UMUM
   ========================================================= */
.container {
  width: 100%;                     /* mencegah halaman melebar & muncul scroll horizontal */
  max-width: 1260px;
  margin: 0 auto;
  background-color: #ffffff;
  padding-top: 15px;
}

.mr-4, .mx-4 {
  margin-right: -0.5rem !important;
}

.navbar-brand-logo img {
  max-height: 100%;
  width: auto;
}

h2, .h2 {
  font-size: 20px;
}

/* ---------- Navigasi ---------- */
.navbar-default .navbar-collapse {
  padding: 0;
  font-size: 1em;
}

.navbar-nav > li > a {
  padding: 15px 18px;
}

.menu_item {
  font-size: 14px;
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #3d4923;
  border-color: #3d4923;
}

/* Dropdown */
.dropdown-menu {
  background-color: #5c6f37;
  border-bottom-color: #5c6f37;
}

.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #f5f5f5;
  white-space: nowrap;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background-color: #3d4923 !important;
  color: #ffffff;
}

/* ---------- Sidebar block ---------- */
.pkp_block h2.title,
.pkp_block .content span.title,
.pkp_block span.title {
  display: block;
  font-size: 1em;
  margin-bottom: 0;
  color: #ffffff;
}

.pkp_block.archive_by_year > span.title {
  font-size: 1em;
}

#customblock-SidebarMenu p.menu_item {
  font-size: 14px;
}

.pkp_block h4 {
  padding-left: 14px;
}

.panel-default > .panel-heading,
.pkp_block .title {
  background-color: #5c6f37;
  border-color: #f5f5f5;
  color: #fff;
}

/* ---------- Paragraf ---------- */
p {
  margin: 0 0 10px;
}

/* ---------- Footer ---------- */
footer h4 {
  color: black;
}

footer.container {
  background: #c6df9b;
  color: #000000;
}

/* ---------- Google Scholar widget ---------- */
th.gsc_rsb_sth {
  text-align: center !important;
  font-size: 0.6em;
  padding: 1em 0;
}

/* ---------- Statistik artikel ---------- */
.pkp_page_article .article_sidebar_stat {
  margin-bottom: -4px;
  padding: 0 10px;
  font-size: 0.8em;
}

/* ---------- Catatan ---------- */
/* Aturan ini membalik semua .pull-right menjadi rata kiri. Dipertahankan sesuai
   aslinya — hapus jika tidak disengaja (override bar pengguna di atas tetap aman). */
.pull-right {
  float: left !important;
}