/* logo-card — shared logo tile used on the home page and collection pages */

.logo-card {
  display: flex; align-items: center; gap: 12px; padding: 14px; border-radius: 12px;
  background: var(--bg-card); border: 1px solid var(--border); text-decoration: none;
  transition: border-color .12s, background .12s, transform .1s;
}
.logo-card:hover { border-color: var(--border-hover); background: var(--bg-hover); transform: translateY(-2px); }
.logo-card img { width: 32px; height: 32px; object-fit: contain; flex-shrink: 0; border-radius: 7px; }
.logo-card-name {
  font-size: 14px; font-weight: 500; color: var(--text-2);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.logo-card:hover .logo-card-name { color: var(--text-0); }