/* Shared header branding across all pages. */
nav[aria-label="Primary"] { gap: 12px; }
.header-brand { display: flex; align-items: center; gap: 16px; flex-shrink: 0; }
.header-brand > a { flex-shrink: 0; }
.canadian-owned-badge { display: block; height: 40px; width: auto; flex-shrink: 0; }
#menu-btn { flex-shrink: 0; }

/* Keep the full navigation from crowding the added badge. */
@media (min-width: 1024px) and (max-width: 1279px) {
  nav[aria-label="Primary"] > .lg\:flex { display: none; }
  #menu-btn { display: block; }
}

@media (max-width: 639px) {
  nav[aria-label="Primary"] { padding-left: 12px; padding-right: 12px; gap: 8px; }
  .header-brand, .header-brand > a { gap: 8px; }
  .header-brand > a > img { height: 32px; }
  .header-brand > a > span { font-size: 10px; }
  .canadian-owned-badge { height: 28px; }
}

@media (max-width: 359px) {
  .header-brand, .header-brand > a { gap: 6px; }
  .header-brand > a > img { height: 28px; }
  .header-brand > a > span { font-size: 9px; }
  .canadian-owned-badge { height: 24px; }
}