:root {
  --btcpay-neutral-50: #0d1117;
  --btcpay-neutral-100: var(--btcpay-neutral-dark-900);
  --btcpay-neutral-200: var(--btcpay-neutral-dark-800);
  --btcpay-neutral-300: var(--btcpay-neutral-dark-700);
  --btcpay-neutral-400: var(--btcpay-neutral-dark-600);
  --btcpay-neutral-500: var(--btcpay-neutral-dark-500);
  --btcpay-neutral-600: var(--btcpay-neutral-dark-400);
  --btcpay-neutral-700: var(--btcpay-neutral-dark-300);
  --btcpay-neutral-800: var(--btcpay-neutral-dark-200);
  --btcpay-neutral-900: var(--btcpay-neutral-dark-100);
  --btcpay-bg-dark: var(--btcpay-neutral-50);
  --btcpay-bg-tile: var(--btcpay-bg-dark);
  --btcpay-body-bg-light: var(--btcpay-neutral-50);
  --btcpay-body-bg-hover: var(--btcpay-neutral-50);
  --btcpay-body-bg-rgb: 22, 27, 34;
  --btcpay-body-text: var(--btcpay-white);
  --btcpay-body-text-muted: var(--btcpay-neutral-600);
  --btcpay-body-text-warning-rgb: 255, 192, 67;
  --btcpay-body-text-rgb: 255, 255, 255;
  --btcpay-body-link-accent: var(--btcpay-primary-accent);
  --btcpay-body-link-accent-rgb: var(--btcpay-primary-accent-rgb);
  --btcpay-form-bg: var(--btcpay-bg-dark);
  --btcpay-form-text: var(--btcpay-neutral-800);
  --btcpay-form-text-label: var(--btcpay-neutral-900);
  --btcpay-form-border: var(--btcpay-neutral-200);
  --btcpay-header-bg: var(--btcpay-bg-dark);
  --btcpay-nav-link: var(--btcpay-neutral-500);
  --btcpay-nav-link-active: var(--btcpay-white);
  --btcpay-footer-link-accent: var(--btcpay-neutral-800);
  --btcpay-pre-bg: var(--btcpay-bg-dark);
  --btcpay-primary-accent: rgb(var(--btcpay-primary-accent-rgb));
  --btcpay-primary-accent-rgb: 30, 122, 68;
  --btcpay-secondary: transparent;
  --btcpay-secondary-text-active: var(--btcpay-primary);
  --btcpay-secondary-rgb: 22, 27, 34;
  --btcpay-warning-text: var(--btcpay-neutral-100);
  --btcpay-warning-text-hover: var(--btcpay-neutral-100);
  --btcpay-warning-text-active: var(--btcpay-neutral-100);
  --btcpay-warning-dim-text: var(--btcpay-neutral-200);
  --btcpay-light-dim-bg: var(--btcpay-neutral-50);
  --btcpay-light-shadow: rgba(66, 70, 73, 0.33);
  --btcpay-light-rgb: 33, 38, 45;
  --btcpay-dark-accent: var(--btcpay-neutral-600);
  --btcpay-dark-dim-bg: var(--btcpay-white);
  --btcpay-dark-shadow: rgba(211, 212, 213, 0.33);
  --btcpay-dark-rgb: 201, 209, 217;
}

/* ===================================================================
   Footer Customization: Hide the footer globally
   =================================================================== */
footer,
.site-footer,
.sticky-footer,
#sticky-footer,
.footer {
  display: none !important;
}

/* Completely hide the BTCPay Supporters section universally (Login, 404, 403, and all Error pages) */
hr:has(~ div [id="supporter-spiral"]) {
  display: none !important;
}

h5:has(~ div [id="supporter-spiral"]) {
  display: none !important;
}

.d-flex:has(> .px-4 > a[href*="spiral.xyz"]) {
  display: none !important;
}

p:has(> a[href*="foundation.btcpayserver.org"]) {
  display: none !important;
}

/* Hide the default BTCPay SVG logo and hide the text "Powered by" */
.store-powered-by {
  font-size: 0 !important;
  color: transparent !important;
}

.store-powered-by svg {
  display: none !important;
}

/* Insert custom logo image only */
.store-powered-by::after {
  content: "";
  display: inline-block;
  width: 209px;
  /* Custom width for poweredbyxprt logo */
  height: 57px;
  /* Custom height for poweredbyxprt logo */
  background: url('https://pay.xprt.us/img/poweredbyxprt.svg') no-repeat center;
  background-size: contain;
  vertical-align: middle;
}