/* ================================
   CSS Tambahan Elektrika - Mirip JTIIK
   OJS 3 Default Theme
   ================================ */

/* ----- Warna & Font Dasar ----- */
:root {
  --primary-blue: #003366;
  --accent-orange: #f5a623;
  --text-dark: #2c3e50;
}

body {
  font-family: 'Noto Sans', 'Open Sans', Arial, sans-serif !important;
  color: var(--text-dark);
  line-height: 1.6;
}

/* ----- Header ----- */
.pkp_structure_head,
.pkp_head_wrapper {
  background-color: var(--primary-blue) !important;
}

.pkp_site_name a,
.pkp_site_name span {
  color: #ffffff !important;
  font-weight: 600;
}

/* ----- Navigation Menu ----- */
.pkp_navigation_primary {
  background-color: #002244 !important;
}

.pkp_navigation_primary a {
  color: #ffffff !important;
  font-weight: 500;
  padding: 12px 16px !important;
}

.pkp_navigation_primary a:hover,
.pkp_navigation_primary a:focus {
  background-color: #004080 !important;
  color: #ffffff !important;
}

/* ----- Tombol Make a Submission (yang menonjol) ----- */
.pkp_button,
.cmp_button,
a.pkp_button,
.submit_link a,
.sidebar .block a.pkp_button {
  background-color: var(--accent-orange) !important;
  color: #ffffff !important;
  border: none !important;
  font-weight: 600 !important;
  padding: 12px 22px !important;
  border-radius: 4px !important;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: all 0.2s ease;
}

.pkp_button:hover,
.cmp_button:hover,
a.pkp_button:hover {
  background-color: #e59400 !important;
  color: #ffffff !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

/* ----- Sidebar ----- */
.pkp_structure_sidebar {
  background-color: #f8f9fa;
}

.pkp_block {
  background: #ffffff;
  border: 1px solid #e1e5eb;
  border-radius: 6px;
  margin-bottom: 18px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.05);
  overflow: hidden;
}

.pkp_block .title {
  background-color: var(--primary-blue) !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  padding: 12px 16px !important;
  margin: 0 !important;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

.pkp_block .content {
  padding: 14px 16px !important;
}

/* Language Switcher lebih rapi */
.pkp_block.block_language a {
  display: inline-block;
  padding: 6px 14px;
  margin: 3px 4px 3px 0;
  border: 1px solid #d0d7de;
  border-radius: 4px;
  background: #ffffff;
  color: var(--primary-blue) !important;
  font-size: 13px;
  text-decoration: none;
}

.pkp_block.block_language a:hover {
  background: var(--primary-blue);
  color: #ffffff !important;
  border-color: var(--primary-blue);
}

/* ----- Homepage / About Section ----- */
.pkp_page_index .page,
.about_journal {
  background: #ffffff;
  padding: 25px 30px;
  border-radius: 6px;
  box-shadow: 0 1px 4px rgba(0,0,0,0.06);
}

h1, h2, h3 {
  color: var(--primary-blue) !important;
  font-weight: 600;
}

/* ----- Article Title & Links ----- */
.obj_article_summary .title a,
.obj_issue_summary .title a {
  color: var(--primary-blue) !important;
  font-weight: 600;
}

.obj_article_summary .title a:hover {
  color: #0055aa !important;
}

/* ----- Footer ----- */
.pkp_structure_footer {
  background-color: #002244 !important;
  color: #e0e0e0 !important;
  padding: 25px 0 !important;
}

.pkp_structure_footer a {
  color: #a0c4e8 !important;
}

/* ----- Responsive sedikit perbaikan ----- */
@media (max-width: 768px) {
  .pkp_navigation_primary a {
    padding: 10px 12px !important;
  }
  
  .pkp_button {
    padding: 10px 16px !important;
    font-size: 14px !important;
  }
}