//
// Plugin: iCheck Bootstrap
//

// iCheck colors (theme colors)
@each $name, $color in $theme-colors {
  .icheck-#{$name} > input:first-child:not(:checked):not(:disabled):hover + label::before,
  .icheck-#{$name} > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
    border-color: #{$color};
  }

  .icheck-#{$name} > input:first-child:not(:checked):not(:disabled):focus + label::before,
  .icheck-#{$name} > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
    border-color: #{$color};
  }

  .icheck-#{$name} > input:first-child:checked + label::before,
  .icheck-#{$name} > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: #{$color};
    border-color: #{$color};
  }
}

// iCheck colors (colors)
@each $name, $color in $colors {
  .icheck-#{$name} > input:first-child:not(:checked):not(:disabled):hover + label::before,
  .icheck-#{$name} > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
    border-color: #{$color};
  }

  .icheck-#{$name} > input:first-child:not(:checked):not(:disabled):focus + label::before,
  .icheck-#{$name} > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
    border-color: #{$color};
  }

  .icheck-#{$name} > input:first-child:checked + label::before,
  .icheck-#{$name} > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: #{$color};
    border-color: #{$color};
  }
}

.dark-mode {
  [class*="icheck-"] > input:first-child:not(:checked) {
    + input[type="hidden"] + label::before,
    + label::before {
      border-color: $gray-600;
    }
  }
}