/* SunpotPay — admin theme for BTCPay Server (Server Settings → Branding → Custom theme, extension: Light).
   Uploaded as the server's CustomThemeFile; loaded after main/themes/default.css on every BTCPay page,
   including public checkout/POS (those also get the store cssUrl btcpay-checkout.css on top).
   Only design tokens are overridden, so BTCPay's own layout keeps working across updates. */
@import url('https://fonts.googleapis.com/css2?family=Golos+Text:wght@400;500;600;700&family=Unbounded:wght@700;900&display=swap');

:root {
  /* --btcpay-primary resolves to --btcpay-brand-primary in default.css, so the brand set must be overridden too */
  --btcpay-brand-primary: #C4632C;
  --btcpay-brand-secondary: #E07A3F;
  --btcpay-brand-tertiary: #9B4B1F;
  --btcpay-brand-dark: #121110;
  --btcpay-primary-shadow: rgba(196, 99, 44, 0.5);

  /* terracotta scale replaces BTCPay green; 500 = buttons (white text), 400 = brand sun */
  --btcpay-primary-100: #F6DCCB; --btcpay-primary-100-rgb: 246,220,203;
  --btcpay-primary-200: #F0C4A7; --btcpay-primary-200-rgb: 240,196,167;
  --btcpay-primary-300: #E9A47A; --btcpay-primary-300-rgb: 233,164,122;
  --btcpay-primary-400: #E07A3F; --btcpay-primary-400-rgb: 224,122,63;
  --btcpay-primary-500: #C4632C; --btcpay-primary-500-rgb: 196,99,44;
  --btcpay-primary-600: #B05724; --btcpay-primary-600-rgb: 176,87,36;
  --btcpay-primary-700: #9B4B1F; --btcpay-primary-700-rgb: 155,75,31;
  --btcpay-primary-800: #843F19; --btcpay-primary-800-rgb: 132,63,25;
  --btcpay-primary-900: #6E3414; --btcpay-primary-900-rgb: 110,52,20;
  --btcpay-primary-rgb: 196,99,44;
  --btcpay-body-link-accent-rgb: 155,75,31;

  --btcpay-body-bg-rgb: 247, 242, 233;
  --btcpay-bg-tile: #FFFDF8;
  --btcpay-body-bg-light: #FFFDF8;
  --btcpay-body-bg-hover: #FFFDF8;
  --btcpay-header-bg: #FFFDF8;
  --btcpay-form-bg: #FFFDF8;
  --btcpay-body-text: #121110;

  --btcpay-font-family-base: 'Golos Text', 'Helvetica Neue', Arial, sans-serif;
}

/* Logo = live text, same as .brand-word on sunpot.co ("SUN" ink + "POT" terracotta, Unbounded 900).
   BTCPay 2.4.4 renders its logo (vc:main-logo → svg.main-logo.main-logo-btcpay with <use href="/img/logo.svg#small|#large">,
   or img.main-logo-custom) in exactly four places:
     1. Components/StoreSelector      → a#StoreSelectorHome.navbar-brand   (sidebar of every signed-in page)
     2. Shared/_LayoutSignedOut       → a.navbar-brand.d-inline-block.mb-4 (login, forgot/reset/set password, 2FA, register)
     3. UIError/_LayoutError          → a.navbar-brand.d-inline-block.mb-5 (404/403/429/500/502 pages)
     4. UIUserStores/CreateStore      → #FirstStore > a.d-inline-block.mb-4 ("Create your first store", NOT a navbar-brand)
   Every logo image is hidden everywhere; the four parents get the text wordmark. Selectors are listed explicitly
   (no :has() needed) plus a generic a:has(> .main-logo) catch-all for future placements. */
.main-logo,
.main-logo-btcpay,
.main-logo-custom,
svg:has(> use[href*="logo.svg"]),
use[href*="/img/logo.svg"],
img[src*="btcpay-logo"],
img[alt="BTCPay Server"],
svg[alt="BTCPay Server"] { display: none !important; }

a#StoreSelectorHome,
a.navbar-brand.d-inline-block,
#FirstStore > a.d-inline-block,
a:has(> .main-logo) {
  font-size: 0 !important; /* swallow whitespace text nodes around the hidden logo, otherwise "SUN POT" */
  line-height: 1.15;
  text-decoration: none;
  white-space: nowrap;
}
a#StoreSelectorHome::before, a#StoreSelectorHome::after,
a.navbar-brand.d-inline-block::before, a.navbar-brand.d-inline-block::after,
#FirstStore > a.d-inline-block::before, #FirstStore > a.d-inline-block::after,
a:has(> .main-logo)::before, a:has(> .main-logo)::after {
  font-family: 'Unbounded', 'Golos Text', sans-serif;
  font-weight: 900;
  font-size: 44px;
  letter-spacing: .02em;
  line-height: 1.15;
}
a#StoreSelectorHome::before, a.navbar-brand.d-inline-block::before,
#FirstStore > a.d-inline-block::before, a:has(> .main-logo)::before { content: "SUN"; color: #121110; }
a#StoreSelectorHome::after, a.navbar-brand.d-inline-block::after,
#FirstStore > a.d-inline-block::after, a:has(> .main-logo)::after { content: "POT"; color: #E07A3F; }
/* sidebar (store selector): compact wordmark */
a#StoreSelectorHome::before,
a#StoreSelectorHome::after { font-size: 22px !important; }

/* "Powered by [BTCPay logo]" footer (_StoreFooterLogo) on checkout, receipt, POS, crowdfund, payment request,
   pull payment, forms, plan checkout. Stores without their own cssUrl (client stores) get "Powered by SunpotPay";
   the link to btcpayserver.org is disabled. The Sunpot store's btcpay-checkout.css restyles this further. */
a.store-powered-by svg { display: none !important; }
a.store-powered-by {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
}
a.store-powered-by::after {
  content: "SunpotPay";
  font-family: 'Unbounded', 'Golos Text', sans-serif;
  font-weight: 700;
  letter-spacing: .02em;
}

/* Sign-in / register pages (_LayoutSignedOut) */
.account-form h1, h1[data-testid="header"] {
  font-family: 'Unbounded', 'Golos Text', sans-serif;
  font-weight: 900;
  letter-spacing: -.01em;
}
.account-form {
  border: 1px solid #D9CFBF;
  border-radius: 20px;
  box-shadow: 0 10px 30px rgba(18, 17, 16, .06);
}
/* "BTCPay Server Supporters" block is rendered unconditionally by _BTCPaySupporters:
   inside .row on signed-out pages, and after hr.primary.my-5 on error pages (_LayoutError) */
.row:has(use[href^="#supporter-"]) { display: none !important; }
hr.primary.my-5,
hr.primary.my-5 ~ * { display: none !important; }
/* Error pages (UIError/404, 403, 406, 417, 429, 500, 502): photos and X links of BTCPay developers */
img[src*="/img/errorpages/"],
a[href^="https://x.com/"] img { display: none !important; }
.lead a[href^="https://x.com/"] { pointer-events: none; color: inherit; text-decoration: none; }
/* BTCPay community links (Github, Mattermost, Twitter, Telegram, Donate, API, Docs, Tor) */
.btcpay-footer { display: none !important; }