/* =========================================================
   Pratama Didaktika: Jurnal Pendidikan Dasar
   Custom style sheet untuk OJS 3.3 - Default Theme
   Unggah di: Settings > Website > Appearance > Journal style sheet
   Ganti warna di bawah bila warna identitas jurnal berbeda.
   ========================================================= */

:root {
  --pd-primary: #1F3A5F;   /* biru tua: header, judul blok */
  --pd-accent:  #E3A21A;   /* kuning emas: tombol & garis aksen */
  --pd-soft:    #F3F6FA;   /* latar lembut blok sidebar */
  --pd-text:    #1E2430;
  --pd-muted:   #5B6475;
}

body { color: var(--pd-text); }

/* ---------- Header ---------- */
.pkp_structure_head {
  background: var(--pd-primary);
  border-bottom: 4px solid var(--pd-accent);
}
.pkp_site_name .is_img img { max-height: 120px; width: auto; }
.pkp_site_name .is_text { color: #fff; font-weight: 700; }

/* Menu utama */
.pkp_navigation_primary_row { background: rgba(0, 0, 0, 0.18); }
.pkp_navigation_primary > li > a {
  color: #fff;
  font-weight: 600;
  letter-spacing: 0.2px;
}
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus {
  color: var(--pd-accent);
  border-color: var(--pd-accent);
}
/* Submenu di layar lebar (dropdown berlatar putih): tulisan gelap */
@media (min-width: 992px) {
  .pkp_navigation_primary ul a { color: var(--pd-text); }
}

/* ---------- Sidebar ---------- */
.pkp_structure_sidebar .pkp_block {
  background: var(--pd-soft);
  border: 1px solid #DCE3EC;
  border-radius: 8px;
  padding: 0 0 12px 0;
  margin: 0 0 18px 0;
  overflow: hidden;
}
.pkp_structure_sidebar .pkp_block .title:not(.pkp_screen_reader) {
  display: block;
  background: var(--pd-primary);
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 10px 14px;
  margin: 0 0 10px 0;
}
.pkp_structure_sidebar .pkp_block .content { padding: 0 14px; }
/* Judul yang ditulis di dalam isi blok buatan sendiri (Custom Block).
   Editor OJS sering membungkusnya dengan <p>, jadi paragrafnya dinolkan. */
.pkp_structure_sidebar .pkp_block .content .title {
  margin: 0 -14px 10px -14px;
}
.pkp_structure_sidebar .pkp_block .content p:has(> .title) { margin: 0; }
/* Blok tanpa judul (tombol Submit) tidak perlu kotak */
.pkp_structure_sidebar .block_custom:has(.pd-btn-only) {
  background: none;
  border: 0;
  padding: 0;
}
.pkp_structure_sidebar .block_custom:has(.pd-btn-only) .content { padding: 0; }

/* Daftar tautan kebijakan */
.pd-policies ul { list-style: none; margin: 0; padding: 0; }
.pd-policies li { border-bottom: 1px solid #DCE3EC; }
.pd-policies li:last-child { border-bottom: 0; }
.pd-policies a {
  display: block;
  padding: 8px 4px;
  color: var(--pd-primary);
  text-decoration: none;
  font-size: 14px;
}
.pd-policies a:hover { color: var(--pd-accent); padding-left: 8px; transition: padding 0.15s; }

/* Tombol (Submit, Template) */
.pd-btn {
  display: block;
  text-align: center;
  background: var(--pd-accent);
  color: var(--pd-primary) !important;
  font-weight: 700;
  padding: 12px 14px;
  border-radius: 6px;
  text-decoration: none;
}
.pd-btn:hover { background: var(--pd-primary); color: #fff !important; }
.pd-btn + .pd-btn { margin-top: 8px; }

/* Logo indeks */
.pd-logos { display: flex; flex-wrap: wrap; gap: 8px; }
.pd-logos img { max-width: 100%; height: auto; background: #fff; border-radius: 4px; }

/* ---------- Beranda & daftar artikel ---------- */
.pkp_page_index .homepage_image img { border-radius: 8px; }
.obj_article_summary {
  border-left: 3px solid var(--pd-accent);
  padding-left: 12px;
  margin-bottom: 18px;
}
.obj_article_summary .title a { color: var(--pd-primary); font-weight: 600; }
.obj_article_summary .meta { color: var(--pd-muted); }
.obj_galley_link {
  border-color: var(--pd-primary);
  color: var(--pd-primary);
  border-radius: 4px;
}
.obj_galley_link:hover { background: var(--pd-primary); color: #fff; }

/* Tabel informasi jurnal di halaman About/beranda */
.pd-info { width: 100%; border-collapse: collapse; font-size: 14px; }
.pd-info th, .pd-info td { border: 1px solid #DCE3EC; padding: 6px 10px; text-align: left; }
.pd-info th { background: var(--pd-soft); width: 35%; }

/* ---------- Footer ---------- */
.pkp_structure_footer_wrapper { background: var(--pd-primary); color: #E8EDF4; }
.pkp_structure_footer_wrapper a { color: var(--pd-accent); }
.pkp_footer_content { padding: 24px 0; font-size: 14px; line-height: 1.6; }
.pkp_brand_footer { background: rgba(0, 0, 0, 0.2); }

/* ---------- Ponsel & tablet (di bawah 992px, saat menu jadi tombol garis tiga) ---------- */
@media (max-width: 991px) {
  /* Header ikut setinggi logo, logo tidak lagi menggantung keluar */
  .pkp_site_name_wrapper { height: auto !important; min-height: 50px; }
  .pkp_site_name { position: relative !important; top: auto !important; padding-top: 6px; padding-bottom: 6px; }
  .pkp_site_name .is_img img {
    max-height: 46px !important;
    width: auto;
    max-width: calc(100vw - 80px);
  }

  /* Menu HP: semua tulisan terang di atas latar biru tua */
  .pkp_navigation_primary_row { background: transparent; }
  .pkp_navigation_primary ul a,
  .pkp_navigation_primary > li > ul a {
    color: #DCE5F0 !important;
    font-weight: 400;
    padding-left: 18px;
  }
  .pkp_navigation_primary ul a:hover,
  .pkp_navigation_primary ul a:focus { color: var(--pd-accent) !important; }
  .pkp_navigation_primary > li > a { padding-top: 6px; padding-bottom: 6px; }

  .pkp_structure_sidebar .pkp_block { margin: 0 0 14px 0; }
}