/**
 * Cache-busted checkout validation label colors.
 *
 * Bootstrap uses valid/invalid colors for labels following a checkbox. Keep
 * the control state visible while the option and legal-copy text stays legible
 * in YO! JAPAN's standard ink color.
 */
@import url("/themes/child_hummingbird/assets/css/brand-ui-v115.css");

body.page-customer-account .js-customer-form.was-validated .form-check-input:valid ~ .form-check-label,
body.page-customer-account .js-customer-form.was-validated .form-check-input:invalid ~ .form-check-label,
body.page-customer-account .js-customer-form .form-check-input.is-invalid ~ .form-check-label,
body#checkout .js-customer-form.was-validated .form-check-input:valid ~ .form-check-label,
body#checkout .js-customer-form.was-validated .form-check-input:invalid ~ .form-check-label,
body#checkout .js-customer-form .form-check-input.is-invalid ~ .form-check-label {
  color: #1f211d;
}

body.page-customer-account .js-customer-form .form-check-label.required a,
body#checkout .js-customer-form .form-check-label.required a {
  color: #2f332d;
  text-decoration: underline;
  text-decoration-color: #c5ad79;
  text-underline-offset: 0.16em;
}

body.page-customer-account .js-customer-form .form-check-label.required a:hover,
body.page-customer-account .js-customer-form .form-check-label.required a:focus-visible,
body#checkout .js-customer-form .form-check-label.required a:hover,
body#checkout .js-customer-form .form-check-label.required a:focus-visible {
  color: #80622f;
  text-decoration-color: currentColor;
}