//
// Copyright IBM Corp. 2019
//
// 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;

@import 'carbon-components/scss/globals/scss/css--helpers';
@import 'carbon-components/scss/components/form/form';
@import 'carbon-components/scss/components/radio-button/radio-button';

:host(#{$prefix}-radio-button-group) {
  @extend .#{$prefix}--radio-button-group;
}

:host(#{$prefix}-radio-button-group[label-position='left']) {
  @extend .#{$prefix}--radio-button-group--label-left;
}

:host(#{$prefix}-radio-button-group[orientation='vertical']) {
  @extend .#{$prefix}--radio-button-group--vertical;
}

:host(#{$prefix}-radio-button),
:host(#{$prefix}-radio-button-skeleton) {
  @extend .#{$prefix}--form-item;
}

:host(#{$prefix}-radio-button) {
  @extend .#{$prefix}--radio-button-wrapper;
  outline: none;

  .#{$prefix}--radio-button__label {
    flex-direction: row;
  }
}

:host(#{$prefix}-radio-button[disabled]) {
  .#{$prefix}--radio-button__label {
    color: $disabled;
    cursor: not-allowed;
  }

  .#{$prefix}--radio-button__appearance {
    border-color: $disabled;

    &::before {
      background-color: $disabled;
    }
  }
}

:host(#{$prefix}-radio-button[label-position='left']) {
  .#{$prefix}--radio-button__label {
    flex-direction: row-reverse;
  }

  .#{$prefix}--radio-button__appearance {
    margin-right: 0;
    margin-left: $carbon--spacing-03;
  }
}