@import "settings.breakpoints";
@import "settings.colors";
@import "settings.fonts";

@import "mixins/settings.fonts";
@import "mixins/tools.mixins";
@import "mixins/components.adv";
@import "mixins/components.label";

.c-label {
  @include meta-text;
  @include font-gm-sans-bold;
  color: $color-grey-660;
  letter-spacing: rem(1);
  line-height: line-height(11, 20); // font-size and line-height, in pixels
  @include mq($from: tablet) {
    @include css-variables("font-size", 14);
  }

  &.c-label--red500 {
    color: $color-red-500;
  }
}

.c-label--section-feed {
  @include c-label-section-feed;
}

.c-label-ad--native {
  @include adv-font;
  font-style: normal;
  background-color: transparent;
  color: $color-grey-660;
  padding-bottom: rem(10);
  display: inline-block;
}

.c-label--card {
  .c-label--card__content {
    @include font-gm-sans-bold;
    background-color: $color-red-700;
    padding: rem(4) rem(7);
    color: $color-white;
    text-transform: uppercase;
    @include css-variables("font-size", 12);
    margin-bottom: rem(10);
    display: inline-block;
    letter-spacing: rem(1);
    line-height: rem(12);

    &.c-label--card__content--red700 {
      background-color: $color-red-700;
    }

    &.c-label--card__content--gold900 {
      background-color: $color-gold-900;
    }

    &.c-label--card__content--rust900 {
      background-color: $color-rust-900;
    }
    &.c-label--card__content--red500 {
      background-color: $color-red-500;
    }

    &.c-label--card__content--stone999 {
      background-color: $color-stone-999;
    }
  }
}

.c-label--card--muted {
  .c-label--card__content {
    @include font-gm-sans;
    background-color: transparent;
    color: $color-grey-660;
    padding: 0;
  }
}

.c-label--card--muted--red500 {
  .c-label--card__content {
    color: $color-red-500;
  }
}

.c-label--card--special {
  .c-label--card__content {
    background-color: $color-graphics-bronze;
  }
}

.c-label--card--author {
  .c-label--card__content {
    @include meta-text;
    padding: 0;
    background-color: transparent;
  }
}

.c-label--stocks {
  font-size: rem(14);
  line-height: line-height(14, 14);
  margin-top: 0;
}
