/* =====================================================================
   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; }


/* ---------- THUMBNAIL JURNAL (beranda, di dalam Isi Tambahan) ---------- */
.page_index_journal .additional_content .journal-thumbnail {
  display: block;
  max-width: 480px;
  width: 100%;
  height: auto;
  margin: 0 0 14px 0;
  border: 1px solid #eee;
  border-radius: 4px;
}
.page_index_journal .additional_content table { margin-bottom: 14px; }
.page_index_journal .additional_content::after { content: ""; display: table; clear: both; }


/* =====================================================================
   TAMBAHAN: tampilan setara Piweling & Laras (palet EduPena)
   ===================================================================== */
:root {
  --sky:      #A0D8F0;  /* biru muda khas sampul EduPena */
  --sky-dark: #8CCDEA;  /* biru muda saat hover */
  --sky-line: #7FC4E4;  /* garis pemisah biru */
  --sky-soft: #F2F9FD;  /* latar baris selang-seling */
}

/* ---------- TABEL INFORMASI JURNAL (header oranye, label hitam) ---------- */
.page_index_journal .additional_content .edupena-journal-info {
  box-shadow: 0 1px 4px rgba(26, 26, 26, 0.10);
}
.page_index_journal .additional_content .edupena-journal-info table {
  margin-bottom: 0 !important;
}
.page_index_journal .additional_content .edupena-journal-info td:first-child,
.page_index_journal .additional_content .edupena-journal-info tr:first-child td:first-child {
  background: var(--sky) !important;
  color: var(--ink) !important;
  border-color: var(--sky-line) !important;
}
.page_index_journal .additional_content .edupena-journal-info td + td,
.page_index_journal .additional_content .edupena-journal-info tr:first-child td + td {
  background: #ffffff !important;
  color: var(--ink) !important;
}
.page_index_journal .additional_content .edupena-journal-info tr:nth-child(even) td + td {
  background: var(--sky-soft) !important;
}

/* ---------- SAMPUL + DESKRIPSI JURNAL ---------- */
.page_index_journal .additional_content .edupena-about::after {
  content: "";
  display: table;
  clear: both;
}
.page_index_journal .additional_content .edupena-cover {
  float: left;
  width: 170px;
  height: auto;
  margin: 4px 22px 12px 0;
}
.page_index_journal .additional_content .edupena-about p {
  margin-top: 0;
  line-height: 1.7;
}

/* ---------- MENU JURNAL (sidebar) ---------- */
.pkp_structure_sidebar #customblock-menu-jurnal {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}
.pkp_structure_sidebar #customblock-menu-jurnal .edupena-menu a {
  transition: background 0.15s, padding-left 0.15s;
}
.pkp_structure_sidebar #customblock-menu-jurnal .edupena-menu a:hover,
.pkp_structure_sidebar #customblock-menu-jurnal .edupena-menu a:focus {
  background: var(--sky-dark);
  padding-left: 16px !important;
}

/* ---------- DROPDOWN MENU NAVIGASI (Tentang Kami) ---------- */
.pkp_site_nav_menu .dropdown-menu,
.pkp_navigation_primary ul ul {
  background: var(--sky) !important;
  border: 1px solid var(--sky-line) !important;
  border-top: 3px solid var(--orange) !important;
  border-radius: 0 0 4px 4px !important;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.25) !important;
  padding: 4px 0 !important;
  margin-left: 0 !important;
}
.pkp_site_nav_menu .dropdown-menu li a,
.pkp_navigation_primary ul ul li a {
  display: block !important;
  color: var(--ink) !important;
  padding: 8px 18px !important;
  border-left: 3px solid transparent !important;
}
.pkp_site_nav_menu .dropdown-menu li + li a,
.pkp_navigation_primary ul ul li + li a {
  border-top: 1px solid var(--sky-line) !important;
}
.pkp_site_nav_menu .dropdown-menu li a:hover,
.pkp_site_nav_menu .dropdown-menu li a:focus,
.pkp_navigation_primary ul ul li a:hover,
.pkp_navigation_primary ul ul li a:focus {
  background: var(--orange) !important;
  color: #ffffff !important;
  border-left-color: var(--ink) !important;
}

/* Tombol "Tentang Kami" saat dropdown terbuka: teks tetap terlihat */
.pkp_navigation_primary > li > a:focus,
.pkp_navigation_primary > li > a[aria-expanded="true"] {
  color: #ffffff !important;
  background: rgba(26, 26, 26, 0.25) !important;
}

