/* Harley's Hub public-site logo treatment.
 * The shared public header displays the approved horizontal lock-up directly.
 * Do not reconstruct the wordmark/tagline with CSS.
 */

[data-public-site-chrome="header"] button[aria-label="Harley's Hub home"] {
  display: flex;
  align-items: center;
  gap: 0;
}

[data-public-site-chrome="header"] button[aria-label="Harley's Hub home"] > img {
  display: block;
  height: 3rem;
  width: auto;
  max-width: 15rem;
  object-fit: contain;
}

[data-public-site-chrome="header"] button[aria-label="Harley's Hub home"] > span:last-child {
  display: none;
}

/* The footer uses the approved reverse mark directly on the dark background.
 * Keep the artwork transparent and preserve the complete house-and-heart mark. */
footer[data-public-site-chrome="footer"] button:first-child > img {
  display: block;
  height: 2.5rem;
  width: auto;
  flex: none;
  object-fit: contain;
}

footer[data-public-site-chrome="footer"] button:first-child > span:last-child {
  font-family: "Nunito", system-ui, sans-serif;
  font-weight: 800;
  letter-spacing: -0.02em;
}

@media (min-width: 640px) {
  [data-public-site-chrome="header"] button[aria-label="Harley's Hub home"] > img {
    height: 3.25rem;
    max-width: 16rem;
  }
}

@media (max-width: 639px) {
  [data-public-site-chrome="header"] button[aria-label="Harley's Hub home"] > img {
    height: 2.55rem;
    max-width: 11.5rem;
  }
}

@media (max-width: 380px) {
  [data-public-site-chrome="header"] button[aria-label="Harley's Hub home"] > img {
    height: 2.35rem;
    max-width: 9.75rem;
  }
}