/* Bare Bitcoin branding, injected into every HTML response via an nginx
   sub_filter (see ../sub_filter.conf).

   mempool renders its header/footer logo as an inline Angular SVG
   (<app-svg-images name="mempoolSpace">), not a static file, so there is no file
   to overwrite. Instead we hide the inline SVG (opacity:0 — keeps the element's
   box sized, so the layout doesn't collapse) and paint the BB wordmark behind it
   as a background image. `contain` makes it adapt to each place the logo appears
   (navbar is 140x35; the footer instance differs). The orange (#F7931E) wordmark
   reads on both the dark and light themes. */
app-svg-images[name="mempoolSpace"] > svg {
  opacity: 0 !important;
}

app-svg-images[name="mempoolSpace"] {
  background-image: url('/resources/branding/bb-logo.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}