/*
 * Northern California Nursing Academy
 * GLPI 11 custom color palette
 *
 * Theme name: ncna
 */
:root[data-glpi-theme=ncna] {
  /*
   * NCNA palette preview
   */
  --glpi-palette-color-1: #205531;
  --glpi-palette-color-2: #DFA030;
  --glpi-palette-color-3: #721626;
  --glpi-palette-color-4: #FCFBF8;
  /*
   * Primary interface colors
   */
  --tblr-primary: #205531;
  --tblr-primary-rgb: 32, 85, 49;
  --tblr-primary-fg: #FFFFFF;
  --tblr-link-color: #205531;
  --tblr-link-color-rgb: 32, 85, 49;
  --tblr-link-hover-color: #182F25;
  /*
   * Secondary controls
   */
  --tblr-secondary: #DFA030;
  --tblr-secondary-rgb: 223, 160, 48;
  --tblr-secondary-fg: #182F25;
  /*
   * Main navigation
   */
  --glpi-mainmenu-bg: #205531;
  --glpi-mainmenu-fg: #FFFFFF;
  /*
   * Compatibility variables
   */
  --tblr-mainmenu-bg: #205531;
  --tblr-mainmenu-fg: #FFFFFF;
  /*
   * Page surfaces
   */
  --tblr-body-bg: #FCFBF8;
  --tblr-body-color: #303846;
  --tblr-bg-surface: #FEFEFE;
  --tblr-card-bg: #FEFEFE;
  /*
   * Form controls
   */
  --tblr-input-bg: #FFFFFF;
  --tblr-input-color: #303846;
  --tblr-input-border-color: #DBDBD9;
  --tblr-input-disabled-bg: #F3EEEC;
  /*
   * Borders and muted text
   */
  --tblr-border-color: #DBDBD9;
  --tblr-muted: #7A8681;
  /*
   * Status colors
   */
  --tblr-success: #205531;
  --tblr-success-rgb: 32, 85, 49;
  --tblr-warning: #DFA030;
  --tblr-warning-rgb: 223, 160, 48;
  --tblr-danger: #721626;
  --tblr-danger-rgb: 114, 22, 38;
}

/*
 * Sidebar active and hover states
 */
:root[data-glpi-theme=ncna] .main-menu .nav-link.active,
:root[data-glpi-theme=ncna] .main-menu .nav-link[aria-current=page] {
  background-color: #DFA030;
  color: #182F25;
}

:root[data-glpi-theme=ncna] .main-menu .nav-link:hover {
  background-color: rgba(223, 160, 48, 0.18);
  color: #FFFFFF;
}

/*
 * Primary buttons
 */
:root[data-glpi-theme=ncna] .btn-primary {
  background-color: #205531;
  border-color: #205531;
  color: #FFFFFF;
}

:root[data-glpi-theme=ncna] .btn-primary:hover,
:root[data-glpi-theme=ncna] .btn-primary:focus {
  background-color: #182F25;
  border-color: #182F25;
  color: #FFFFFF;
}

/*
 * Secondary buttons
 */
:root[data-glpi-theme=ncna] .btn-secondary {
  background-color: #DFA030;
  border-color: #DFA030;
  color: #182F25;
}

:root[data-glpi-theme=ncna] .btn-secondary:hover,
:root[data-glpi-theme=ncna] .btn-secondary:focus {
  background-color: #C98B21;
  border-color: #C98B21;
  color: #182F25;
}

/*
 * Selected tabs and emphasized links
 */
:root[data-glpi-theme=ncna] .nav-tabs .nav-link.active {
  color: #205531;
  border-bottom-color: #DFA030;
}

:root[data-glpi-theme=ncna] a {
  --tblr-link-color-rgb: 32, 85, 49;
}

/* ===== NCNA LOGO CUSTOMIZATION START ===== */
/*
 * Expanded and collapsed NCNA sidebar logos.
 * GLPI automatically uses the reduced logo when the sidebar is collapsed.
 */
:root[data-glpi-theme=ncna] {
  --glpi-logo-light: url("/branding/ncna-logo-expanded.png");
  --glpi-logo-dark: url("/branding/ncna-logo-expanded.png");
  --glpi-logo-light-reduced: url("/branding/ncna-logo-collapsed.png");
  --glpi-logo-dark-reduced: url("/branding/ncna-logo-collapsed.png");
  --glpi-logo: var(--glpi-logo-light);
  --glpi-logo-reduced: var(--glpi-logo-light-reduced);
}

