/* ============================================================
   MCP Help Center Colors ONLY (no font/size changes)
   Links + Buttons + Icons: #98C000
   "MCP IT Support" text: #002D62
   ============================================================ */

:root {
  --mcp-green: #98C000;
  --mcp-green-dark: #7AA000;
  --mcp-blue: #002D62;
  --mcp-focus: rgba(152,192,0,.22);
}

/* ============================================================
   1) Force MCP IT Support name visible
   ============================================================ */
#navBar .Header__name,
.Header__navbar .Header__name,
.mcp-name {
  color: var(--mcp-blue) !important;
  opacity: 1 !important;
  visibility: visible !important;
  display: inline-block !important;
  font-weight: 700 !important;
}

/* ============================================================
   2) Internal hyperlinks (Help Center pages)
   ============================================================ */
a,
.Content__container a,
.KBArticleDetail__content a,
.Community__container a {
  color: var(--mcp-blue) !important;
}

a:hover,
.Content__container a:hover,
.KBArticleDetail__content a:hover,
.Community__container a:hover {
  color: var(--mcp-green) !important;
  text-decoration: underline !important;
}

/* Header navigation links (Sign In / Sign Up / Login) */
.Header__menuList a,
.Header__tabsTab a {
  color: var(--mcp-blue) !important;
}

.Header__menuList a:hover,
.Header__tabsTab a:hover {
  color: var(--mcp-green) !important;
}

/* ============================================================
   3) Buttons (Help Center pages)
   ============================================================ */
.Button__btn--primary,
.Button__btn,
a.Button__btn,
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
  background: var(--mcp-green) !important;
  border-color: var(--mcp-green) !important;
  color: #ffffff !important;
}

.Button__btn--primary:hover,
.Button__btn:hover,
a.Button__btn:hover,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
  background: var(--mcp-green-dark) !important;
  border-color: var(--mcp-green-dark) !important;
}

/* ============================================================
   4) Search button (Orange → MCP Blue)
   ============================================================ */
.SearchContainer__searchIcon.commonStyle__zt3BrandBg {
  background-color: #002D62 !important;
  border-color: #002D62 !important;
}

/* ============================================================
   5) Back to Top button (Orange → MCP Blue)
   ============================================================ */
span[data-id="toparrow"][title="Back to top"],
.AppContainer__backToTop.commonStyle__zt3BrandBg {
  background-color: #002D62 !important;
  border-color: #002D62 !important;
}

/* Back to top icon → White for contrast */
span[data-id="toparrow"][title="Back to top"] svg,
span[data-id="toparrow"][title="Back to top"] svg *,
.AppContainer__backToTop.commonStyle__zt3BrandBg svg,
.AppContainer__backToTop.commonStyle__zt3BrandBg svg * {
  fill: #ffffff !important;
  stroke: #ffffff !important;
  color: #ffffff !important;
}