/* VendorsPartners.css - Layout Logic */

.vendor-card {
    background-color: var(--card-bg) !important;
    border: 1px solid var(--border-color) !important;
    height: 100%;
    transition: var(--transition);
}

.vendor-card:hover {
    border-color: var(--primary-red) !important;
    transform: translateY(-5px);
}

.vendor-card h6 {
    color: var(--text-main);
}

.vendor-desc {
    color: var(--text-muted);
}

.vendor-logo-container {
    background-color: rgba(127, 127, 127, 0.05); /* Subtle contrast in both modes */
    border-radius: 8px;
}

/* Dark mode specific image adjustment */
@media (prefers-color-scheme: dark) {
    .vendor-img {
        filter: grayscale(100%) invert(0.8); /* Helps dark logos show on dark bg */
    }
    .vendor-card:hover .vendor-img {
        filter: grayscale(0%) invert(0);
    }
}