@import "settings.breakpoints";
@import "settings.colors";
@import "settings.vars";
@import "settings.z-index";

@import "mixins/settings.fonts";
@import "mixins/tools.mixins";

.o-financial-disclaimer {
  @include font-gm-sans;
  padding: 0 rem(4);

  .o-financial-disclaimer__copy {
    color: $color-grey-660;
    font-size: rem(12);
    line-height: line-height(12, 14);
    letter-spacing: rem(0.3);
    padding: rem(3) 0;
    margin: 0;
  }

  .o-financial-disclaimer__link {
    text-decoration: none;
    color: $color-grey-660;
    border-bottom: 1px solid $color-grey-660;

    &:visited {
      color: $color-grey-660;
      border-bottom: 1px solid $color-grey-660;
    }

    &:hover,
    &:focus {
      color: $color-grey-700;
      border-bottom: 1px solid $color-grey-700;
    }

    &:active {
      color: $color-grey-900;
      border-bottom: 1px solid $color-grey-900;
    }
  }

  .o-financial-disclaimer__container {
    padding: rem(20) 0;
    margin: 0;
  }

  .o-financial-disclaimer__anchor {
    color: $color-grey-660;
    display: inline-block;
  }

  .o-financial-disclaimer__img {
    display: inline-block;
    cursor: pointer;
    height: auto;
    padding: 0;
    margin: 0 rem(10);
  }
}

// stock disclaimer
.o-financial-disclaimer--stock {
  display: flex;
  flex-direction: ltr;
  padding: 0;

  .o-stock-disclaimer-analyst {
    background-color: $color-white;
    margin-left: rem(32);
    @include mq($until: mobileWide) {
      margin-left: 0;
    }
  }

  .o-stock-disclaimer-financials {
    background-color: $color-stone-100;
  }

  .c-button--blue-primary {
    max-height: rem(30);
  }
}
.o-stock-disclaimer-financials,
.o-stock-disclaimer-analyst {
  width: 50%;
}

.o-stock-disclaimer__footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: rem(10);
  margin-right: rem(10);
}

.o-stock-disclaimer__img--stock {
  margin-top: rem(12);
}

@include mq($until: mobileWide) {
  .c-button__text--stock {
    font-size: rem(12);
    line-height: line-height(12, 12);
  }

  .o-financial-disclaimer--stock {
    flex-direction: column;
  }

  .o-stock-disclaimer-financials,
  .o-stock-disclaimer-analyst {
    width: 100%;
  }
}
