// Lightning Design System 2.264.0-beta.1
// Copyright (c) 2015-present, salesforce.com, inc. All rights reserved
// Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license

@include deprecate("4.0","Use the new global actions component") {
  /**
    * Button icon specifically for global actions
    *
    * @selector .slds-global-header__button_icon-actions
    * @restrict .slds-global-header__item button
    * @deprecated
    */
  .slds-global-header__button_icon-actions,
  .slds-global-header__button--icon-actions {
    background: $brand-header-contrast-weak;
    border-radius: $border-radius-medium;
    color: $brand-header;

    &:hover,
    &:focus {
      background-color: $brand-header-contrast-weak-active;
      color: $brand-header;
    }

    .slds-button__icon {
      @include square(1rem);
    }
  }

  /**
    * Deal with sizing for global header icons
    *
    * @selector .global-header__icon
    * @restrict .slds-global-header__item svg
    * @deprecated
    */
  .slds-global-header__icon,
  .slds-global-header__icon .slds-icon,
  .slds-global-header__icon .slds-button__icon {
    @include square(1.25rem);
  }

  /**
    * Button icon specifically for global actions
    *
    * @selector .slds-global-header__button_icon-favorites
    * @restrict .slds-global-header__item button
    * @deprecated
    */
  .slds-global-header__button_icon-favorites,
  .slds-global-header__button--icon-favorites {
    color: var(--slds-g-color-neutral-base-100, #{$color-text-icon-inverse});

    .slds-icon,
    .slds-button__icon {
      color: $brand-header;
      stroke: $brand-header-contrast-weak;
      stroke-width: $border-stroke-width-thick;
      stroke-linejoin: round;
      stroke-linecap: round;
    }

    &:hover .slds-icon,
    &:hover .slds-button__icon,
    &:focus .slds-icon,
    &:focus .slds-button__icon {
      color: $brand-header;
      stroke: $brand-header-contrast-weak-active;
    }

    /**
      * Selected state for favorites button
      *
      * @selector .slds-is-selected
      * @restrict .slds-global-header__button_icon-favorites
      * @deprecated
      * @group stateful
      */
    &.slds-is-selected {

      .slds-icon,
      .slds-button__icon {
        color: $brand-header;
        stroke: $brand-accessible;
        stroke-width: $border-stroke-width-thin;
        fill: $brand-header;
      }

      &:hover .slds-icon,
      &:hover .slds-button__icon,
      &:focus .slds-icon,
      &:focus .slds-button__icon {
        color: $brand-header;
        stroke: $brand-accessible-active;
        fill: $brand-header;
      }

      &:active .slds-icon,
      &:active .slds-button__icon {
        color: $brand-header;
        stroke: $brand-accessible-active;
        fill: $brand-header;
      }
    }

    /**
      * Disabled state for favorites button
      *
      * @selector .slds-is-disabled
      * @restrict .slds-global-header__button_icon-favorites
      * @deprecated
      */
    &.slds-is-disabled .slds-icon,
    &.slds-is-disabled .slds-button__icon,
    &:disabled .slds-icon,
    &:disabled .slds-button__icon {
      stroke: $brand-header-contrast-weak-disabled;
    }
  }

  /**
    * Button icons on the global header
    *
    * @selector .slds-global-header__button_icon
    * @restrict .slds-global-header__item button
    * @deprecated
    */
  .slds-global-header__button_icon,
  .slds-global-header__button--icon {
    margin: 0 $spacing-xx-small;
    color: $brand-header-contrast-weak;

    .slds-icon {
      fill: $brand-header-contrast-weak; // backwards compatible for old implementations
    }

    &:hover:not(:disabled),
    &:focus {
      color: $brand-header-contrast-weak-active;
    }

    &:hover:not(:disabled) .slds-icon,
    &:focus .slds-icon {
      fill: $brand-header-contrast-weak-active; // backwards compatible for old implementations
    }
  }
}
