/* =========================================================
   TEMA KUSTOM OJS 3.4: SUMATERA INFORMATICS JOURNAL (SIJ)
   Berbasis: Manuscript (Default child theme)
   ========================================================= */

/* 1. VARIABEL WARNA (Ubah kode warna (#) di sini sesuai selera) */
:root {
  --sij-primary: #004b87; /* Biru gelap utama (warna brand jurnal) */
  --sij-secondary: #0073cc; /* Biru terang untuk efek saat kursor diarahkan (hover) */
  --sij-bg-light: #f4f7f6; /* Warna latar belakang halaman (abu-abu kebiruan terang) */
  --sij-text-main: #333333; /* Warna teks bacaan (hitam lembut agar tidak sakit di mata) */
  --sij-border: #e1e4e8; /* Warna garis abu-abu tipis */
  
  /* Manuscript menggunakan font Serif untuk judul. Kita pertahankan kesan akademisnya */
  --font-heading: 'Noto Serif', 'Merriweather', serif; 
  --font-body: 'Lato', 'Segoe UI', sans-serif;
}

/* 2. PENGATURAN UMUM HALAMAN */
body {
  background-color: var(--sij-bg-light);
  color: var(--sij-text-main);
  font-family: var(--font-body);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  color: var(--sij-primary);
}

a {
  color: var(--sij-secondary);
  text-decoration: none;
  transition: all 0.3s ease; /* Memberikan efek animasi transisi halus */
}

a:hover {
  color: var(--sij-primary);
  text-decoration: underline;
}

/* 3. HEADER & MENU NAVIGASI UTAMA */
.pkp_structure_head {
  background-color: #ffffff;
  border-bottom: 4px solid var(--sij-primary); /* Garis tebal di bawah header */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); /* Efek melayang */
}

.pkp_navigation_primary > li > a {
  color: var(--sij-text-main);
  font-weight: 600;
  text-transform: uppercase; /* Membuat teks menu menjadi huruf kapital semua */
  letter-spacing: 0.5px;
  padding-bottom: 10px;
}

.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus {
  color: var(--sij-primary);
  border-bottom: 2px solid var(--sij-primary); /* Garis bawah saat menu disorot */
  text-decoration: none;
}

/* 4. TOMBOL-TOMBOL OJS */
.pkp_button, .cmp_button {
  background-color: var(--sij-primary);
  color: #ffffff;
  border: none;
  border-radius: 6px; /* Sudut tombol membulat */
  padding: 10px 24px;
  font-weight: 600;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}

.pkp_button:hover, .cmp_button:hover {
  background-color: var(--sij-secondary);
  color: #ffffff;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  transform: translateY(-1px); /* Tombol sedikit naik saat disorot */
}

/* 5. TAMPILAN ARTIKEL (Gaya Kartu / Card) */
.obj_article_summary {
  background-color: #ffffff;
  border: 1px solid var(--sij-border);
  border-radius: 8px;
  padding: 24px;
  margin-bottom: 24px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
  transition: all 0.3s ease;
}

.obj_article_summary:hover {
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08); /* Bayangan membesar saat disorot */
  border-color: var(--sij-secondary);
}

.obj_article_summary .title a {
  color: var(--sij-primary);
  font-size: 1.3rem;
  font-family: var(--font-heading);
  font-weight: bold;
}

/* 6. SIDEBAR (Widget di sebelah kanan/kiri) */
.pkp_block {
  background-color: #ffffff;
  border: 1px solid var(--sij-border);
  border-top: 4px solid var(--sij-secondary); /* Aksen garis atas pada sidebar */
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 24px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
}

.pkp_block .title {
  font-size: 1.15rem;
  color: var(--sij-primary);
  margin-bottom: 15px;
  border-bottom: 1px solid var(--sij-border);
  padding-bottom: 8px;
  font-family: var(--font-heading);
}

/* 7. FOOTER (Bagian paling bawah halaman) */
.pkp_structure_footer {
  background-color: var(--sij-primary); /* Latar belakang gelap */
  color: #ffffff;
  padding: 50px 0;
  margin-top: 60px;
}

.pkp_structure_footer h1, 
.pkp_structure_footer h2, 
.pkp_structure_footer h3 {
  color: #ffffff;
}

.pkp_structure_footer a {
  color: #99cfff; /* Warna biru pucat agar terbaca di atas warna gelap */
}

.pkp_structure_footer a:hover {
  color: #ffffff;
  text-decoration: underline;
}

/* --- Pengaturan Layout Footer SIJ --- */

.sij-footer-wrapper {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

.sij-footer-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 40px; /* Jarak antar kolom */
  margin-bottom: 40px;
}

.sij-footer-col h3 {
  font-size: 1.2rem;
  margin-bottom: 20px;
  border-bottom: 2px solid #0073cc; /* Garis aksen biru terang di bawah judul kolom */
  padding-bottom: 10px;
  display: inline-block;
}

.sij-footer-col p, 
.sij-footer-col ul {
  font-size: 0.95rem;
  line-height: 1.6;
  opacity: 0.9; /* Membuat teks sedikit transparan agar elegan */
}

.sij-footer-col ul {
  list-style-type: square;
  padding-left: 20px;
}

.sij-footer-col ul li {
  margin-bottom: 8px;
}

.sij-footer-bottom {
  text-align: center;
  border-top: 1px solid rgba(255, 255, 255, 0.2); /* Garis batas transparan di atas copyright */
  padding-top: 20px;
  font-size: 0.9rem;
  opacity: 0.8;
}

.sij-footer-bottom p {
  margin: 5px 0;
}