// Colour styles common to all menus: made to ease theme overrides a little.
// See wc.menu.css for generic structure.
.wc-menu-type-bar,
.wc-menu-type-column {
  background-color: $wc-clr-menu-bg;
  color: $wc-clr-menu-fg;
}

.wc_menu_bar,
.wc-menu-type-column {
  .wc_submenucontent {
    @include border;
    background-color: $wc-clr-menu-bg;
    color: $wc-clr-menu-fg;
  }
}

// selected elements
.wc-menuitem[aria-checked='true'] {
  background-color: $wc-clr-selected-bg;
  color: $wc-clr-selected-fg;
}

@if ($wc-use-respond == 1) {
  @include respond-phonelike {
    .wc_menu_bar.wc_menu_fix {
      background-color: transparent;

      @if ($wc-clr-panel-header-fg != -1) {
        [role='banner'] & {
          > .wc-submenu > button {
            color: $wc-clr-panel-header-fg;
          }
        }
      }
      @if ($wc-clr-section-heading-fg != -1) {
        section > header  & {
          > .wc-submenu > button {
            color: $wc-clr-section-heading-fg;
          }
        }
      }
    }
  }
}
