:root {
--logo-max-h: 150px; /* tweak for consistent logo height */
}


/* Card + logo presentation */
.company-card { cursor: pointer; }


.brand-logo-wrapper {
background: #f8f9fa;
border-radius: 0.75rem;
transition: transform .15s ease, box-shadow .15s ease;
min-height: 150px; /* helps equalize header area even with tiny images */
}
.company-card:hover .brand-logo-wrapper {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(0,0,0,.08);
}


.brand-logo {
max-height: var(--logo-max-h);
width: 100%;
object-fit: contain;
filter: grayscale(10%);
transition: filter .15s ease;
}
.company-card:hover .brand-logo { filter: none; }


/* Truncate long company names nicely */
.company-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }


/* Small helper when image fails to load */
.logo-fallback {
font-size: .85rem;
color: #6c757d;
}