/* =====================================================================
   EDUPENA — Journal Stylesheet (OJS 3.5)
   Palet sesuai logo: Oranye #FA7003 · Hijau limau #B7EF1C · Hitam · Putih
   Khusus jurnal edupena (journal_id 7). Tidak memengaruhi jurnal lain.
   Upload: (konteks edupena) Settings > Website > Appearance > Advanced > Journal style sheet
   ===================================================================== */

:root {
  --orange: #FA7003;  /* oranye - header/nav, elemen utama */
  --lime:   #B7EF1C;  /* hijau limau - aksen, garis, sorotan */
  --ink:    #1A1A1A;  /* hitam - teks utama, footer */
  --paper:  #FFFFFF;  /* putih - latar */
  --link:   #C25500;  /* oranye tua untuk tautan (lebih terbaca) */
}

/* ---------- LATAR ---------- */
body, .pkp_page_index { background: var(--paper) !important; color: var(--ink) !important; }
.pkp_structure_content { background: var(--paper) !important; }

/* ---------- HEADER + LOGO (fit selebar nav, proporsional) ---------- */
.pkp_structure_head { background: var(--paper) !important; border-bottom: 3px solid var(--lime) !important; }
.pkp_head_wrapper { padding-top: 0 !important; padding-bottom: 0 !important; }
.pkp_site_name,
.pkp_site_name a,
.pkp_site_name a.is_img {
  display: block !important; width: 100% !important; max-width: 100% !important;
  margin: 0 !important; height: auto !important; max-height: none !important;
}
.pkp_site_name img {
  display: block !important; width: 100% !important; max-width: 100% !important;
  height: auto !important; max-height: none !important; margin: 0 !important;
}

/* ---------- NAV BAR (oranye) ---------- */
.pkp_site_nav_menu { background: var(--orange) !important; border-bottom: 3px solid var(--lime) !important; }
.pkp_site_nav_menu a { color: #ffffff !important; font-weight: 500 !important; }
.pkp_site_nav_menu a:hover, .pkp_site_nav_menu a:focus { color: var(--ink) !important; }
.pkp_site_nav_menu ul { padding-left: 20px !important; margin-left: 0 !important; }
.pkp_site_nav_menu li:first-child a { padding-left: 18px !important; }

/* ---------- KONTEN: urutan + justify ---------- */
.page_index_journal { display: flex; flex-direction: column; }
.page_index_journal .additional_content { order: 1; }
.page_index_journal .homepage_about { order: 2; }
.page_index_journal .current_issue { order: 3; }
.homepage_about p, .additional_content p { text-align: justify; }

/* ---------- JUDUL BAGIAN (oranye) ---------- */
.page h1, .page h2, .page h3,
.obj_issue_summary .title,
.obj_article_summary .title a,
.current_issue h2,
.homepage_about h2 { color: var(--orange) !important; }

/* ---------- TAUTAN ---------- */
a { color: var(--link) !important; }
a:hover, a:focus { color: var(--orange) !important; }

/* ---------- TABEL INFORMASI JURNAL ---------- */
.page_index_journal .additional_content table,
.page_index_journal .additional_content table td,
.page_index_journal .additional_content table th { border-color: #eee !important; }
.page_index_journal .additional_content table th,
.page_index_journal .additional_content tr:first-child td,
.page_index_journal .additional_content tr:first-child th {
  background: var(--orange) !important; color: #ffffff !important;
}
.page_index_journal .additional_content table td { background: #ffffff !important; color: var(--ink) !important; }

/* ---------- TOMBOL / AKSI (oranye, hover hitam) ---------- */
.cmp_button,
.cmp_form .buttons button,
.obj_issue_summary .read_more,
.obj_article_summary .read_more {
  background: var(--orange) !important; border: 1px solid var(--orange) !important; color: #ffffff !important;
}
.cmp_button:hover,
.cmp_form .buttons button:hover,
.obj_issue_summary .read_more:hover,
.obj_article_summary .read_more:hover {
  background: var(--ink) !important; border-color: var(--ink) !important; color: var(--lime) !important;
}

/* ---------- SIDEBAR ---------- */
.pkp_structure_sidebar { display: flex; flex-direction: column; gap: 8px !important; padding-left: 26px !important; }
.pkp_structure_sidebar > .pkp_block { margin: 0 !important; padding: 0 !important; }
.pkp_structure_sidebar > .pkp_block .content,
.pkp_structure_sidebar > .pkp_block .block_custom,
.pkp_structure_sidebar > .pkp_block p {
  margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important;
}
.pkp_block { background: #ffffff !important; border: 1px solid #eee !important; padding: 14px !important; }
.pkp_block .title {
  background: var(--orange) !important; color: #ffffff !important;
  padding: 10px 12px !important; border-left: 4px solid var(--lime) !important; margin-bottom: 12px !important;
}
.pkp_block ul li a { color: var(--ink) !important; }
.pkp_block ul li a:hover { color: var(--orange) !important; }

/* ---------- CURRENT ISSUE ---------- */
.current_issue { background: #ffffff !important; border-top: 3px solid var(--lime) !important; padding-top: 12px !important; }

/* ---------- FOOTER (hitam) ---------- */
.pkp_structure_footer_wrapper {
  background: var(--ink) !important; padding: 16px 0 10px !important; border-top: 3px solid var(--lime) !important;
}
.pkp_structure_footer {
  background: var(--ink) !important; min-height: auto !important; padding: 0 !important;
  text-align: center !important; font-family: Arial, sans-serif !important; font-size: 12px !important; line-height: 1.45 !important;
}
.pkp_structure_footer,
.pkp_structure_footer_wrapper,
.pkp_structure_footer *,
.pkp_structure_footer_wrapper * { color: #ffffff !important; }
.pkp_structure_footer p, .pkp_structure_footer div, .pkp_structure_footer span, .pkp_structure_footer li { margin-top: 0 !important; margin-bottom: 5px !important; }
.pkp_structure_footer a { color: var(--lime) !important; text-decoration: none !important; }
.pkp_structure_footer a:hover { color: #ffffff !important; text-decoration: underline !important; }
.pkp_structure_footer hr { border: 0 !important; border-top: 1px solid rgba(183,239,28,0.4) !important; margin: 8px auto !important; width: 90% !important; }

/* ---------- SEMBUNYIKAN BRAND OJS/PKP ---------- */
.pkp_brand_footer, .cmp_brand_footer { display: none !important; }