/* MATRIX TERMINAL THEME FOR BTCPAY SERVER */
/* Pure black background + glowing lime-green text + monospace font */

:root {
  --bs-body-bg: #0D0208;
  --bs-body-color: #00FF41;
  --btcpay-primary: #00FF41;
  --btcpay-primary-100: #80ce87;
  --btcpay-primary-200: #22b455;
  --btcpay-primary-300: #008F11;
  --btcpay-primary-400: #003B00;
  --bs-link-color: #80ce87;
  --bs-link-hover-color: #22b455;
  --bs-border-color: #003B00;
  --font-sans-serif: 'Courier New', Courier, monospace;
  --font-monospace: 'Courier New', Courier, monospace;
}

body {
  background-color: #0D0208 !important;
  color: #00FF41 !important;
  font-family: 'Courier New', Courier, monospace !important;
  background-image: radial-gradient(circle at top, #001a00, #0D0208);
}

.navbar, .header, .card, .table, .modal-content {
  background-color: #0D0208 !important;
  border: 1px solid #003B00 !important;
  color: #00FF41 !important;
}

h1, h2, h3, h4, h5, .navbar-brand, .btn-link {
  color: #00FF41 !important;
  text-shadow: 0 0 8px rgba(0, 255, 65, 0.6);
}

.btn-primary {
  background-color: #008F11 !important;
  border-color: #00FF41 !important;
  color: #00FF41 !important;
  text-shadow: 0 0 5px rgba(0, 255, 65, 0.8);
  box-shadow: 0 0 10px rgba(0, 255, 65, 0.5);
}

.btn-primary:hover {
  background-color: #00FF41 !important;
  color: #0D0208 !important;
  box-shadow: 0 0 20px rgba(0, 255, 65, 0.9);
}

.form-control, .form-select, .input-group-text {
  background-color: #003B00 !important;
  border: 1px solid #008F11 !important;
  color: #00FF41 !important;
}

.table th {
  background-color: #003B00 !important;
  color: #80ce87 !important;
}

.table td, .table {
  border-color: #003B00 !important;
  color: #00FF41 !important;
}

/* Checkout & Invoice pages */
.invoice, .checkout-container, .modal-content {
  background: linear-gradient(180deg, #0D0208 0%, #001a00 100%) !important;
  border: 1px solid #008F11 !important;
  box-shadow: 0 0 20px rgba(0, 255, 65, 0.3);
  color: #00FF41 !important;
}

/* QR code green tint */
qr-code canvas, img.qr-code {
  filter: hue-rotate(90deg) brightness(1.3) contrast(1.2);
}

/* Glowing animation for buttons and headings */
@keyframes matrixGlow {
  0%, 100% { text-shadow: 0 0 5px #00FF41; }
  50% { text-shadow: 0 0 20px #00FF41, 0 0 30px #008F11; }
}

.btn-primary, h1, h2, .navbar-brand {
  animation: matrixGlow 3s infinite alternate;
}

/* Final fallback */
* {
  scrollbar-color: #008F11 #0D0208;
}