/* GIOP — Horizontal menu gadget: brand teal background
   Paste into: Settings → Site theme → Custom CSS (or the CSS box in your theme editor)
   Brand teal: #00CAB8  |  Brand navy: #0A2A5E  */

/* Menu bar background */
.WaGadgetNavigationBar,
.WaGadgetNavigationBar .navigationBar,
.WaGadgetNavigationBar ul,
.WaGadgetNavigationBar ul li {
  background-color: #00CAB8 !important;
}

/* Top-level menu links */
.WaGadgetNavigationBar ul li a,
.WaGadgetNavigationBar ul li span {
  color: #0A2A5E !important;
  font-weight: 600;
}

/* Hover / active state */
.WaGadgetNavigationBar ul li a:hover,
.WaGadgetNavigationBar ul li.selected a,
.WaGadgetNavigationBar ul li.active a {
  background-color: #0A2A5E !important;
  color: #EDF2F6 !important;
}

/* Dropdown submenus */
.WaGadgetNavigationBar ul ul,
.WaGadgetNavigationBar ul li ul li {
  background-color: #009E93 !important; /* slightly darker teal for depth */
}

.WaGadgetNavigationBar ul ul li a {
  color: #EDF2F6 !important;
}

.WaGadgetNavigationBar ul ul li a:hover {
  background-color: #0A2A5E !important;
  color: #EDF2F6 !important;
}