/* Footer and navigation logos must preserve the source artwork's aspect ratio. */
img[src$="wrexham-media-logo.png"] {
  display: block !important;
  height: auto !important;
  max-width: 100%;
  max-height: none;
  aspect-ratio: 1931 / 520 !important;
  object-fit: contain !important;
  flex: 0 0 auto;
}

/* Keep every top/navigation logo compact without affecting footer artwork. */
header img[src$="wrexham-media-logo.png"] {
  width: 140px !important;
  height: auto !important;
}

footer img[src$="wrexham-media-logo.png"],
.site-foot img[src$="wrexham-media-logo.png"],
.footer-brand img[src$="wrexham-media-logo.png"] {
  width: 230px !important;
  height: auto !important;
}

@media (max-width: 900px) {
  header img[src$="wrexham-media-logo.png"] {
    width: 120px !important;
  }
}