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

/* ===================================================================
   Color Rebranding: xprt.us Next-Gen Cloud/SaaS Space Theme
   Derived from coming_soon.html design tokens
   =================================================================== */
:root,
[data-btcpay-theme="dark"],
[data-btcpay-theme="light"] {
  /* Cloud Theme Design Tokens */
  --bg-space: #060814;
  --card-bg: rgba(10, 15, 30, 0.7);
  --card-border: rgba(255, 255, 255, 0.06);
  --accent-purple: #a855f7;
  --accent-cyan: #06b6d4;
  --accent-blue: #3b82f6;
  --accent-pink: #f43f5e;
  --text-white: #f8fafc;
  --text-slate: #94a3b8;

  /* Global BTCPay Variable Mappings */
  --btcpay-brand-primary: var(--accent-blue) !important;
  --btcpay-primary: var(--accent-blue) !important;
  --btcpay-primary-rgb: 59, 130, 246 !important;
  
  --btcpay-primary-100: #dbeafe !important;
  --btcpay-primary-200: #bfdbfe !important;
  --btcpay-primary-300: #93c5fd !important;
  --btcpay-primary-400: #60a5fa !important;
  --btcpay-primary-500: var(--accent-blue) !important;
  --btcpay-primary-600: #2563eb !important;
  --btcpay-primary-700: #1d4ed8 !important;
  --btcpay-primary-800: #1e40af !important;
  --btcpay-primary-900: #1e3a8a !important;
  
  --btcpay-primary-accent: var(--accent-cyan) !important;
  --btcpay-primary-bg-hover: #2563eb !important;
  --btcpay-primary-bg-active: #1d4ed8 !important;
  --btcpay-primary-border: var(--accent-blue) !important;
  --btcpay-primary-border-hover: #2563eb !important;
  --btcpay-primary-border-active: #1d4ed8 !important;
  --btcpay-primary-shadow: rgba(59, 130, 246, 0.3) !important;

  /* Theme Backgrounds */
  --btcpay-body-bg: var(--bg-space) !important;
  --btcpay-body-bg-rgb: 6, 8, 20 !important;
  --btcpay-body-bg-light: #0d0f26 !important;
  --btcpay-body-bg-medium: #0b0d21 !important;
  --btcpay-body-bg-striped: #0a0c1f !important;
  --btcpay-body-bg-hover: #0d0f2a !important;
  --btcpay-body-bg-active: var(--accent-blue) !important;
  --btcpay-header-bg: var(--bg-space) !important;
  --btcpay-footer-bg: var(--bg-space) !important;
  --btcpay-wizard-bg: var(--bg-space) !important;
  --btcpay-pre-bg: #04050d !important;
  --btcpay-bg-tile: var(--card-bg) !important;
  --btcpay-bg-dark: var(--bg-space) !important;

  /* Form & Input Variables */
  --btcpay-form-bg: rgba(0, 0, 0, 0.35) !important;
  --btcpay-form-bg-hover: rgba(0, 0, 0, 0.5) !important;
  --btcpay-form-bg-addon: rgba(255, 255, 255, 0.04) !important;
  --btcpay-form-bg-disabled: rgba(255, 255, 255, 0.02) !important;
  --btcpay-form-text: var(--text-white) !important;
  --btcpay-form-text-label: #e2e8f0 !important;
  --btcpay-form-text-addon: var(--text-slate) !important;
  --btcpay-form-border: var(--card-border) !important;
  --btcpay-form-border-check: rgba(255, 255, 255, 0.15) !important;
  --btcpay-form-border-hover: var(--accent-cyan) !important;
  --btcpay-form-border-focus: var(--accent-blue) !important;
  --btcpay-form-shadow-focus: rgba(59, 130, 246, 0.25) !important;
  --btcpay-toggle-bg: rgba(255, 255, 255, 0.1) !important;
  --btcpay-toggle-bg-hover: rgba(255, 255, 255, 0.15) !important;
  --btcpay-toggle-bg-active: var(--accent-blue) !important;

  /* Dropdown Variables */
  --btcpay-dropdown-bg: #0b0d21 !important;
  --btcpay-dropdown-color: var(--text-white) !important;
  --btcpay-dropdown-border-color: var(--card-border) !important;

  /* Typography & Links */
  --btcpay-body-text: var(--text-white) !important;
  --btcpay-body-text-rgb: 248, 250, 252 !important;
  --btcpay-body-text-hover: #ffffff !important;
  --btcpay-body-text-muted: var(--text-slate) !important;
  --btcpay-body-link: var(--accent-cyan) !important;
  --btcpay-body-link-rgb: 6, 182, 212 !important;
  --btcpay-body-link-accent: var(--accent-purple) !important;
  --btcpay-nav-link: var(--text-slate) !important;
  --btcpay-nav-link-active: var(--text-white) !important;
  --btcpay-nav-border-active: var(--accent-blue) !important;
  --btcpay-header-text: var(--text-white) !important;
  --btcpay-header-link: var(--text-slate) !important;
  --btcpay-header-link-accent: var(--accent-cyan) !important;
  --btcpay-header-link-active: var(--accent-blue) !important;

  /* Success Notification Alerts */
  --btcpay-success: var(--accent-cyan) !important;
  --btcpay-success-rgb: 6, 182, 212 !important;
  --btcpay-success-accent: var(--accent-purple) !important;
  --btcpay-success-dim-bg: rgba(6, 182, 212, 0.12) !important;
  --btcpay-success-dim-border: rgba(6, 182, 212, 0.25) !important;
  --btcpay-success-dim-text: var(--accent-cyan) !important;
  --btcpay-success-shadow: rgba(6, 182, 212, 0.2) !important;

  /* Danger & Error Alerts */
  --btcpay-danger: var(--accent-pink) !important;
  --btcpay-danger-rgb: 244, 63, 94 !important;
  --btcpay-danger-accent: #e11d48 !important;
  --btcpay-danger-dim-bg: rgba(244, 63, 94, 0.12) !important;
  --btcpay-danger-dim-border: rgba(244, 63, 94, 0.25) !important;
  --btcpay-danger-dim-text: #fda4af !important;
  --btcpay-danger-shadow: rgba(244, 63, 94, 0.2) !important;
}

