@use '../settings/variables' as v;
@use '../settings/mixins' as m;
@use '../settings/functions' as f;

.qpp-c-link {
  color: v.$blue-70;
  text-decoration: underline;

  &:hover,
  &.qpp-c-link--hover {
    text-decoration: none;
  }

  &:focus,
  &.qpp-c-link--focus {
    @include m.link-focus;
  }
}

.qppds,
.qpp-prose {
  a {
    color: v.$blue-70;
    text-decoration: underline;

    &:hover {
      text-decoration: none;
    }

    &:focus {
      @include m.link-focus;
    }
  }

  &.qpp-dark-background,
  .qpp-dark-background {
    a {
      color: v.$white;
    }
  }

  /* stylelint-disable selector-max-specificity, selector-descendant-combinator-no-non-space, indentation, selector-combinator-space-before */
  a:not(.qpp-c-button):not(.qpp-c-tabs__item):not(.qpp-c-dropdown-menu__item):not(.qpp-c-breadcrumbs__link)
    > svg,
  .qpp-c-link:not(.qpp-c-button):not(.qpp-c-tabs__item):not(.qpp-c-dropdown-menu__item):not(.qpp-c-breadcrumbs__link)
    > svg {
    @include m.inline-icon;
    margin-top: -0.3em;
    margin-left: f.rem(6px);
    width: 1.2em;
    height: 1.2em;
  }
  /* stylelint-enable selector-max-specificity, selector-descendant-combinator-no-non-space, indentation, selector-combinator-space-before */
}