/* Consent checkboxes: checkout and the registration form. Colors inherit from
   the surrounding block so the same markup works on light and dark panels. */

.oxid-consents {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
  margin: 1rem 0;
  font-size: 0.8125rem;
  line-height: 1.5;
  text-align: left;
}

.oxid-consents__item {
  display: flex;
  align-items: flex-start;
  gap: 0.6rem;
  cursor: pointer;
}

/* WooCommerce forces "display: block" on every label inside .form-row */
.woocommerce form .oxid-consents label.oxid-consents__item {
  display: flex;
}

.oxid-consents__item input[type='checkbox'] {
  flex-shrink: 0;
  width: 1.1rem;
  height: 1.1rem;
  margin: 0.15rem 0 0;
  accent-color: var(--wp--preset--color--oxid-blue, #2d4f8b);
  cursor: pointer;
}

.oxid-consents__item a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
  transition: color 200ms ease;
}

.oxid-consents__item a:hover {
  color: var(--wp--preset--color--oxid-cyan, #4fbed3);
}

.oxid-consents .required {
  color: #c0392b;
  text-decoration: none;
  border: 0;
}