/* ==========================================================================
   PAGE-SPECIFIC STYLES: CLIENTS PAGE (clients.blade.php)
   ========================================================================== */

.client-logo-card {
    background: #ffffff;
    border: 1px solid var(--border-color);
    border-radius: 12px;
    padding: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 110px;
    transition: all 0.3s ease;
    filter: grayscale(100%);
    opacity: 0.75;
}

.client-logo-card:hover {
    filter: grayscale(0%);
    opacity: 1;
    border-color: var(--accent-gold);
    transform: translateY(-4px);
    box-shadow: var(--shadow-sm);
}

.client-logo-card img {
    max-height: 55px;
    max-width: 100%;
    object-fit: contain;
}