/*
 * Enter any custom CSS here.
 * This file will not be overwritten by theme updates.
*/

/* TOX_CHECKOUT_OVERRIDES_START */
/* tox-hide: powered-by=false,footer=false,header=false */
/* Managed from ToX Admin → Checkout */
:root {
  --tox-checkout-bg: #101010;
  --tox-checkout-surface: #121212;
  --tox-checkout-accent: #a855f7;
  --tox-checkout-accent-hover: #9333ea;
  --tox-checkout-text: #ffffff;
  --tox-checkout-muted: #9ca3af;
  --tox-checkout-btn-text: #ffffff;
  --tox-checkout-radius: 12px;
}

body,
.checkout,
.checkout-container,
.embed-checkout,
.shop-checkout {
  background-color: var(--tox-checkout-bg) !important;
  color: var(--tox-checkout-text) !important;
}

.card,
.panel,
.checkout-card,
.checkout-panel,
.product-card {
  background-color: var(--tox-checkout-surface) !important;
  border-color: rgba(168, 85, 247, 0.25) !important;
  border-radius: var(--tox-checkout-radius) !important;
}

button,
.btn,
.button,
.checkout-button,
[type="submit"] {
  background-color: var(--tox-checkout-accent) !important;
  color: var(--tox-checkout-btn-text) !important;
  border-radius: var(--tox-checkout-radius) !important;
}

button:hover,
.btn:hover,
.button:hover,
.checkout-button:hover,
[type="submit"]:hover {
  background-color: var(--tox-checkout-accent-hover) !important;
}

input,
select,
textarea {
  background-color: var(--tox-checkout-surface) !important;
  color: var(--tox-checkout-text) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  border-radius: var(--tox-checkout-radius) !important;
}

.text-muted,
.muted,
small {
  color: var(--tox-checkout-muted) !important;
}

/* TOX_CHECKOUT_OVERRIDES_END */