@import url(../var.less);

@radio-group-prefix: ~"@{prefix}radio-group";

.@{radio-group-prefix}{
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
  font-size: 0;

  &.is-vertical {
    .w-radio {
      display: block;
      margin-right: 0;
      margin-bottom: 20px;
      &:last-child {
        margin-bottom: 0;
      }
    }

    .w-radio-button {
      display: block;
      .w-radio-button__inner {
        border: @button-border;
        border-bottom: 0;
      }
      &__orig-radio {
        &:checked {
          & + .@{radio-button-prefix}__inner {
            border-color: @radio-button-checked-border-color;
            box-shadow: 0px 0 -1px 0 @radio-button-checked-border-color;
          }
        }

        &:disabled {
          &:checked + .@{radio-button-prefix}__inner {
            border-color: @button-disabled-border-color;
          }
        }
      }

      &:last-child {
        border-bottom: @button-border;
        .@{radio-button-prefix}__inner {
          border-radius: 0 0 @border-radius-base @border-radius-base ;
        }
      }
    
      &:first-child{
        .@{radio-button-prefix}__inner {
          border-radius: @border-radius-base @border-radius-base 0 0 ;
        }
      }
    }

    & .is-plain {
      .w-radio-button {
        &__orig-radio {
          &:checked {
            & + .@{radio-button-prefix}__inner {
              border-color: @radio-button-checked-border-color;
              box-shadow: 0px 1px 0px 0px @radio-button-checked-border-color!important;
              z-index: 3;
            }
          }
  
          &:disabled {
            &:checked + .@{radio-button-prefix}__inner {
              border-color: @button-disabled-border-color;
              box-shadow: 0px 1px 0px 0px @button-disabled-border-color!important;
            }
          }
        }
      }
    }
  }
}