@import 'public-booking/main_dependencies';

@mixin button-link($color: $brand-primary) {
  color: $color;
  font-weight: 600;

  border: none;
  padding: 2px 4px 2px 4px;

  &,
  &:active,
  &.active,
  &[disabled],
  fieldset[disabled] & {
    background-color: transparent;
    @include box-shadow(none);
  }
  &:hover,
  &:focus {
    color: darken($color, 10%);
    text-decoration: darken($color, 10%);
    background-color: transparent;
    text-decoration: underline;
  }
  &[disabled],
  fieldset[disabled] & {
    &:hover,
    &:focus {
      color: $btn-link-disabled-color;
      text-decoration: none;
    }
  }
  &:focus {
    @include outline;
  }
}

// Used as a substitution for border for elements that should not have border.
@mixin button-outline() {
  &:focus {
    outline: 1px $bb-input-border-focus solid;
  }
}

@mixin button-primary-full {
  @include button-variant($brand-primary, $brand-primary, $brand-primary);
  @include transition(background .2s);

  min-width: 100px;
  color: white;

  &:hover:not([disabled]), &:active:focus, &:focus {
    color: white;
    background-color: darken($brand-primary, 10%);
  }
}