/* ==========================================================================
   STYLING CUSTOM UNTUK OJS 3.5 (OPEN JOURNAL SYSTEMS)
   Target Journal: https://ejournal.staibarus.ac.id/index.php/JAP
   Tema: Modern Academic, Clean & Elegant (STAI Barus Green & Gold Palette)
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. VARIABLE CSS (WARNA, TIPOGRAFI, ELEMEN DOKUMEN)
   -------------------------------------------------------------------------- */
:root {
  --primary-color: #0d5c3a;       /* Green Emerald khas STAI Barus */
  --primary-hover: #083e27;       /* Dark Green untuk Hover */
  --accent-color: #d4af37;        /* Gold/Emas untuk highlight & aksen */
  --accent-hover: #b59226;
  --bg-light: #f8f9fa;            /* Background lembut */
  --bg-card: #ffffff;             /* Background card / block */
  --text-primary: #2b2b2b;        /* Teks utama */
  --text-muted: #6c757d;          /* Teks sekunder / muted */
  --border-color: #e2e8f0;        /* Border halus */
  --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
  --radius-sm: 6px;
  --radius-md: 10px;
  --transition-fast: all 0.25s ease-in-out;
}

/* Global Font & Body Settings */
body {
  font-family: 'Inter', 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, sans-serif !important;
  color: var(--text-primary);
  background-color: var(--bg-light);
  line-height: 1.65;
}

/* --------------------------------------------------------------------------
   2. HEADER & BRANDING
   -------------------------------------------------------------------------- */
.pkp_structure_head {
  background: linear-gradient(135deg, #094028 0%, var(--primary-color) 100%) !important;
  box-shadow: var(--shadow-md);
  border-bottom: 3px solid var(--accent-color);
  padding: 15px 0;
}

.pkp_site_name a {
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 1.6rem !important;
  text-decoration: none !important;
  letter-spacing: 0.5px;
  transition: var(--transition-fast);
}

.pkp_site_name a:hover {
  color: var(--accent-color) !important;
}

/* --------------------------------------------------------------------------
   3. MENU NAVIGASI UTAMA (HEADER NAVIGATION)
   -------------------------------------------------------------------------- */
.pkp_navigation_primary_row {
  background-color: rgba(0, 0, 0, 0.15) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.pkp_navigation_primary > li > a {
  color: #ffffff !important;
  font-weight: 600 !important;
  font-size: 0.95rem !important;
  padding: 12px 18px !important;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: var(--transition-fast);
  border-bottom: 3px solid transparent;
}

.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li.is_open > a {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: var(--accent-color) !important;
  border-bottom-color: var(--accent-color);
}

/* Dropdown Navigasi */
.pkp_navigation_primary ul {
  background-color: #ffffff !important;
  border-radius: var(--radius-sm) !important;
  box-shadow: var(--shadow-md) !important;
  border: 1px solid var(--border-color) !important;
}

.pkp_navigation_primary ul a {
  color: var(--text-primary) !important;
  font-weight: 500 !important;
  padding: 10px 20px !important;
}

.pkp_navigation_primary ul a:hover {
  background-color: rgba(13, 92, 58, 0.08) !important;
  color: var(--primary-color) !important;
}

/* --------------------------------------------------------------------------
   4. SIDEBAR & BLOCK WIDGETS
   -------------------------------------------------------------------------- */
.pkp_block {
  background: var(--bg-card) !important;
  border-radius: var(--radius-md) !important;
  border: 1px solid var(--border-color) !important;
  padding: 20px !important;
  margin-bottom: 25px !important;
  box-shadow: var(--shadow-sm);
}

.pkp_block .title,
.pkp_block h2 {
  color: var(--primary-color) !important;
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  border-bottom: 2px solid var(--accent-color) !important;
  padding-bottom: 8px !important;
  margin-bottom: 15px !important;
}

.pkp_block ul li {
  padding: 8px 0;
  border-bottom: 1px dashed var(--border-color);
}

.pkp_block ul li a:hover {
  color: var(--primary-color) !important;
  padding-left: 6px;
}

/* Tombol Make a Submission di Sidebar */
.pkp_block.block_make_submission a.action,
.pkp_block_make_submission a {
  background: linear-gradient(135deg, var(--primary-color), var(--primary-hover)) !important;
  color: #ffffff !important;
  display: block !important;
  text-align: center !important;
  padding: 12px 16px !important;
  border-radius: var(--radius-sm) !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  box-shadow: var(--shadow-sm);
}

.pkp_block.block_make_submission a.action:hover {
  background: linear-gradient(135deg, var(--accent-color), var(--accent-hover)) !important;
  color: #ffffff !important;
}

/* --------------------------------------------------------------------------
   5. TOMBOL KUSTOM & DOWNLOAD PDF
   -------------------------------------------------------------------------- */
.cmp_button, button, input[type="submit"] {
  background-color: var(--primary-color) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: var(--radius-sm) !important;
  padding: 10px 20px !important;
  font-weight: 600 !important;
  transition: var(--transition-fast) !important;
}

.cmp_button:hover, button:hover {
  background-color: var(--primary-hover) !important;
}

/* Tombol Download PDF */
a.obj_galley_link, .galleys_links a.pdf {
  background-color: #e53e3e !important;
  color: #ffffff !important;
  border-radius: var(--radius-sm) !important;
  padding: 8px 16px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  display: inline-flex !important;
  transition: var(--transition-fast) !important;
}

a.obj_galley_link:hover {
  background-color: #c53030 !important;
  box-shadow: var(--shadow-md);
}

/* --------------------------------------------------------------------------
   6. FOOTER STYLING
   -------------------------------------------------------------------------- */
.pkp_structure_footer_row {
  background: #08291a !important;
  color: #d0d7de !important;
  padding: 45px 0 25px 0 !important;
  margin-top: 50px;
  border-top: 4px solid var(--accent-color);
}

.pkp_footer_content a {
  color: var(--accent-color) !important;
  text-decoration: none !important;
}

.pkp_footer_content a:hover {
  color: #ffffff !important;
  text-decoration: underline !important;
}