@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap');

/* Font overrides */
body, .form-control, .btn {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}
h1, h2, h3, h4, h5, h6, .navbar-brand, .logo-text {
  font-family: 'Outfit', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

/* Light Theme Variables Override */
:root {
  --btcpay-primary: #0ea5e9 !important;
  --btcpay-primary-accent: #0284c7 !important;
  --btcpay-brand-primary: #0ea5e9 !important;
  --btcpay-brand-secondary: #6366f1 !important;
  --btcpay-brand-tertiary: #4f46e5 !important;
  --btcpay-success: #10b981 !important;
  --btcpay-success-accent: #059669 !important;
  --btcpay-border-radius: 10px !important;
  --btcpay-border-radius-l: 14px !important;
  --btcpay-border-radius-xl: 18px !important;
  --btcpay-border-radius-xxl: 24px !important;
}

/* Dark Theme Variables Override */
html[data-btcpay-theme="dark"],
:root:has(#DarkThemeLinkTag[rel="stylesheet"]) {
  --btcpay-primary: #38bdf8 !important;
  --btcpay-primary-accent: #0ea5e9 !important;
  --btcpay-brand-primary: #38bdf8 !important;
  --btcpay-success: #34d399 !important;
  --btcpay-bg-dark: #090d16 !important;
  --btcpay-bg-tile: #0f172a !important;
  --btcpay-body-bg-light: #090d16 !important;
  --btcpay-body-bg-hover: #1e293b !important;
  --btcpay-neutral-50: #090d16 !important;
  --btcpay-neutral-100: #0f172a !important;
  --btcpay-neutral-200: #1e293b !important;
  --btcpay-neutral-300: #334155 !important;
  --btcpay-neutral-400: #475569 !important;
}

/* Premium Styling Overrides */
a, button, .btn {
  transition: all 0.2s ease-in-out !important;
}

.card, .account-form {
  border-radius: var(--btcpay-border-radius-l) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03) !important;
  border: 1px solid rgba(0, 0, 0, 0.05) !important;
}

html[data-btcpay-theme="dark"] .card,
html[data-btcpay-theme="dark"] .account-form {
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.25) !important;
}

.btn-primary {
  background-color: var(--btcpay-primary) !important;
  border-color: var(--btcpay-primary) !important;
  color: #fff !important;
  font-weight: 500 !important;
  box-shadow: 0 4px 12px rgba(14, 165, 233, 0.15) !important;
}
.btn-primary:hover {
  background-color: var(--btcpay-primary-accent) !important;
  border-color: var(--btcpay-primary-accent) !important;
  box-shadow: 0 6px 16px rgba(14, 165, 233, 0.25) !important;
}

/* Custom styling for the navigation sidebar */
#mainMenu, .btcpay-header {
  background: linear-gradient(180deg, #090d16 0%, #020408 100%) !important;
  border-right: 1px solid rgba(255, 255, 255, 0.08) !important;
}
.nav-link {
  font-weight: 500 !important;
  border-radius: 8px !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.nav-link:hover {
  color: #fff !important;
  background-color: rgba(255, 255, 255, 0.05) !important;
}
.nav-link.active {
  background-color: rgba(14, 165, 233, 0.15) !important;
  color: var(--btcpay-primary) !important;
}

/* Hide or clean up upstream specific footer credits */
.btcpay-footer {
  border-top: 1px solid rgba(0, 0, 0, 0.05) !important;
  padding-top: 2rem !important;
}
html[data-btcpay-theme="dark"] .btcpay-footer {
  border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
}

/* Hide Plugins section from sidebar */
#Nav-Plugins-Header, #Nav-Plugins {
  display: none !important;
}

/* Responsive main logo */
.main-logo {
  height: 2.2rem !important;
  max-width: 8rem !important;
  object-fit: contain;
}

@media (min-width: 576px) {
  .main-logo {
    height: 3.5rem !important;
    max-width: 14rem !important;
  }
}