/* ================================================================
   clients-v2.css — Clients page redesign
   Scope: Clients page only. Loaded once from page/clients.blade.php.
   Relies on tokens defined in main.css (--mta-*, --accent-color, etc.)
   ================================================================ */

/* ── Intro paragraph (sector diversity, for SEO/AEO context) ────── */
.mta-clients-intro {
    max-width: 760px;
    margin: 0 auto 8px;
    text-align: center;
    color: var(--heading-color);
    font-size: 19px;
    font-weight: 500;
    line-height: 1.85;
}

/* ── Logo grid — same card footprint, bigger visible logo ────────
   The card's own size (height) stays put; only its internal padding
   shrinks (now effectively none), so all the room goes straight to
   the logo image (still object-fit: contain — no distortion) rather
   than to the tile itself getting bigger. Grid gap tightened via
   `.row.g-1` in the markup instead of Bootstrap's default `.gy-4`. */
.mta-client-card {
    background: var(--surface-color);
    border-radius: var(--mta-radius-md);
    box-shadow: var(--mta-shadow-sm);
    padding: 2px;
    height: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.mta-client-card:hover {
    box-shadow: var(--mta-shadow-md);
    transform: translateY(-3px);
}

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