/* ==========================================================
   CSS JIKI - Jurnal Ilmu Keperawatan Indonesia
   Versi rapi: warna teal, selaras dengan sidebar dan footer
   ========================================================== */

/* ---------- Warna utama (ubah di sini saja) ---------- */
:root {
  --warna-utama: #05b5b9;
  --warna-gelap: #00282a;
  --warna-hover: #049a9d;
  --warna-garis: #d9e2e3;
  --warna-latar: #f5f7fa;
}

/* ---------- Tata letak halaman ---------- */
.pkp_structure_page {
  margin-top: 0;
  margin-bottom: 0;
}

/* ---------- Header / logo ---------- */
.pkp_site_name_wrapper,
.pkp_navigation_primary_row {
  padding-left: 10px;
  padding-right: 10px;
}

.pkp_site_name,
.pkp_site_name > a {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.pkp_site_name .is_img img {
  display: block;
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
}

/* ---------- Daftar artikel ---------- */
.obj_article_summary {
  padding-bottom: 10px !important;
  border-bottom: 1px solid var(--warna-utama) !important;
  color: #000;
  font-size: 14px;
}

.obj_article_details .abstract {
  text-align: justify;
  font-family: Tahoma, Geneva, sans-serif;
}

/* ---------- Footer ---------- */
.pkp_structure_footer_wrapper {
  background: #fff;
  border-top: 1px solid var(--warna-garis);
}

.pkp_footer_content {
  float: none;
  clear: both;
  width: 100%;
  padding: 10px 0;
}

/* Sembunyikan logo bawaan "Platform & workflow by OJS/PKP" */
.pkp_brand_footer {
  display: none !important;
}

/* ---------- Menu #cssmenu (jika masih dipakai) ---------- */
#cssmenu {
  width: 250px;
  margin: 0;
  line-height: 1;
}

#cssmenu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#cssmenu ul li {
  position: relative;
  margin: 0;
  padding: 0;
}

#cssmenu ul li a {
  display: block;
  text-decoration: none;
  cursor: pointer;
  transition: background 0.25s ease, color 0.25s ease;
}

/* Menu utama */
#cssmenu > ul > li > a {
  padding: 16px 20px;
  background: var(--warna-utama);
  border-bottom: 1px solid rgba(255, 255, 255, 0.35);
  color: var(--warna-gelap);
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
}

#cssmenu > ul > li:first-child > a {
  border-radius: 6px 6px 0 0;
}

#cssmenu > ul > li:last-child > a {
  border-bottom: 0;
  border-radius: 0 0 6px 6px;
}

#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.open > a,
#cssmenu > ul > li.active > a {
  background: var(--warna-hover);
  color: #fff;
}

/* Panah untuk menu yang punya submenu */
#cssmenu ul > li.has-sub::after {
  content: "";
  position: absolute;
  top: 22px;
  right: 20px;
  border: 6px solid transparent;
  border-top-color: var(--warna-gelap);
  pointer-events: none;
}

#cssmenu ul > li.has-sub:hover::after,
#cssmenu ul > li.has-sub.open::after {
  border-top-color: #fff;
}

/* Submenu */
#cssmenu ul ul {
  display: none;
}

#cssmenu ul ul li {
  border-right: 1px solid var(--warna-garis);
  border-left: 1px solid var(--warna-garis);
}

#cssmenu ul ul li a {
  padding: 12px 20px;
  background: var(--warna-latar);
  border-bottom: 1px solid var(--warna-garis);
  color: #444;
  font-size: 14px;
}

#cssmenu ul ul li:hover > a,
#cssmenu ul ul li.open > a,
#cssmenu ul ul li.active > a {
  background: #e6eeee;
  color: var(--warna-gelap);
}

#cssmenu ul ul ul li {
  border: 0;
}

#cssmenu ul ul ul li a {
  padding-left: 30px;
}

/* ---------- Tabel menu .hoverTable (jika masih dipakai) ---------- */
.hoverTable {
  width: 100%;
  border-collapse: collapse;
}

.hoverTable th {
  height: 30px;
  background: #fff;
  color: var(--warna-gelap);
}

.hoverTable td {
  height: 30px;
  padding-top: 3px;
  border-bottom: 1px solid #fff;
  text-align: center;
  vertical-align: middle;
}

.hoverTable td a {
  display: block;
  width: 100%;
}

.hoverTable tr {
  background: var(--warna-utama);
  color: var(--warna-gelap);
}

.hoverTable tr:hover {
  background: var(--warna-hover);
}

.hoverTable a {
  color: var(--warna-gelap);
}

.hoverTable a:hover {
  color: #fff;
}