/* NiWAB Marketplace brand palette
   Sea Green (primary / buttons): #2E8B57
   Mint Green: #98D8C8
   Africa Brown (continent / Nigeria): #8B5E3C
*/
:root {
  --color-primary: #2E8B57;
  --color-secondary: #8B5E3C;
  --color-green: #2E8B57;
  --color-light-green: #E8F6F1;
  --color-brand-50: #F3FAF6;
  --color-brand-100: #E5F3EC;
  --color-brand-200: #C8E8DC;
  --color-brand-300: #98D8C8;
  --color-brand-400: #6BBF9E;
  --color-brand-500: #4AA882;
  --color-brand-600: #2E8B57;
  --color-brand-700: #246B42;
}

/* Top campaign bar was a blue image — force NiWAB sea green */
.rbt-header-campaign.rbt-topbar-bg-img,
.rbt-topbar-bg-img.rbt-topbar-bg-one,
.rbt-topbar-bg-img.rbt-topbar-bg-two,
.rbt-topbar-bg-img.rbt-topbar-bg-three {
  background-image: none !important;
  background-color: #2E8B57 !important;
}

/* Sticky header: one clean row matching main menu (no wrap / orphan text) */
.rbt-header-common-sticky-activation {
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.06);
}
.rbt-header-common-sticky-activation .rbt-header-campaign {
  display: none !important;
}
.rbt-header-common-sticky-activation .mainbar-row {
  flex-wrap: nowrap;
  overflow: visible;
}
.rbt-header-common-sticky-activation .mainmenu {
  flex-wrap: nowrap;
  white-space: nowrap;
}
.rbt-header-common-sticky-activation .mainmenu > li > a {
  white-space: nowrap;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 13px;
}
.rbt-header-common-sticky-activation .header-right .content,
.rbt-header-common-sticky-activation .header-right .title-text {
  display: none !important;
}

/*
  Active nav fix on green primary bar.
  Template JS adds `.active` to the <a>, while CSS mostly targets `li.active`.
  Default rule also sets active text to --color-primary (sea green on sea green).
*/
.rbt-header-middle.rbt-bg-color-primary .rbt-mainmenu-nav .mainmenu > li > a.active,
.rbt-header-middle.rbt-bg-color-primary .mainbar-row .rbt-mainmenu-nav .mainmenu > li > a.active,
.rbt-header-middle.rbt-bg-color-primary .rbt-main-navigation .rbt-mainmenu-nav .mainmenu > li > a.active {
  color: #ffffff !important;
}

.rbt-header-middle.rbt-bg-color-primary .rbt-mainmenu-nav .mainmenu.has-nav-bg-shape-hover > li > a.active::after,
.rbt-header-middle.rbt-bg-color-primary .rbt-mainmenu-nav .mainmenu.has-nav-bg-shape-hover > li.active > a::after {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  visibility: visible;
  background: #246b42;
  width: calc(100% + 8px);
  height: 30px;
}

.rbt-header-middle.rbt-bg-color-primary .rbt-mainmenu-nav .mainmenu.has-nav-bg-shape-hover > li:hover > a::after {
  background: rgba(255, 255, 255, 0.18);
}

/* Sticky header (white bar): keep active in brand green, not muddy gray pill */
.rbt-header-common-sticky-activation .rbt-mainmenu-nav .mainmenu > li > a.active {
  color: #2e8b57 !important;
}
.rbt-header-common-sticky-activation .rbt-mainmenu-nav .mainmenu.has-nav-bg-shape-hover > li > a.active::after {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  visibility: visible;
  background: #e8f6f1;
}