/*————————————

Checked state background

————————————*/

/* Primary Colors */ .g-bg-primary {

&--checked {
  input[type="checkbox"]:checked + &,
  input[type="radio"]:checked + &,
  input[type="checkbox"]:checked + * &,
  input[type="radio"]:checked + * & {
    background-color: $g-color-primary !important;
  }

  &.g-checked,
  .g-checked & {
    background-color: $g-color-primary !important;
  }
}

}

/* Black Colors */ .g-bg-black {

&--checked {
  input[type="checkbox"]:checked + &,
  input[type="radio"]:checked + &,
  input[type="checkbox"]:checked + * &,
  input[type="radio"]:checked + * & {
    background-color: $g-color-black !important;
  }

  &.g-checked,
  .g-checked & {
    background-color: $g-color-black !important;
  }
}

}

/* White Colors */ .g-bg-white {

&--checked {
  input[type="checkbox"]:checked + &,
  input[type="radio"]:checked + &,
  input[type="checkbox"]:checked + * &,
  input[type="radio"]:checked + * & {
    background-color: $g-color-white !important;
  }

  &.g-checked,
  .g-checked & {
    background-color: $g-color-white !important;
  }
}

}

/* Gray Colors */ .g-bg-dark {

// Dark Gray
&-dark {
  &-v1 {
    &--checked {
      input[type="checkbox"]:checked + &,
      input[type="radio"]:checked + &,
      input[type="checkbox"]:checked + * &,
      input[type="radio"]:checked + * & {
        background-color: $g-color-gray-dark-v1 !important;
      }

      &.g-checked,
      .g-checked & {
        background-color: $g-color-gray-dark-v1 !important;
      }
    }
  }

  &-v2 {
    &--checked {
      input[type="checkbox"]:checked + &,
      input[type="radio"]:checked + &,
      input[type="checkbox"]:checked + * &,
      input[type="radio"]:checked + * & {
        background-color: $g-color-gray-dark-v2 !important;
      }

      &.g-checked,
      .g-checked & {
        background-color: $g-color-gray-dark-v2 !important;
      }
    }
  }

  &-v3 {
    &--checked {
      input[type="checkbox"]:checked + &,
      input[type="radio"]:checked + &,
      input[type="checkbox"]:checked + * &,
      input[type="radio"]:checked + * & {
        background-color: $g-color-gray-dark-v3 !important;
      }

      &.g-checked,
      .g-checked & {
        background-color: $g-color-gray-dark-v3 !important;
      }
    }
  }

  &-v4 {
    &--checked {
      input[type="checkbox"]:checked + &,
      input[type="radio"]:checked + &,
      input[type="checkbox"]:checked + * &,
      input[type="radio"]:checked + * & {
        background-color: $g-color-gray-dark-v4 !important;
      }

      &.g-checked,
      .g-checked & {
        background-color: $g-color-gray-dark-v4 !important;
      }
    }
  }

  &-v5 {
    &--checked {
      input[type="checkbox"]:checked + &,
      input[type="radio"]:checked + &,
      input[type="checkbox"]:checked + * &,
      input[type="radio"]:checked + * & {
        background-color: $g-color-gray-dark-v5 !important;
      }

      &.g-checked,
      .g-checked & {
        background-color: $g-color-gray-dark-v5 !important;
      }
    }
  }
}

// Light Gray
&-light {
  &-v1 {
    &--checked {
      input[type="checkbox"]:checked + &,
      input[type="radio"]:checked + &,
      input[type="checkbox"]:checked + * &,
      input[type="radio"]:checked + * & {
        background-color: $g-color-gray-light-v1 !important;
      }

      &.g-checked,
      .g-checked & {
        background-color: $g-color-gray-light-v1 !important;
      }
    }
  }

  &-v2 {
    &--checked {
      input[type="checkbox"]:checked + &,
      input[type="radio"]:checked + &,
      input[type="checkbox"]:checked + * &,
      input[type="radio"]:checked + * & {
        background-color: $g-color-gray-light-v2 !important;
      }

      &.g-checked,
      .g-checked & {
        background-color: $g-color-gray-light-v2 !important;
      }
    }
  }

  &-v3 {
    &--checked {
      input[type="checkbox"]:checked + &,
      input[type="radio"]:checked + &,
      input[type="checkbox"]:checked + * &,
      input[type="radio"]:checked + * & {
        background-color: $g-color-gray-light-v3 !important;
      }

      &.g-checked,
      .g-checked & {
        background-color: $g-color-gray-light-v3 !important;
      }
    }
  }

  &-v4 {
    &--checked {
      input[type="checkbox"]:checked + &,
      input[type="radio"]:checked + &,
      input[type="checkbox"]:checked + * &,
      input[type="radio"]:checked + * & {
        background-color: $g-color-gray-light-v4 !important;
      }

      &.g-checked,
      .g-checked & {
        background-color: $g-color-gray-light-v4 !important;
      }
    }
  }

  &-v5 {
    &--checked {
      input[type="checkbox"]:checked + &,
      input[type="radio"]:checked + &,
      input[type="checkbox"]:checked + * &,
      input[type="radio"]:checked + * & {
        background-color: $g-color-gray-light-v5 !important;
      }

      &.g-checked,
      .g-checked & {
        background-color: $g-color-gray-light-v5 !important;
      }
    }
  }
}

}

/* Transparent */ .g-bg-transparent {

&--checked {
  input[type="checkbox"]:checked + &,
  input[type="radio"]:checked + &,
  input[type="checkbox"]:checked + * &,
  input[type="radio"]:checked + * & {
    background-color: transparent !important;
  }

  &.g-checked,
  .g-checked & {
    background-color: transparent !important;
  }
}

}

/* Color Red */ .g-bg-red {

&--checked {
  input[type="checkbox"]:checked + &,
  input[type="radio"]:checked + &,
  input[type="checkbox"]:checked + * &,
  input[type="radio"]:checked + * & {
    background-color: $g-color-red !important;
  }

  &.g-checked,
  .g-checked & {
    background-color: $g-color-red !important;
  }
}

}