//
// Titlebuttons
//
headerbar,
.titlebar {
  &.default-decoration button.titlebutton {
    // no vertical padding for ssd buttons
    padding-top: 0px; // already handled by the titlebar-padding
    padding-bottom: 0px;
    min-width: 22px;
    min-height: 22px;
    margin: 0;
  }

  button.titlebutton {
    $_wm_backdrop_icon_color: lighten($wm_icon_unfocused_bg, 5%);

    min-width: 18px;
    min-height: 18px;
    @extend .image-button;

    padding: 10px 3px;
    margin: 0;
    transition: none;

    @include button(undecorated);
    background-color: transparentize($header_bg, 1);

    &:hover {
      @include button(header-hover);
    }
    &:active,
    &:checked {
      @include button(header-active);
    }

    &.close,
    &.maximize,
    &.minimize {
      -gtk-icon-theme: 'Mint-Y';

      background-color: transparent;
      background-size: 18px 18px;
      background-position: center;
      background-repeat: no-repeat;
      border-width: 0;
    }

    &.close {
      color: $selected_fg_color;
      @include draw_circle($selected_bg_color);

      &:hover {
        @include draw-circle(lighten($selected_bg_color, 5%));
      }
      &:active {
        @include draw-circle(darken($selected_bg_color, 5%));
      }
      &:backdrop {
        @include draw-circle($_wm_backdrop_icon_color);
      }
    }

    &.maximize,
    &.minimize {
      &:hover,
      &:hover:backdrop {
        @include draw-circle($wm_button_hover_bg);
      }
      &:active,
      &:active:backdrop {
        @include draw-circle($wm_button_active_bg);
      }
      &:backdrop {
        color: $_wm_backdrop_icon_color;
      }
    }
  }
}