/* ===================================================================
   Sidebar Sync Status Indicators: Bright Neon Colors
   =================================================================== */
.btcpay-status--enabled {
  background-color: rgba(16, 185, 129, 0.2) !important; /* Glow translucent background ring */
}

.btcpay-status--enabled:before {
  background-color: #10b981 !important; /* Premium bright neon green inner dot */
  box-shadow: 0 0 8px rgba(16, 185, 129, 0.6) !important;
}

.btcpay-status--pending {
  background-color: rgba(245, 158, 11, 0.2) !important; /* Glow translucent background ring */
}

.btcpay-status--pending:before {
  background-color: #f59e0b !important; /* Premium bright neon yellow-orange inner dot */
  box-shadow: 0 0 8px rgba(245, 158, 11, 0.6) !important;
}

.btcpay-status--disabled {
  background-color: rgba(244, 63, 94, 0.2) !important; /* Glow translucent background ring */
}

.btcpay-status--disabled:before {
  background-color: var(--accent-pink) !important; /* Premium bright neon pink/red inner dot */
  box-shadow: 0 0 8px rgba(244, 63, 94, 0.6) !important;
}

/* ===================================================================
   Premium Glassmorphism & UI Components Override
   =================================================================== */
.card, 
.account-form, 
.bg-tile, 
.tile, 
.widget {
  background: var(--card-bg) !important;
  border: 1px solid var(--card-border) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4),
              inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
  border-radius: 16px !important;
}

