@import 'Variables';
.CoveoSettings {
  margin: 0 0 0 36px;
  border-radius: 50%;
  border: $default-low-contrast-border;
  width: 40px;
  height: 40px;
  order: 1;
  position: relative;
  cursor: pointer;
}

.coveo-settings-squares {
  width: 100%;
  display: inline-block;
  line-height: 4px;
  height: 4px;
  @include align('vertical', absolute);
  text-align: center;
}

.coveo-settings-square {
  width: 4px;
  height: 4px;
  display: inline-block;
  vertical-align: top;
  background-color: $color-blueish-gray;
  & + .coveo-settings-square {
    margin-left: 5px;
    margin-right: 5px;
    & + .coveo-settings-square {
      margin-left: 0;
      margin-right: 0;
    }
  }
}

.coveo-settings-advanced-menu {
  position: absolute;
  background: $color-blueish-white-grey;
  @include defaultRoundedLowContrastBorder();
  min-width: 160px;
  z-index: 11;
  &:before {
    content: '';
    position: absolute;
    top: -13px;
    right: 10px;
    @include triangle(12px, $color-light-grey, up);
  }
}

.coveo-settings-item {
  clear: both;
  overflow: hidden;
  .coveo-icon {
    min-width: 18px;
    display: inline-block;
    margin: 0 10px;
    vertical-align: middle;
  }
  @include hoverEffectForDropdown();
  .coveo-settings-text {
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    padding: 8px;
  }
  &:first-child {
    border-top-left-radius: $default-border-radius;
    border-top-right-radius: $default-border-radius;
  }
  &:last-child {
    border-bottom-left-radius: $default-border-radius;
    border-bottom-right-radius: $default-border-radius;
  }
  &.coveo-share-query {
    @include iconWithHoverState('coveo-share-query-svg', 'none');
  }
  &.coveo-advanced-search {
    @include iconWithHoverState('coveo-advanced-search-svg', 'none');
  }
  &.coveo-preferences-panel {
    @include iconWithHoverState('coveo-preferences-panel-svg', 'none');
  }
  &.coveo-authentication-provider {
    .coveo-icon {
      margin-left: 12px;
      margin-right: 8px;
    }
    @include iconWithHoverState('coveo-authentication-provider-svg', 'none');
  }
  &.coveo-export-to-excel {
    .coveo-icon {
      margin-left: 12px;
      margin-right: 8px;
    }
    @include iconWithHoverState('coveo-export-to-excel-svg', 'none');
  }
  &.coveo-subscriptions-panel {
    @include iconWithHoverState('coveo-subscription-panel-svg', 'none');
  }
  &.coveo-follow-query {
    @include iconWithHoverState('coveo-follow-query-svg', 'none');
  }
}
