:root { --hostlyflow-nav-logo-width: 160px; }
body[layout="main"], .legal-header { --hostlyflow-nav-logo-width: 144px; }

.site-header .brand img,
.site-header .site-brand img,
.legal-header .brand img,
body[layout="main"] [component="sidebar"] [element="sidebar"] a[element="logo"] img,
body[layout="main"] [component="sidebar"] [element="sidebar"] a[element="logo"].parchi-site-logo img,
#salat-site-logo {
  display: block;
  width: var(--hostlyflow-nav-logo-width);
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

body[layout="main"] [component="sidebar"] [element="sidebar"] a[element="logo"] {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-height: 0;
  margin: 0;
  padding: 8px 24px 6px;
}

@media (max-width: 760px) {
  :root { --hostlyflow-nav-logo-width: 128px; }
  body[layout="main"], .legal-header { --hostlyflow-nav-logo-width: 120px; }
}
