/* ==========================================================================
   TANWIRIA: Jurnal Inovasi Pendidikan dan Pembelajaran
   Custom OJS 3 CSS Theme - Revisi Header Putih & Dropdown
   Palette: Academic Deep Blue (#0F2C59), Gold (#C5A880), Soft Background (#F8F9FA)
   ========================================================================== */

/* 1. VARIABEL WARNA UTAMA */
:root {
  --tanwiria-blue-primary: #0F2C59;
  --tanwiria-blue-dark: #071731;
  --tanwiria-gold-accent: #C5A880;
  --tanwiria-bg-light: #F8F9FA;
  --tanwiria-text-main: #2D3748;
  --tanwiria-white: #FFFFFF;
}

/* 2. UMUM & TIPOGRAFI */
body {
  font-family: 'Noto Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: var(--tanwiria-text-main);
  background-color: var(--tanwiria-bg-light);
}

a {
  color: var(--tanwiria-blue-primary);
  text-decoration: none;
  transition: color 0.2s ease-in-out;
}

a:hover, a:focus {
  color: var(--tanwiria-gold-accent);
}

h1, h2, h3, h4, h5, h6, .page_title {
  color: var(--tanwiria-blue-primary);
  font-weight: 700;
}

/* 3. HEADER & LOGO AREA (Fokus Background Putih) */
.pkp_structure_head,
.pkp_site_header {
  background-color: var(--tanwiria-white) !important;
  border-bottom: 3px solid var(--tanwiria-gold-accent);
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.pkp_site_name_wrapper {
  background-color: var(--tanwiria-white) !important;
  padding: 10px 0; /* Memberikan ruang agar logo header tidak terlalu mepet */
}

/* Memastikan background user navigation di atas juga menyesuaikan */
.pkp_navigation_user_wrapper {
  background-color: var(--tanwiria-white) !important;
}

.pkp_navigation_user a {
  color: var(--tanwiria-blue-primary) !important;
}

/* 4. NAVIGASI UTAMA (Menu Bar) */
.pkp_navigation_primary_wrapper {
  background-color: var(--tanwiria-blue-primary);
}

.pkp_navigation_primary > ul > li > a {
  color: var(--tanwiria-white) !important;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 0.85rem;
  letter-spacing: 0.5px;
}

.pkp_navigation_primary > ul > li > a:hover,
.pkp_navigation_primary > ul > li:focus > a {
  background-color: var(--tanwiria-blue-dark) !important;
  color: var(--tanwiria-gold-accent) !important;
}

/* 5. PERBAIKAN DROPDOWN MENU */
.pkp_navigation_primary ul ul {
  background-color: var(--tanwiria-white) !important;
  border: 1px solid #E2E8F0 !important;
  border-top: 3px solid var(--tanwiria-gold-accent) !important;
  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

.pkp_navigation_primary ul ul li a {
  color: var(--tanwiria-blue-primary) !important;
  background-color: transparent !important;
  text-transform: none; /* Teks dropdown tidak perlu kapital semua */
  font-size: 0.9rem;
}

.pkp_navigation_primary ul ul li a:hover,
.pkp_navigation_primary ul ul li a:focus {
  color: var(--tanwiria-gold-accent) !important;
  background-color: var(--tanwiria-bg-light) !important;
}

/* 6. SIDEBAR & WIDGET */
.pkp_structure_sidebar {
  background: transparent;
}

.pkp_block {
  background: var(--tanwiria-white);
  border: 1px solid #E2E8F0;
  border-top: 3px solid var(--tanwiria-blue-primary);
  border-radius: 4px;
  padding: 15px;
  margin-bottom: 20px;
}

.pkp_block .title {
  color: var(--tanwiria-blue-primary);
  font-size: 1.1rem;
  border-bottom: 2px solid var(--tanwiria-gold-accent);
  padding-bottom: 8px;
  margin-bottom: 12px;
  text-transform: uppercase;
}

/* 7. DAFTAR ARTIKEL / ISSUES */
.obj_article_summary {
  background: var(--tanwiria-white);
  padding: 20px;
  margin-bottom: 15px;
  border-radius: 4px;
  border-left: 4px solid var(--tanwiria-blue-primary);
  box-shadow: 0 1px 4px rgba(0,0,0,0.04);
}

.obj_article_summary .title a {
  font-size: 1.15rem;
  font-weight: 600;
  color: var(--tanwiria-blue-primary);
}

/* 8. TOMBOL (BUTTONS) & PDF VIEW */
.btn, .button, a.galley_link {
  background-color: var(--tanwiria-blue-primary) !important;
  color: var(--tanwiria-white) !important;
  border: none !important;
  border-radius: 3px;
  padding: 8px 16px;
  font-weight: 600;
}

.btn:hover, .button:hover, a.galley_link:hover {
  background-color: var(--tanwiria-gold-accent) !important;
}

a.galley_link.pdf {
  background-color: #B91C1C !important; 
}
a.galley_link.pdf:hover {
  background-color: #991B1B !important;
}

/* 9. FOOTER */
.pkp_structure_footer_wrapper {
  background-color: var(--tanwiria-blue-dark);
  color: var(--tanwiria-white);
  border-top: 4px solid var(--tanwiria-gold-accent);
  margin-top: 40px;
  padding: 30px 0;
}

.pkp_structure_footer a {
  color: var(--tanwiria-gold-accent);
}