/* Remove any old icon+text logo styles */
.zd-logo-mark,
.zd-logo-name {
  display: none !important;
}

/* The anchor itself — no underline, no background */
a.zd-logo {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  background: none;
  padding: 0;
  line-height: 1;
  /* keep it vertically centred inside the nav */
  flex-shrink: 0;
}

/* The actual logo image */
.zd-logo-img {
  display: block;
  height: 38px;          /* comfortable in a standard navbar */
  width: auto;
  object-fit: contain;
  /* subtle transition so it doesn't flash on hover */
  transition: opacity 0.18s ease;
}

a.zd-logo:hover .zd-logo-img,
a.zd-logo:focus .zd-logo-img {
  opacity: 0.85;
}

/* On very small screens shrink slightly */
@media (max-width: 480px) {
  .zd-logo-img {
    height: 30px;
  }
}