/*
 * Mega Menu Tab Visibility Fix
 * 
 * Problem: The header's .eximia-nav a { background: transparent !important }
 * kills the active tab (.brx-open) background-color, leaving white text on
 * a white background — making selected tabs invisible.
 *
 * Fix: Override with higher-specificity !important rules scoped to .brx-megamenu
 */

/* ACTIVE/SELECTED tab: dark purple bg + white text */
.eximia-nav .brx-megamenu .tab-menu-item.brx-open,
.eximia-nav .brx-megamenu .tab-title.brx-open {
  background-color: #380370 !important;
  background: #380370 !important;
  color: #fff !important;
  opacity: 1 !important;
}

/* DEFAULT: non-active tabs — dark text, transparent bg */
.eximia-nav .brx-megamenu .tab-menu-item:not(.brx-open),
.eximia-nav .brx-megamenu .tab-title:not(.brx-open) {
  color: #333 !important;
}

/* HOVER on non-active tabs — purple bg + white text */
.eximia-nav .brx-megamenu .tab-menu-item:not(.brx-open):hover,
.eximia-nav .brx-megamenu .tab-title:not(.brx-open):hover {
  background-color: var(--dark-purple-eximia) !important;
  background: var(--dark-purple-eximia) !important;
  color: #fff !important;
}

/* Reset the skewed ::before/::after pseudo-elements inside mega menu */
.eximia-nav .brx-megamenu .tab-menu-item::before,
.eximia-nav .brx-megamenu .tab-menu-item::after,
.eximia-nav .brx-megamenu .tab-title::before,
.eximia-nav .brx-megamenu .tab-title::after {
  display: none !important;
}