// Dark sidebar
$sidebar-dark-bg              : $header-inverse-bg !default;
$sidebar-dark-color           : $color-white !default;
$sidebar-dark-border-color    : rgba($sidebar-dark-color, 0.1) !default;

// Dark sidebar navigation styles
$navigation-dark-color            : $sidebar-dark-color !default;
$navigation-dark-hover-bg         : $header-inverse-bg-hover !default;
$navigation-dark-hover-color      : $sidebar-dark-color !default;
$navigation-dark-active-bg        : $header-inverse-icon-color-active !default;
$navigation-dark-active-icon-color: $header-inverse-icon-color-active !default;
$navigation-dark-active-color     : $sidebar-dark-color !default;
$navigation-dark-sub-bg           : $header-inverse-bg-hover !default;
$navigation-dark-sub-active-bg    : $header-inverse-bg-hover !default;
$navigation-dark-sub-active-color : $sidebar-dark-color !default;


@if $enable-sideNav == true {
  // SIDENAV DARK
  .c-sidenav-dark {
    border-right: transparent;
    color: $sidebar-dark-color;
    background-color: $sidebar-dark-bg;

    // Main sidebar nav
    .c-sidenav-menu {

      // All links
      &-link {
        color: $navigation-dark-color;

        &:hover {
          color: $navigation-dark-hover-color;
          background-color: $navigation-dark-hover-bg;

          .c-sidenav-menu-icon {
            color: $navigation-dark-active-icon-color;
          }
        }

        &-active {
          .c-sidenav-menu-icon {
            color: $navigation-dark-active-icon-color;
          }
        }
      }

      // Active links in submenu
      &-item > .c-sidenav-menu-link-active {
        color: $navigation-dark-sub-active-color;
        background-color: $navigation-dark-sub-active-bg;
      }

      // Link in opened submenu
      &-item-open > .c-sidenav-menu-link:not(.disabled),
      > .c-sidenav-menu-item-expanded:not(.c-sidenav-menu-item-open) > .c-sidenav-menu-link {
        color: $navigation-dark-hover-color;
        background-color: $navigation-dark-hover-bg;

        .c-sidenav-menu-icon {
          color: $navigation-dark-hover-color;
        }
      }

      // Active link in top level
      > .c-sidenav-menu-item-open > .c-sidenav-menu-link:not(.disabled),
      > .c-sidenav-menu-item > .c-sidenav-menu-link.active {
        background-color: $navigation-dark-active-bg;
        color: $navigation-dark-active-color;
      }

      // Header
      &-category {
        color: rgba($sidebar-dark-color, 0.5);
      }

      // Divider
      .c-sidenav-divider {
        background-color: $sidebar-dark-border-color;
      }

      .c-sidenav-submenu-group {
        background-color: $navigation-dark-sub-bg;
      }

      .c-sidenav-submenu > .c-sidenav-menu-link::after {
        border-left-color: $sidebar-dark-color;
      }
    }

    .c-sidenav-collapse {
      color: $sidebar-dark-color;
      border-color: $sidebar-dark-bg;
      background-color: $sidebar-dark-bg;
      opacity: .8;

      &:hover {
        opacity: 1;
        background-color: $sidebar-dark-bg;
      }
    }

    &.c-sidenav-folded .c-sidenav-menu > .c-sidenav-submenu > .c-sidenav-submenu-group {
      background-color: $sidebar-dark-bg;
    }
  }
}