/* Forza sempre light mode come fallback */
html {
  background: #ffffff;
  color: #000000;
}

body {
  background: #ffffff !important;
  color: #000000 !important;
}

@media (prefers-color-scheme: dark) {
  body,
  .page,
  #page,
  #columns,
  .container,
  header,
  footer {
    background-color: #ffffff !important;
    color: #000000 !important;
  }

  a, h1, h2, h3, h4, h5, h6, p, span {
    color: #000000 !important;
  }

  /* Assicura visibilità a radio e checkbox */
  input[type="radio"],
  input[type="checkbox"] {
    accent-color: #000000 !important; /* o il colore principale del tuo tema */
    background-color: #ffffff !important;
    color: #000000 !important;
    border-color: #000000 !important;
  }

  /* Forza il colore del testo accanto a radio/checkbox */
  label,
  label[for*="conditions_to_approve"],
  .delivery-options label {
    color: #000000 !important;
  }
}