/* =====================================
   1) IMPORT FONT
   ===================================== */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap');

/* =====================================
   2) GLOBAL FONT
   ===================================== */
body,
.pkp_structure_page,
.pkp_structure_content,
.pkp_navigation_primary,
.pkp_navigation_user,
.pkp_block,
.pkp_block ul,
.pkp_block li,
.pkp_block a,
p,
li,
a,
div,
span,
button,
input,
select,
textarea,
h1, h2, h3, h4, h5, h6 {
  font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
}

/* Optional: heading sedikit lebih tegas */
h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
}

/* =========================
   3) UMDI Color Variables
   ========================= */
:root {
  --umdi-green-dark: #0b6b1b;
  --umdi-green-mid: #1f7f2b;
  --umdi-green-soft: #3e9a4a;

  --umdi-orange: #e28a00;
  --umdi-orange-soft: #f0a11a;

  --umdi-purple: #6b2a7a;
  --umdi-purple-soft: #8a4a98;

  --umdi-bg-light: #f4f6f4;
  --umdi-bg-soft: #eef2ee;
  --umdi-text-dark: #1f1f1f;
  --umdi-border: #d9e1d9;
  --umdi-white: #ffffff;
}

/* =====================================
   4) SIDEBAR MENU
   ===================================== */
.custom-side-menu {
  background: #f7f8f7;
  border: 1px solid #d9e1d9;
  border-radius: 4px;
  overflow: hidden;
  margin: 0 0 24px 0;
  padding: 0;
  width: 100%;
  box-sizing: border-box;
}

/* Judul blok */
.custom-side-menu-title {
  background: #e28a00;
  color: #ffffff;
  padding: 16px 20px;
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.3;
  letter-spacing: 0.5px;
  margin: 0;
}

/* Semua item menu */
.custom-side-menu a {
  display: block;
  background: #f7f8f7;
  color: #222222 !important;
  text-decoration: none;
  padding: 14px 20px;
  margin: 0 !important;
  border: none;
  border-top: 1px solid #dfe5df;
  border-radius: 0 !important;
  box-shadow: none !important;
  line-height: 1.45;
  font-size: 15px;
  font-weight: 400;
  transition: background 0.2s ease, color 0.2s ease, padding-left 0.2s ease;
}

/* Link pertama setelah title */
.custom-side-menu a:first-of-type {
  border-top: 1px solid #dfe5df;
}

/* Hover */
.custom-side-menu a:hover,
.custom-side-menu a:focus {
  background: #eef6ef;
  color: #0b6b1b !important;
  text-decoration: none;
  padding-left: 24px;
}

/* Visited tetap rapi */
.custom-side-menu a:visited {
  color: #222222 !important;
}