/* Single-page software sites: additions to car-group's style.css (loaded after it). */

/* Footer: 3 columns (logo, A propos, Direction commerciale) instead of car-group's 4 */
@media (min-width: 901px) {
    .footer-grid { grid-template-columns: 1.3fr 1fr 1fr; }
}

/* Footer: "{name} is a tool of the Car-Group Suite" card, links to car-group.fr */
.suite-link {
    display: flex; flex-direction: column; gap: var(--s2);
    max-width: 340px; margin-top: var(--s4); padding: var(--s4);
    border: 1px solid var(--border); border-radius: var(--radius);
    background: linear-gradient(135deg, rgba(37, 99, 235, .10), rgba(17, 26, 46, .6));
    transition: border-color .2s, background .2s, transform .2s;
}
.suite-link:hover, .suite-link:focus-visible { border-color: rgba(96, 165, 250, .5); background: linear-gradient(135deg, rgba(37, 99, 235, .18), rgba(17, 26, 46, .7)); transform: translateY(-2px); }
.suite-link img { align-self: flex-start; height: 36px; width: auto; margin-bottom: var(--s1); }
.suite-link__text { color: var(--text-2); font-size: 15px; line-height: 1.5; }
.suite-link__more { color: var(--muted); font-size: 14px; line-height: 1.5; }
.suite-link__more strong { color: var(--accent); font-weight: 600; white-space: nowrap; }
.suite-link__more .icon { display: inline-block; width: 14px; height: 14px; margin-left: 5px; vertical-align: -2px; color: var(--accent); }
.suite-link:hover .suite-link__more strong { text-decoration: underline; text-underline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { .suite-link, .suite-link:hover { transition: none; transform: none; } }