//
// Copyright IBM Corp. 2020, 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 '@carbon/styles/scss/breakpoint' as *;
@use '@carbon/styles/scss/config' as *;
@use '@carbon/styles/scss/spacing' as *;
@use '@carbon/styles/scss/theme' as *;
@use '@carbon/ibmdotcom-styles/scss/internal/content-section';
@use '@carbon/ibmdotcom-styles/scss/globals/utils/hang' as *;
@use '@carbon/ibmdotcom-styles/scss/globals/vars' as *;

:host(#{$c4d-prefix}-cta-section) {
  display: block;
  background-color: $background;

  .#{$prefix}--content-section {
    @include hang;

    padding-block: 0 $spacing-09;
    padding-inline-start: $spacing-06;

    @include breakpoint(sm) {
      padding-inline-start: 0;
    }
  }

  .#{$prefix}--content-section__leading {
    padding-block-end: 0;

    @include breakpoint(md) {
      padding: $spacing-05;
      margin-block-start: $spacing-09;
      padding-block-end: 0;
    }

    @include breakpoint(lg) {
      margin-block-end: $spacing-09;
      padding-inline-start: $spacing-05;
    }
  }

  .#{$prefix}--content-section__body {
    padding-block-start: $spacing-09;
  }

  ::slotted(#{$c4d-prefix}-content-section-heading) {
    margin-block-end: $spacing-07;

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

  ::slotted(#{$c4d-prefix}-cta-block) {
    padding-block-start: 0;

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