/* Beautiful custom top highlight bar on widgets & cards */
.card::before,
.widget::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  border-radius: 16px 16px 0 0;
  background: linear-gradient(90deg, var(--accent-purple), var(--accent-blue), var(--accent-cyan));
  opacity: 0.7;
}

/* Form elements styling */
.form-control, 
.form-select {
  background-color: rgba(0, 0, 0, 0.35) !important;
  border: 1px solid var(--card-border) !important;
  color: var(--text-white) !important;
  border-radius: 10px !important;
  transition: all 0.2s ease !important;
}

/* Fix native select options dropdown color in dark mode */
.form-select option {
  background-color: #0d0f26 !important; /* Deep dark space background */
  color: var(--text-white) !important; /* White text */
}

.form-control:focus, 
.form-select:focus {
  border-color: var(--accent-blue) !important;
  box-shadow: 0 0 15px rgba(59, 130, 246, 0.2) !important;
  background-color: rgba(0, 0, 0, 0.5) !important;
}

/* Buttons styling */
.btn-primary {
  background: linear-gradient(135deg, var(--accent-blue) 0%, #1e40af 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 4px 14px rgba(59, 130, 246, 0.25) !important;
  color: #ffffff !important;
  border-radius: 10px !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
  font-weight: 600 !important;
}

.btn-primary:hover, 
.btn-primary:focus {
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 20px rgba(59, 130, 246, 0.4) !important;
  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
  border-color: var(--accent-blue) !important;
}

.btn-primary:active {
  transform: translateY(1px) !important;
}

/* Secondary Button Glassmorphism */
.btn-secondary {
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid var(--card-border) !important;
  color: var(--text-white) !important;
  backdrop-filter: blur(10px) !important;
  border-radius: 10px !important;
}

.btn-secondary:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: var(--accent-cyan) !important;
  box-shadow: 0 0 15px rgba(6, 182, 212, 0.15) !important;
}

/* Alert styling overrides */
.alert-success {
  background-color: rgba(6, 182, 212, 0.12) !important;
  border: 1px solid rgba(6, 182, 212, 0.25) !important;
  color: var(--accent-cyan) !important;
  backdrop-filter: blur(10px) !important;
  border-radius: 12px !important;
}

.alert-success .btn-close {
  filter: invert(1) grayscale(1) brightness(2) !important;
}

.alert-danger {
  background-color: rgba(244, 63, 94, 0.12) !important;
  border: 1px solid rgba(244, 63, 94, 0.25) !important;
  color: #fda4af !important;
  backdrop-filter: blur(10px) !important;
  border-radius: 12px !important;
}

.form-check-input:checked {
  background-color: var(--accent-blue) !important;
  border-color: var(--accent-blue) !important;
  box-shadow: 0 0 10px rgba(59, 130, 246, 0.3) !important;
}

.nav-link.active {
  border-bottom-color: var(--accent-blue) !important;
  color: var(--text-white) !important;
}

.dropdown-item:active, 
.dropdown-item.active {
  background-color: var(--accent-blue) !important;
  color: #ffffff !important;
}

/* Entire list group backdrop styling */
.list-group-item {
  background-color: rgba(10, 15, 30, 0.3) !important;
  border-color: var(--card-border) !important;
  color: var(--text-white) !important;
}

.list-group-item:hover {
  background-color: rgba(10, 15, 30, 0.5) !important;
}

/* ===================================================================
   Dropdown, Tom Select & Choices.js Overrides: Premium Space Theme
   =================================================================== */

/* Dropdown containers */
.dropdown-menu,
.ts-dropdown,
.choices__list--dropdown {
  background-color: #0b0d21 !important; /* Space-dark dropdown container */
  border: 1px solid var(--card-border) !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 35px rgba(0, 0, 0, 0.6) !important;
  backdrop-filter: blur(15px) !important;
  -webkit-backdrop-filter: blur(15px) !important;
  padding: 8px !important;
  z-index: 1050 !important; /* Make sure it stays on top of everything */
}

