/* Solana Pay official marks: exactly one variant visible per theme.
   html[data-theme|data-color-mode]=dark|light (lt1-color-mode); may be unset until JS. */
.pay-mark-sp-on-light { display: inline !important; }
.pay-mark-sp-on-dark { display: none !important; }

html[data-theme="dark"] .pay-mark-sp-on-light,
html[data-color-mode="dark"] .pay-mark-sp-on-light,
body.theme-dark .pay-mark-sp-on-light {
  display: none !important;
}
html[data-theme="dark"] .pay-mark-sp-on-dark,
html[data-color-mode="dark"] .pay-mark-sp-on-dark,
body.theme-dark .pay-mark-sp-on-dark {
  display: inline !important;
}

html[data-theme="light"] .pay-mark-sp-on-dark,
html[data-color-mode="light"] .pay-mark-sp-on-dark,
body.theme-light .pay-mark-sp-on-dark {
  display: none !important;
}
html[data-theme="light"] .pay-mark-sp-on-light,
html[data-color-mode="light"] .pay-mark-sp-on-light,
body.theme-light .pay-mark-sp-on-light {
  display: inline !important;
}

/* Before JS: OS preference only when theme not set explicitly. */
@media (prefers-color-scheme: dark) {
  html:not([data-theme]):not([data-color-mode]) .pay-mark-sp-on-light {
    display: none !important;
  }
  html:not([data-theme]):not([data-color-mode]) .pay-mark-sp-on-dark {
    display: inline !important;
  }
}