// Govspeak typography
// https://govuk-publishing-components.herokuapp.com/component-guide/govspeak/heading_levels
// https://govuk-publishing-components.herokuapp.com/component-guide/govspeak/lists
// https://govuk-publishing-components.herokuapp.com/component-guide/govspeak/nested_lists
// https://govuk-publishing-components.herokuapp.com/component-guide/govspeak/blockquote
//
// Support:
// - alphagov/whitehall: ✔︎
// - alphagov/govspeak: ✔︎

.gem-c-govspeak {
  @include govuk-text-colour;

  @include govuk-font($size: 16);

  ol,
  ul,
  p {
    @include govuk-font($size: 19);
    margin-top: $gutter-half;
    margin-bottom: $gutter-half;

    @include govuk-media-query($from: tablet) {
      margin-top: $gutter-two-thirds;
      margin-bottom: $gutter-two-thirds;
    }
  }

  // Headings

  // H1's are not allowed and thus are styled bare
  h1 {
    @include govuk-font($size: 19);
    margin: 0;
    padding: 0;
  }

  h2 {
    @include govuk-font($size: 27, $weight: bold);
    margin-top: $gutter;
    margin-bottom: 0;

    @include govuk-media-query($from: desktop) {
      margin-top: $gutter * 1.5;
      margin-bottom: 0;
    }
  }

  h3 {
    @include govuk-font($size: 19, $weight: bold);
    margin-top: $gutter + 5px;
    margin-bottom: 0;
  }

  h4,
  h5,
  h6 {
    @include govuk-font($size: 19, $weight: bold);
    margin-top: $gutter + 5px;
    margin-bottom: 0;

    + p {
      margin-top: 5px;
    }
  }

  h5,
  h6 {
    margin: 0;
  }

  h2:first-child,
  h3:first-child,
  h4:first-child,
  p:first-child {
    margin-top: 0;
  }

  // Links
  a {
    @include govuk-link-style-default;
    @include govuk-focusable-fill;
  }

  // Lists

  ol,
  ul {
    list-style: decimal;
    list-style-position: outside;
    margin-left: $gutter-two-thirds;
    padding: 0;

    ul,
    ol {
      margin-top: 0;
      margin-bottom: 0;
      padding: 0;
    }

    @include ie(7) {
      li {
        margin-left: $gutter;
      }
    }
  }

  ul {
    list-style: disc;
    list-style-position: outside;
  }

  li {
    margin: 0 0 5px 0;
    padding: 0;

    p {
      margin: 0;
      padding: 0;
    }

    p + p,
    p + ul,
    p + ol,
    ul + p,
    ul + ol,
    ol + p,
    ol + ul {
      margin-top: 5px;
    }
  }

  &.direction-rtl ol,
  &.direction-rtl ul {
    margin-left: 0;
    margin-right: $gutter-two-thirds;

    ul,
    ol {
      margin-top: 0;
      margin-bottom: 0;
    }
  }

  // Block quotes

  blockquote {
    padding: 0 0 0 $gutter-two-thirds;
    margin: 0;
    border: 0;

    @include media(desktop) {
      margin: 0 0 0 (-$gutter);
    }

    p {
      padding-left: $gutter-half;

      @include media(tablet) {
        padding-left: $gutter;
      }

      &:before {
        content: "\201C";
        float: left;
        clear: both;
        margin-left: -$gutter-half;
      }

      &:last-child:after {
        content: "\201D";
      }
    }
  }

  &.direction-rtl blockquote {
    padding: 0 $gutter-two-thirds 0 0;

    @include govuk-media-query($from: desktop) {
      margin: 0 (-$gutter) 0 0;
    }

    p {
      padding-right: $gutter-half;
      padding-left: 0;

      @include govuk-media-query($from: tablet) {
        padding-right: $gutter;
        padding-left: 0;
      }

      &:before {
        content: "\201D";
        float: right;
        margin-right: -$gutter-half;
        margin-left: 0;
      }

      &:last-child:after {
        content: "\201C";
      }
    }
  }

  // Text styles

  em,
  i {
    font-style: normal;
    font-weight: inherit;
  }

  sup {
    font-size: 0.8em;
    line-height: 0.7em;
    vertical-align: super;
  }

  abbr {
    cursor: help;
    text-decoration: none;
  }

  // Horizontal Rule

  hr {
    margin-top: $gutter - 1px;
    margin-bottom: $gutter;
    border-top: 1px solid $border-colour;
  }
}