/* Uniswap v4 — brand marks
   Page header wordmark + hero field mark, replacing the original pixel wordmarks. */

.uv4-brand-mark {
  width: 24px;
  height: 24px;
  flex: none;
  display: block;
  object-fit: cover;
  border-radius: 50%;
}

.uv4-brand-name {
  margin-left: 9px;
  color: var(--text);
  font-weight: 600;
  font-size: 15px;
  line-height: 1;
  letter-spacing: -0.015em;
  white-space: nowrap;
}

/* Hero: keep the original anchor point (absolute + translate(-50%,-50%)),
   force a square box so the round mark stays round. */
.uv4-hero-mark {
  width: calc(var(--mark-unit, var(--field-unit)) * var(--mark-h)) !important;
  height: calc(var(--mark-unit, var(--field-unit)) * var(--mark-h)) !important;
  object-fit: cover;
  border-radius: 50%;
}

@media (max-width: 460px) {
  .uv4-brand-name { display: none; }
}