/*
 * TheGrove branding for the TangerineRWA ledger (Bigcapital d2a0bf1).
 * Served from /thegrove/ by the webapp's nginx and linked from index.html via sub_filter.
 * Bigcapital renders its logos as inline <svg data-icon="bigcapital|bigcapital-alt">;
 * we hide the paths and paint TheGrove artwork as the svg's background instead.
 */

svg[data-icon='bigcapital'],
svg[data-icon='bigcapital-alt'] {
  background: url('/thegrove/thegrove-logo-on-light-no-tagline.svg') center / contain no-repeat;
}
body.bp4-dark svg[data-icon='bigcapital'],
body.bp4-dark svg[data-icon='bigcapital-alt'] {
  background-image: url('/thegrove/thegrove-logo-on-dark-no-tagline.svg');
}
svg[data-icon='bigcapital'] > *,
svg[data-icon='bigcapital-alt'] > * {
  display: none;
}

/* Login / signup header and the full-page loading screen: full logo with tagline, larger. */
body.authentication svg[data-icon^='bigcapital'][height='37'],
.bigcapital-loading svg[data-icon^='bigcapital'] {
  width: 250px;
  height: 80px;
  background-image: url('/thegrove/thegrove-logo-on-light.svg');
}
body.bp4-dark.authentication svg[data-icon^='bigcapital'][height='37'],
body.bp4-dark .bigcapital-loading svg[data-icon^='bigcapital'] {
  background-image: url('/thegrove/thegrove-logo-on-dark.svg');
}

/* Small footer logo under the login form: replaced by the attribution line from brand.js. */
body.authentication svg[data-icon='bigcapital'][height='22'] {
  display: none;
}
.thegrove-attribution {
  display: block;
  margin-top: 6px;
  font-size: 11px;
  line-height: 1.5;
  text-align: center;
  opacity: 0.6;
}
.thegrove-attribution a {
  color: inherit;
  text-decoration: underline;
}