/*
 * Expanded sidebar logo container.
 */
:root[data-glpi-theme=ncna] aside.sidebar .navbar-brand .glpi-logo {
  display: block;
  width: 190px;
  max-width: 190px;
  height: 85px;
  max-height: 85px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

/*
 * Preserve a clean logo area inside the sidebar header.
 */
:root[data-glpi-theme=ncna] aside.sidebar .navbar-brand {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 95px;
  padding: 5px 8px;
}

/*
 * GLPI applies the reduced logo through --glpi-logo-reduced when its
 * built-in collapsed-sidebar rules become active.
 */
:root[data-glpi-theme=ncna] aside.sidebar .navbar-brand .glpi-logo {
  --logo-expanded: var(--glpi-logo);
  --logo-collapsed: var(--glpi-logo-reduced);
}

/* ===== NCNA LOGO CUSTOMIZATION END ===== */
/* ===== NCNA COLLAPSED LOGO SIZE FIX START ===== */
/*
 * Expanded sidebar logo.
 */
:root[data-glpi-theme=ncna] aside.sidebar .navbar-brand .glpi-logo {
  width: 190px;
  max-width: 190px;
  height: 85px;
  max-height: 85px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

/*
 * GLPI switches to the reduced image variable for the compact sidebar.
 * Limit the image itself without relying on mouse hover state.
 */
:root[data-glpi-theme=ncna] aside.sidebar .navbar-brand .glpi-logo {
  --glpi-logo-reduced-size: 60px;
}

@media (min-width: 992px) {
  :root[data-glpi-theme=ncna] aside.sidebar .navbar-brand .glpi-logo[style*=logo-reduced],
  :root[data-glpi-theme=ncna] aside.sidebar.sidebar-collapsed .navbar-brand .glpi-logo,
  :root[data-glpi-theme=ncna] body.sidebar-collapsed aside.sidebar .navbar-brand .glpi-logo,
  :root[data-glpi-theme=ncna] body.navbar-collapsed aside.sidebar .navbar-brand .glpi-logo {
    width: 60px;
    max-width: 60px;
    height: 60px;
    max-height: 60px;
    background-size: contain;
    background-position: center;
  }
}
/* ===== NCNA COLLAPSED LOGO SIZE FIX END ===== */
/* ===== NCNA LOGIN LOGOS START ===== */
/*
 * GLPI naming refers to the artwork contrast:
 *
 * --glpi-logo-dark-login:
 *     Dark artwork intended for the light-mode login page.
 *
 * --glpi-logo-light-login:
 *     Light artwork intended for the dark-mode login page.
 */
:root[data-glpi-theme=ncna] {
  --glpi-logo-dark-login:
      url("/branding/ncna-logo-login-light.png");
  --glpi-logo-light-login:
      url("/branding/ncna-logo-login-dark.png");
}

/*
 * Login-page logo dimensions.
 * This does not alter the expanded or collapsed sidebar logos.
 */
:root[data-glpi-theme=ncna] span.glpi-logo.mb-4 {
  display: block;
  width: min(320px, 80vw);
  max-width: 320px;
  height: 140px;
  max-height: 140px;
  margin-left: auto;
  margin-right: auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  object-fit: contain;
}

/* ===== NCNA LOGIN LOGOS END ===== */
/* ===== NCNA ACTIVE SIDEBAR ITEM FIX ===== */
:root[data-glpi-theme=ncna] aside.sidebar .nav-link.active,
:root[data-glpi-theme=ncna] aside.sidebar .nav-link[aria-current=page],
:root[data-glpi-theme=ncna] aside.sidebar .nav-item.active > .nav-link {
  background-color: #DFA030 !important;
  color: #FFFFFF !important;
}

:root[data-glpi-theme=ncna] aside.sidebar .nav-link.active *,
:root[data-glpi-theme=ncna] aside.sidebar .nav-link[aria-current=page] *,
:root[data-glpi-theme=ncna] aside.sidebar .nav-item.active > .nav-link * {
  color: #FFFFFF !important;
  stroke: currentColor !important;
}

/* ===== END NCNA ACTIVE SIDEBAR ITEM FIX ===== */