/*Brand.css */

/* --- Header logo fixes --- */
.site-header .brand {
  display: flex;
  align-items: center;
  gap: .5rem;
  flex: 0 0 auto;              /* don't stretch/squash the brand container */
  min-width: 0;
}

.brand-logo {
  display: block;
  height: 48px;                /* control only one dimension */
  width: auto;                 /* keep aspect ratio */
  max-height: 56px;            /* safety cap */
  object-fit: contain;         /* never distort */
  flex: 0 0 auto;              /* prevent flex shrinking */
}

/* If any global img rule is forcing height:100% or width:100%, neutralize it */
.site-header .brand img {
  max-width: 100%;
  height: auto;
}

/* Small screens */
@media (max-width: 768px) {
  .brand-logo { height: 38px; }
}


.menu { flex-wrap: wrap; }

.container.nav { display: flex; align-items: center; gap: 1rem; }
.menu { margin-left: auto; }