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

// Standard imports.
@use '@carbon/styles/scss/spacing' as *;
@use '@carbon/styles/scss/type';
@use '@carbon/styles/scss/config' as carbon-config;

@use '../../global/styles/project-settings' as c4p-settings;
@use '../../global/styles/mixins' as *;

// EditSidePanel uses the following IBM Products components:
@use '../SidePanel/side-panel';

// The block part of our conventional BEM class names (blockClass__E--M).
$block-class: #{c4p-settings.$pkg-prefix}--edit-side-panel;
$side-panel-block-class: #{c4p-settings.$pkg-prefix}--side-panel;

.#{$block-class} {
  .#{carbon-config.$prefix}--form.#{$block-class}__form {
    padding-block-start: $spacing-05;
  }

  .#{$block-class}__form.#{carbon-config.$prefix}--fieldset {
    padding-block-start: $spacing-03;
  }

  .#{$block-class}__form > * {
    margin-block-end: $spacing-05;
  }

  .#{$block-class}__form-title-text {
    @include type.type-style('heading-compact-02');

    padding-block-end: $spacing-03;
  }

  .#{$block-class}__form-description-text {
    @include type.type-style('body-01');
  }

  &.#{$side-panel-block-class}
    .#{carbon-config.$prefix}--btn.#{$side-panel-block-class}__close-button {
    display: none;
  }
}