/* Clean up inner choices list background */
.choices__list--dropdown .choices__list {
  background-color: transparent !important;
  background: transparent !important;
}

/* Individual list items */
.dropdown-item,
.ts-dropdown .option,
.ts-dropdown [data-selectable].option,
.choices__list--dropdown .choices__item--choice {
  color: var(--text-white) !important;
  background-color: transparent !important;
  border-radius: 8px !important;
  padding: 8px 16px !important;
  margin: 2px 0 !important;
  font-size: 14px !important;
  transition: all 0.15s ease !important;
  cursor: pointer !important;
  opacity: 1 !important;
}

/* Hover, Focus, Active, and Highlighted states */
.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item.active,
.ts-dropdown .option:hover,
.ts-dropdown [data-selectable].option:hover,
.ts-dropdown .active,
.choices__list--dropdown .choices__item--choice.is-highlighted {
  background-color: var(--accent-blue) !important;
  color: #ffffff !important;
  opacity: 1 !important;
}

/* Choices.js selected dropdown items (dimmed to show they are already selected) */
.choices__list--dropdown .choices__item--choice.is-selected {
  background-color: rgba(255, 255, 255, 0.04) !important;
  color: var(--text-slate) !important;
}

.choices__list--dropdown .choices__item--choice.is-selected.is-highlighted {
  background-color: var(--accent-blue) !important;
  color: #ffffff !important;
}

/* Dropdown placeholder/disabled options */
.choices__list--dropdown .choices__placeholder {
  color: var(--text-slate) !important;
  opacity: 0.8 !important;
}

/* Choices.js main input container styling */
.choices__inner {
  background-color: rgba(0, 0, 0, 0.35) !important;
  border: 1px solid var(--card-border) !important;
  border-radius: 10px !important;
  min-height: auto !important;
  padding: 6px 12px !important;
  color: var(--text-white) !important;
  transition: all 0.2s ease !important;
}

/* Choices.js container focus state */
.choices.is-focused .choices__inner {
  border-color: var(--accent-blue) !important;
  box-shadow: 0 0 15px rgba(59, 130, 246, 0.2) !important;
  background-color: rgba(0, 0, 0, 0.5) !important;
}

/* Selected pills / tags in Choices.js multiple select */
.choices__list--multiple .choices__item {
  background-color: rgba(255, 255, 255, 0.08) !important;
  color: var(--text-white) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 6px !important;
  padding: 2px 8px !important;
  margin: 2px !important;
  font-size: 13px !important;
}

.choices__list--multiple .choices__item.choices__item--selectable {
  opacity: 1 !important;
}

/* Choices.js selected pill remove button styling */
.choices__list--multiple .choices__item .choices__button {
  filter: invert(1) grayscale(1) brightness(2) !important;
  opacity: 0.65 !important;
  border-left-color: rgba(255, 255, 255, 0.15) !important;
  margin-left: 6px !important;
  transition: opacity 0.15s ease !important;
}

.choices__list--multiple .choices__item .choices__button:hover {
  opacity: 1 !important;
}

/* Choices.js search input field & placeholders */
.choices__input,
.choices__input--cloned {
  color: var(--text-white) !important;
  background-color: transparent !important;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.choices__input::placeholder,
.choices__input--cloned::placeholder {
  color: var(--text-slate) !important;
  opacity: 0.8 !important;
}

/* TomSelect input controls and tags fallback */
.ts-wrapper.multi .ts-control > div {
  background-color: rgba(255, 255, 255, 0.08) !important;
  color: var(--text-white) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 6px !important;
  padding: 2px 8px !important;
}

.ts-wrapper.multi .ts-control > div.active {
  background-color: var(--accent-blue) !important;
  color: #ffffff !important;
}

.ts-control, 
.ts-control input {
  color: var(--text-white) !important;
}