/* ---------- FOOTER (biru muda, menggantikan hitam) ---------- */
.pkp_structure_footer_wrapper,
.pkp_structure_footer {
  background: var(--sky) !important;
}
.pkp_structure_footer_wrapper {
  border-top: 3px solid var(--orange) !important;
}
.pkp_structure_footer,
.pkp_structure_footer_wrapper,
.pkp_structure_footer *,
.pkp_structure_footer_wrapper * {
  color: var(--ink) !important;
}
.pkp_structure_footer a {
  color: #8A3A00 !important;
  text-decoration: underline !important;
}
.pkp_structure_footer a:hover {
  color: var(--ink) !important;
}
.pkp_structure_footer hr {
  border-top: 1px solid var(--sky-line) !important;
}

/* =====================================================================
   TAMPILAN HANDPHONE / TABLET (di bawah 992px) — desktop tidak berubah
   ===================================================================== */
@media (max-width: 991.98px) {

  /* Header: pita oranye untuk tombol menu, logo tidak tertimpa */
  .pkp_head_wrapper {
    position: relative;
    padding-top: 44px !important;
  }
  .pkp_head_wrapper::before {
    content: "";
    position: absolute;
    display: block !important;
    top: 0; left: 0; right: 0;
    width: 100% !important;
    height: 44px;
    background: var(--orange);
    border-bottom: 2px solid var(--lime);
  }
  .pkp_site_nav_toggle {
    position: absolute !important;
    top: 2px !important;
    left: 6px !important;
    z-index: 3;
    width: 40px !important;
    height: 40px !important;
    background: transparent !important;
  }
  .pkp_site_name_wrapper {
    position: static !important;
    height: auto !important;
    padding: 8px 10px !important;
  }
  .pkp_site_name {
    position: static !important;
    top: auto !important;
    width: 100% !important;
  }

  /* Menu hamburger: rata kiri, mudah disentuh */
  .pkp_site_nav_menu {
    top: 44px !important;
    padding: 0 !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
  }
  .pkp_site_nav_menu ul {
    padding-left: 0 !important;
  }
  .pkp_site_nav_menu li:first-child a {
    padding-left: 18px !important;
  }
  .pkp_site_nav_menu a {
    display: block !important;
    padding: 11px 18px !important;
    font-size: 15px !important;
  }
  .pkp_navigation_primary > li > a {
    border-bottom: 1px solid rgba(255, 255, 255, 0.25) !important;
  }
  .pkp_site_nav_menu .pkp_navigation_primary li ul {
    position: static !important;
    float: none !important;
    margin: 0 0 6px 18px !important;
    padding: 0 !important;
    border: 0 !important;
    border-left: 3px solid var(--lime) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
  }
  .pkp_site_nav_menu .pkp_navigation_primary li ul li a {
    padding: 9px 14px !important;
    font-size: 14px !important;
    border-top: 0 !important;
  }
  .pkp_navigation_search_wrapper,
  .pkp_navigation_user_wrapper {
    border-top: 1px solid rgba(255, 255, 255, 0.25) !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* Konten: sampul di atas, teks rata kiri */
  .pkp_structure_main {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .page_index_journal .additional_content .edupena-cover {
    float: none;
    display: block;
    width: 150px;
    margin: 0 auto 16px;
  }
  .homepage_about p,
  .additional_content p,
  .page p {
    text-align: left !important;
    line-height: 1.65;
  }

  /* Tabel Informasi Jurnal: rapi dan mudah dibaca */
  .page_index_journal .additional_content .edupena-journal-info {
    font-size: 15px !important;
  }
  .page_index_journal .additional_content .edupena-journal-info > div {
    padding: 12px 14px !important;
    font-size: 15px !important;
    letter-spacing: 1px !important;
    text-align: center !important;
  }
  .page_index_journal .additional_content .edupena-journal-info table {
    width: 100% !important;
    table-layout: fixed;
  }
  .page_index_journal .additional_content .edupena-journal-info td {
    line-height: 1.5 !important;
    overflow-wrap: anywhere;
    vertical-align: middle !important;
  }
  .page_index_journal .additional_content .edupena-journal-info td:first-child {
    width: 38% !important;
    padding: 10px 10px 10px 14px !important;
  }
  .page_index_journal .additional_content .edupena-journal-info td + td {
    padding: 10px 12px !important;
  }
  .pkp_structure_main img,
  .pkp_structure_sidebar img {
    max-width: 100% !important;
    height: auto !important;
  }
  .page h1,
  .page_title {
    font-size: 1.5rem !important;
    line-height: 1.3 !important;
  }

  /* Sidebar: tidak bergeser ke kanan, jarak lega */
  .pkp_structure_sidebar {
    padding: 0 16px 24px !important;
    gap: 16px !important;
  }
}