/*
 * STYLE SHEET KUSTOM: TANWIRIA: Jurnal Inovasi Pendidikan dan Pembelajaran
 * Warna Utama (Navy): #0B2239
 * Warna Aksen (Gold): #C59B27
 */

/* ========================================================================
   1. Variabel Warna Global (Tujuan Pemeliharaan Mudah)
   ======================================================================== */
:root {
  --tanwiria-navy: #0B2239;
  --tanwiria-gold: #C59B27;
  --tanwiria-white: #ffffff;
  --tanwiria-text-base: #333333;
}

/* ========================================================================
   2. Elemen Teks dan Tautan Global (Global Text & Links)
   ======================================================================== */
body {
  color: var(--tanwiria-text-base);
}

/* Menetapkan warna link secara global */
a {
  color: var(--tanwiria-navy); /* Biru Navy untuk semua link default */
}

/* Menetapkan efek HOVER link secara global */
a:hover, a:focus {
  color: var(--tanwiria-gold) !important; /* Emas saat kursor diarahkan */
}

/* ========================================================================
   3. Header dan Menu Navigasi OJS (Header & Navigation)
   ======================================================================== */
/* Pastikan warna link di menu utama tetap terlihat di atas header navy */
.pkp_structure_head .pkp_navigation_user > li > a,
.pkp_navigation_primary > li > a {
  color: var(--tanwiria-white) !important; /* Putih */
}

/* Warna link menu saat kursor diarahkan (hover) */
.pkp_structure_head .pkp_navigation_user > li > a:hover,
.pkp_navigation_primary > li > a:hover {
  color: var(--tanwiria-gold) !important; /* Emas */
}

/* Menandai menu navigasi yang sedang aktif dengan border bawah emas */
.pkp_navigation_primary > li > a::after {
  background-color: var(--tanwiria-gold);
}

/* ========================================================================
   4. Tombol Default OJS (Buttons)
   ======================================================================== */
/* Menyetel warna tombol utama agar serasi */
.pkp_form button[type="submit"],
.pkp_button,
.pkp_button[type="submit"] {
  background-color: var(--tanwiria-navy) !important; /* Background Navy */
  color: var(--tanwiria-white) !important;
  border-color: var(--tanwiria-navy) !important;
}

/* Efek HOVER tombol utama agar serasi */
.pkp_form button[type="submit"]:hover,
.pkp_button:hover,
.pkp_button[type="submit"]:hover {
  background-color: var(--tanwiria-gold) !important; /* Background Emas */
  border-color: var(--tanwiria-gold) !important;
  color: var(--tanwiria-white) !important;
}

/* ========================================================================
   5. Blok Sidebar (Sidebar Elements)
   ======================================================================== */
/* Mengubah judul default block OJS di sidebar menjadi Navy */
.pkp_structure_sidebar .block_title {
  color: var(--tanwiria-navy);
}

/* Menyesuaikan link standar OJS di sidebar */
.pkp_structure_sidebar a {
  color: var(--tanwiria-navy);
}

/* Menyesuaikan HOVER link standar OJS di sidebar */
.pkp_structure_sidebar a:hover {
  color: var(--tanwiria-gold) !important;
}

/* ========================================================================
   6. Footer Jurnal (Footer Styling)
   ======================================================================== */
/* Memastikan link di footer yang kita buat di CSS sebelumnya diatur warna hovernya */
#pageFooter a {
  color: var(--tanwiria-navy) !important;
}

#pageFooter a:hover {
  color: var(--tanwiria-gold) !important;
}