/* =====================================================
   SOCIAL INTERVENTION JOURNAL - STABLE THEME
   ===================================================== */

/* ========== ROOT COLOR SYSTEM ========== */
:root {
  --primary-dark: #0b2c4d;
  --primary-main: #123e63;
  --primary-light: #1f5f8b;

  --accent-main: #1fb5a9;
  --accent-light: #4fd1c5;

  --border: #e0e6ed;
}

/* =====================================================
   ⚠️ PENTING: JANGAN UBAH STRUCTURE LAYOUT
   ===================================================== */

/* ========== HEADER (AMAN) ========== */
.pkp_structure_head {
  background: linear-gradient(135deg, #0b2c4d, #123e63);
}

/* NAV TEXT */
.pkp_navigation_primary > li > a {
  color: #ffffff;
}

.pkp_navigation_primary > li > a:hover {
  color: var(--accent-light);
  border-bottom: 2px solid var(--accent-light);
}

/* ========== DROPDOWN (FIXED) ========== */
.pkp_nav_list ul {
  background: #ffffff;
  border: 1px solid var(--border);
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

.pkp_nav_list ul a {
  color: var(--primary-dark);
}

.pkp_nav_list ul a:hover {
  background: #f5f7fa;
}

/* ========== LINK ========== */
a {
  color: var(--primary-light);
}

a:hover {
  color: var(--accent-main);
}

/* ========== BUTTON (SAFE) ========== */
.pkp_button_primary {
  background: var(--primary-main);
  border-color: var(--primary-main);
}

.pkp_button_primary:hover {
  background: var(--accent-main);
  border-color: var(--accent-main);
}

/* ========== CONTENT AREA (JANGAN UBAH WIDTH) ========== */
.pkp_structure_main {
  background: #ffffff;
}

/* ========== SIDEBAR FIX ========== */
.pkp_structure_sidebar {
  background: transparent;
}

/* ========== BOX SIDEBAR (JOURNAL INFO) ========== */
.pkp_block {
  border: 1px solid var(--border);
  border-radius: 4px;
  background: #ffffff;
}

/* ========== TABLE ========== */
.cmp_table th {
  background: var(--primary-dark);
  color: #ffffff;
}

.cmp_table td {
  border-color: var(--border);
}

/* ========== ARTICLE LIST FIX (NO BREAK) ========== */
.cmp_article_list > li {
  border-bottom: 1px solid var(--border);
}

/* ========== FOOTER (FIX PROPORSI) ========== */
.pkp_structure_footer {
  background: var(--primary-dark);
  color: rgba(255,255,255,0.85);
}

/* FOOTER LINK */
.pkp_structure_footer a {
  color: var(--accent-light);
}

/* ========== REMOVE AGGRESSIVE OVERRIDE ========== */
/* ❌ JANGAN ADA INI:
   - padding besar di .pkp_structure_main
   - border-radius besar global
   - box-shadow besar di layout utama
*/

/* ========== OPTIONAL (HALUS) ========== */
.cmp_notification {
  border-left: 4px solid var(--accent-main);
}

/* SEARCH */
.pkp_search input {
  border: 1px solid var(--border);
}