/**
* Copyright IBM Corp. 2016, 2023
*
* This source code is licensed under the Apache-2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/

@use '../../globals/utils/flex-grid' as *;

@mixin content-block-headlines {
  .#{$prefix}--content-block-headlines {
    .#{$prefix}--content-block {
      &__heading,
      &__copy {
        @include breakpoint(lg) {
          @include make-col-ready;

          @include make-col(8, 12);

          @include hang;
        }
      }

      &__copy {
        p {
          margin-block-end: $spacing-10;

          @include breakpoint(lg) {
            margin-block-end: $spacing-12;
          }
        }
      }

      @include breakpoint(md) {
        padding-block-start: $spacing-07;
      }

      @include breakpoint(lg) {
        padding-block-start: $spacing-10;
      }
    }

    &__container {
      @include make-row;
    }

    &__row {
      @include make-col-ready;

      &:last-of-type {
        margin-block-end: $spacing-07;

        @include breakpoint(md) {
          margin-block-end: $spacing-07;
        }

        @include breakpoint(lg) {
          margin-block-end: $spacing-12;
        }
      }

      @include breakpoint(md) {
        border-block-start: 1px solid $layer-accent-01;

        @include make-col(12, 12);
      }

      @include breakpoint(lg) {
        @include make-col(8, 12);
      }
    }

    &__item {
      &-container {
        @include make-row;
      }

      @include make-col-ready;

      border-block-start: 1px solid $layer-accent-01;

      padding-block: $spacing-05 $spacing-07;

      h4,
      p {
        color: $text-primary;
        max-inline-size: 90%;
      }

      p {
        @include type-style('body-02', true);

        margin: $spacing-05 0 0;
      }

      h4 {
        @include type-style('display-02', true);
      }

      .#{$prefix}--link {
        margin-block-start: $spacing-05;
      }

      @include breakpoint(md) {
        @include make-col(4, 8);

        border-block-start: none;

        padding-block: $spacing-05 $spacing-10;
      }
    }
  }
}