//
// Copyright IBM Corp. 2026
//
// 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/theme' as *;
@use '@carbon/styles/scss/spacing' as *;
@use '@carbon/styles/scss/type' as *;
@use '@carbon/styles/scss/motion' as *;
@use '@carbon/styles/scss/utilities';

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

$block-class-next: #{c4p-settings.$pkg-prefix}--card-next;

// Base card styles
.#{$block-class-next} {
  position: relative;
  border: 1px solid $border-subtle-01;
  background-color: $layer-01;
  color: $text-primary;
}

// Clickable card styles
.#{$block-class-next}--clickable {
  cursor: pointer;
  transition: background-color $duration-fast-02 motion(standard, productive);

  &:hover {
    background-color: $layer-hover-01;
  }

  &:focus {
    @include utilities.focus-outline('outline');
  }

  &:active {
    background-color: $layer-active-01;
  }
}

// Disabled state
.#{$block-class-next}--disabled {
  border-color: $border-disabled;
  background-color: $layer-01;
  color: $text-disabled;
  cursor: not-allowed;
  pointer-events: none;
}

// Header styles
.#{$block-class-next}__header {
  display: flex;
  flex-direction: column;
  padding: $spacing-05;
  gap: $spacing-03;
}

// Body styles
.#{$block-class-next}__body {
  @include type-style('body-compact-01');

  padding: $spacing-05;
  padding-block-start: 0;
}

// Footer styles
.#{$block-class-next}__footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: $spacing-05;
  gap: $spacing-03;
  padding-block-start: 0;
}