//
// 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/spacing' as *;
@use '@carbon/styles/scss/theme' as *;
@use '@carbon/ibmdotcom-styles/scss/components/content-block-media';
@use '@carbon/ibmdotcom-styles/scss/components/content-group-simple';
@use '@carbon/ibmdotcom-styles/scss/globals/vars' as *;

:host(#{$c4d-prefix}-content-block-media),
:host(#{$c4d-prefix}-content-block-media-content) {
  display: block;
}

:host(#{$c4d-prefix}-content-block-media-content) {
  @extend :host(#{$c4d-prefix}-content-group-simple);

  &::slotted(#{$c4d-prefix}-card-link) {
    display: block;
    margin-inline: -$spacing-05;
  }

  ::slotted(#{$c4d-prefix}-content-block-complementary) {
    @include breakpoint-down(lg) {
      margin: $spacing-10 0;
    }
  }

  ::slotted(*) {
    margin-inline: $spacing-05;
  }

  ::slotted([slot='media']) {
    margin-block-start: 0;
  }
}