/*
* Copyright IBM Corp. 2025, 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.
*/

$css--plex: true !default;

@use 'sass:map';
@use '@carbon/styles/scss/theme' as *;
@use '@carbon/styles/scss/spacing' as *;
@use '@carbon/styles/scss/reset';
@use '@carbon/styles/scss/type';

$prefix: 'c4p';
$carbon-prefix: 'cds';
$block-class: #{$prefix}--options-tile;

:host(#{$prefix}-options-tile) {
  .#{$block-class} {
    background: $layer-01;

    &__header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      block-size: $spacing-09;
      padding-inline: $spacing-05;
      padding-inline-end: $spacing-05;

      &-left {
        display: flex;
        align-items: center;
      }

      &-right {
        display: flex;
        align-items: center;
      }
    }

    &__title {
      @include type.type-style('heading-compact-01');
    }

    &__summary {
      @include type.type-style('helper-text-01');
    }

    &__chevron {
      margin-inline-end: $spacing-03;
    }

    &__body {
      padding-block-end: $spacing-06;
      padding-block-start: $spacing-03;
      padding-inline: $spacing-05;
      padding-inline-start: $spacing-09;
    }
  }

  .#{$block-class}--xl .#{$block-class}__header {
    block-size: $spacing-10;
  }

  .#{$block-class}--open .#{$block-class}__chevron {
    transform: rotate(-180deg);
  }
}