/**
 * Dark2 Variant CSS
 * Transparent header, normal logo and trigger, explicit right nav styling
 */

#header.transparent-header.light {
  background: transparent !important;
}

#header-wrap.transparent-header.light,
#header.transparent-header.light #header-wrap {
  background-color: inherit !important;
}

/* When scrolled, header becomes white (handled by critical CSS) */
#header.transparent-header.light.scrolled,
#header.transparent-header.light.scrolled #header-wrap {
  background-color: #fff !important;
  background: #fff !important;
}

/* Logo and trigger normal (no filter) */
#header.transparent-header.light #logo,
#header.transparent-header.light #mmenu-trigger {
  filter: none;
}

/* Explicit right nav styling */
#header.transparent-header.light .rightside-main-nav {
  filter: invert(0);
}

#header.transparent-header.light .rightside-main-nav a {
  color: #000;
}

#header.transparent-header.light .rightside-main-nav #top-cart a {
  filter: invert(0);
  color: #000;
}

#header.transparent-header.light .rightside-main-nav #top-search {
  filter: invert(0);
}

#header.transparent-header.light .rightside-main-nav #top-search a {
  color: #000;
}

/* Ensure menu accordion icons are transparent in dark2 mode */
#header.transparent-header.light #mmenu .woh,
#header.transparent-header.light #mmenu .woh.activa,
#header.transparent-header.light #mmenu .woh.activa2,
#header.transparent-header.light #mmenu li .woh,
#header.transparent-header.light #mmenu li .woh.activa,
#header.transparent-header.light #mmenu li .woh.activa2 {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  border-color: transparent !important;
}

/* Remove activa background in dark2 mode for menu items */
#header.transparent-header.light #mmenu>ul>li.activa,
#header.transparent-header.light #mmenu ul li .secondheader ul li .activa,
#header.transparent-header.light #mmenu>ul>li.activa>a,
#header.transparent-header.light #mmenu ul li .secondheader ul li .activa>a,
#header.transparent-header.light #mmenu li.activa,
#header.transparent-header.light #mmenu li.activa2 {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  border-color: transparent !important;
}