/* =====================================================
   ISC BIOTROP LEARNING MODULE - Custom Theme
   Hanya override warna & font dari theme cosmo default.
   Struktur layout tetap mengikuti Quarto Book standar.
   ===================================================== */

/* Import Google Font */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

/* =====================================================
   TYPOGRAPHY
   ===================================================== */
body {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont,
    "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
  color: #2c3e2f;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  color: #112a14;
}

/* =====================================================
   NAVBAR
   ===================================================== */
.navbar {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  background-color: #1e4620 !important;
  border-bottom: 2px solid #163418 !important;
}

.navbar-brand,
.navbar .nav-link,
.navbar-title {
  color: #ffffff !important;
}

/* =====================================================
   SIDEBAR
   ===================================================== */
.sidebar {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  background-color: #ffffff !important;
  border-right: 1px solid #e1e9e2;
}

.sidebar-title {
  font-weight: 700 !important;
  font-size: 1.05rem !important;
  color: #1e4620 !important;
}

.sidebar-item-text {
  font-weight: 500;
  color: #2c3e2f;
}

.sidebar-item-container.active .sidebar-item-text,
.sidebar-item-container .active .sidebar-item-text {
  font-weight: 700;
  color: #1e4620 !important;
}

/* Active sidebar indicator */
.sidebar-item-container .active {
  border-left: 3px solid #1e4620;
}

/* =====================================================
   LINKS
   ===================================================== */
a {
  color: #1e4620;
}

a:hover {
  color: #163418;
}

/* =====================================================
   PAGE FOOTER
   ===================================================== */
.page-footer {
  border-top: 1px solid #e1e9e2;
  font-size: 0.875rem;
  color: #556b58;
}

/* =====================================================
   CODE BLOCKS
   ===================================================== */
pre, code {
  font-family: 'JetBrains Mono', 'Fira Code', 'Cascadia Code', monospace;
  font-size: 0.875rem;
}

/* =====================================================
   CALLOUT BLOCKS (note, warning, etc.)
   ===================================================== */
.callout-note {
  border-left-color: #1e4620;
}

.callout-note .callout-header {
  background-color: #e8f0e9;
}

/* =====================================================
   COVER IMAGE (halaman landing / def profile)
   ===================================================== */
.quarto-cover-image {
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(30, 70, 32, 0.12);
}