/* ==============================================
   Pine Needle Pipeline Branding
   Overrides CSS variables from modern-portal.css
   with Pine Needle-specific colors.
   ============================================== */

:root {
  --color-primary: #004890;
  --color-primary-dark: #003366;
  --color-primary-hover-bg: rgba(0, 72, 144, 0.06);

  --color-pipeline-bg: #004890;
  --color-pipeline-text: #ffffff;
  --color-pipeline-active: #ffffff;

  --color-cta-border: #004890;
  --color-cta-text: #004890;

  --color-sidebar-active-bg: #004890;
  --color-sidebar-active-text: #ffffff;
  --color-sidebar-active-border: #249A64;
}
#navmenu-v > li.sfHover > a {
  background-color: rgba(36, 154, 100, 0.10) !important;
}
.sidebar-nav > ul > li > a:hover {
  background-color: rgba(36, 154, 100, 0.10) !important;
  text-decoration: none !important;
}
#navmenu-v ul li a:hover, #navmenu-v ul li.sfHover > a {
    background-color: rgba(36, 154, 100, 0.10) !important;
    text-decoration: none;
}

.sidebar-nav > ul > li.active > a {
  /* pick one: light wash like hover, or transparent + border only */
  background-color: rgba(36, 154, 100, 0.10) !important;
  color: var(--color-sidebar-link);
}

#nav-one ul li a:hover, #nav-one ul li.sfHover > a {
    background-color: rgba(36, 154, 100, 0.10) !important;
    text-decoration: none;
    color: var(--color-text-dark);
}