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

/// @deprecated Remap import to "@carbon/ibmdotcom-styles/scss/components/leadspace-block/leadspace-block"
@warn 'Deprecated scss import for `leadspace-block`, remap to `@carbon/ibmdotcom-styles/scss/components/leadspace-block/leadspace-block`';
@use '../../../components/leadspace-block';
@use '@carbon/styles/scss/utilities/convert' as *;

@mixin leadspace-block {
  .#{$prefix}--leadspace-block {
    &__title {
      color: $text-primary;
      inline-size: 90%;
      padding-block-start: $layout-03;
      @include type-style('fluid-heading-06', true);

      @include breakpoint(md) {
        padding-block-start: $layout-03;
      }

      @include breakpoint(lg) {
        padding-block-start: $layout-05;
      }
    }

    &__media {
      inline-size: 100%;
      max-inline-size: to-rem(640px);
    }

    .#{$prefix}--content-block {
      padding-block: 0 $layout-01;

      &__copy {
        p {
          @include type-style('fluid-heading-03', true);
        }
      }

      @include breakpoint(md) {
        padding-block-end: $layout-06;
      }
      @include breakpoint(lg) {
        padding-block-end: $layout-07;
      }

      .#{$prefix}--image-with-caption {
        margin-block-end: 0;
      }

      .#{$prefix}--link-list {
        max-inline-size: to-rem(640px);
        padding-block: $spacing-09;

        &__list__CTA {
          max-inline-size: none;
        }
      }

      .#{$prefix}--leadspace-block__media {
        @include breakpoint(md) {
          padding-block-start: $spacing-05;
        }

        .#{$prefix}--image-with-caption {
          margin-block-start: 0;
        }
      }
    }
    .#{$prefix}--hr {
      border-color: $toggle-off;
      margin-block-start: 0;
    }
  }
}