/* Official Strongna logo: project-root /logo.png */
.brand-logo {
  display: block;
  width: 52px;
  height: 44px;
  flex: 0 0 auto;
  object-fit: contain;
}

/* Homepage header/footer are rendered by the existing React bundle. */
#root header a[href="index.html"] > div:first-child,
#root footer .space-y-4 > .flex.items-center.gap-3 > div:first-child {
  width: 52px !important;
  height: 44px !important;
  flex: 0 0 52px;
  border-radius: 0 !important;
  background: transparent url("../../logo.png") center / contain no-repeat !important;
  box-shadow: none !important;
}

#root header a[href="index.html"] > div:first-child > *,
#root footer .space-y-4 > .flex.items-center.gap-3 > div:first-child > * {
  display: none !important;
}

@media (max-width: 620px) {
  .brand-logo {
    width: 46px;
    height: 38px;
  }
}