/*
 * JBSK theme overrides for lms.jbsk.or.ke
 * Uses JBS Kenya colors: dark green #0d5c2e, gold #c5a028, light gray bg #eef0f2
 * Scoped to body.theme-jbsk so only JBSK host is affected.
 */

body.theme-jbsk {
  /* Side nav / header logo – JBS Kenya icon (compact crest) */
  --ic-brand-header-image: url('/images/jbskicon.png');

  /* Global branding – primary and links */
  --ic-brand-primary: #0d5c2e;
  --ic-brand-primary-darkened-5: #0b5229;
  --ic-brand-primary-darkened-10: #084422;
  --ic-brand-primary-darkened-15: #06361b;
  --ic-link-color: #0d5c2e;
  --ic-link-color-lightened-10: #0f6a35;
  --ic-brand-font-color-dark: #273540;
  --ic-brand-button--primary-bgd: #0d5c2e;
  --ic-brand-button--primary-text: #ffffff;
  --ic-brand-button--secondary-bgd: #273540;
  --ic-brand-button--secondary-text: #ffffff;

  /* Global nav – dark green; logo area lighter for contrast so crest is visible */
  --ic-brand-global-nav-bgd: #084422;
  --ic-brand-global-nav-logo-bgd: #e8e6d9;
  --ic-brand-global-nav-ic-icon-svg-fill: #ffffff;
  --ic-brand-global-nav-ic-icon-svg-fill--active: #c5a028;
  --ic-brand-global-nav-menu-item__text-color: rgba(255, 255, 255, 0.9);
  --ic-brand-global-nav-menu-item__text-color--active: #c5a028;
  --ic-brand-global-nav-menu-item__badge-bgd: rgba(255, 255, 255, 0.25);
  --ic-brand-global-nav-menu-item__badge-bgd--active: #c5a028;
  --ic-brand-global-nav-menu-item__badge-text: #ffffff;
  --ic-brand-global-nav-menu-item__badge-text--active: #084422;
  --ic-brand-global-nav-avatar-border: rgba(255, 255, 255, 0.4);
}

/* Side nav logo container – cream panel for contrast with dark green crest */
body.theme-jbsk .ic-app-header__logomark-container,
body.theme-jbsk #logomark {
  background-color: #e8e6d9 !important;
  background-image: var(--ic-brand-header-image) !important;
  background-position: 50% !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
}

/* Main app background and content area */
body.theme-jbsk .ic-app {
  background: #eef0f2;
}

body.theme-jbsk .ic-Layout-contentMain {
  background: #eef0f2;
}

/* Dashboard header – light card look with green accent */
body.theme-jbsk .ic-Dashboard-header__layout {
  background: rgba(255, 255, 255, 0.95);
  border-bottom: 1px solid rgba(13, 92, 46, 0.2);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

/* Primary buttons – gold-to-green gradient (optional; keeps usability) */
body.theme-jbsk .Button--primary,
body.theme-jbsk .btn-primary,
body.theme-jbsk [class*="Button--primary"] {
  background: linear-gradient(135deg, #c5a028 0%, #0d5c2e 100%) !important;
  border: none !important;
}

body.theme-jbsk .Button--primary:hover:not(:disabled),
body.theme-jbsk .btn-primary:hover:not(:disabled),
body.theme-jbsk [class*="Button--primary"]:hover:not(:disabled) {
  background: linear-gradient(135deg, #b8860b 0%, #084422 100%) !important;
}

/* Left sidebar (course list) – subtle white card */
body.theme-jbsk #left-side {
  background: rgba(255, 255, 255, 0.95);
  border-right: 1px solid rgba(13, 92, 46, 0.12);
}

/* Breadcrumb / page header accent */
body.theme-jbsk .ic-app-nav-toggle-and-crumbs {
  border-bottom-color: rgba(13, 92, 46, 0.15);
}