/* GENTA Solutions — styles front globaux (chargés sur tout le site, à garder minimes). */

/* Bloc « Nos solutions par pays » injecté sur les pages familles de services
   (cf. includes/class-genta-seo-crosslinks.php). */
.genta-family-countries {
    max-width: var(--wp--style--global--wide-size, 1200px);
    margin: var(--wp--preset--spacing--50, 3rem) auto;
    padding: 0 var(--wp--preset--spacing--20, 1rem);
    text-align: center;
}

.genta-fc-title {
    color: var(--wp--preset--color--bleu-expertise, #1D1D3E);
    font-size: var(--wp--preset--font-size--x-large, 2rem);
    font-weight: 600;
    margin: 0 0 0.5rem;
}

.genta-fc-intro {
    margin: 0 0 1.5rem;
}

.genta-fc-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.6rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.genta-fc-list a {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.45rem 1rem;
    background: var(--wp--preset--color--gris-clair, #F4F8FF);
    border: 1px solid transparent;
    border-radius: 2rem;
    color: var(--wp--preset--color--bleu-expertise, #1D1D3E);
    font-size: 0.9rem;
    font-weight: 500;
    text-decoration: none;
    transition: background 0.2s, color 0.2s;
}

.genta-fc-list a:hover,
.genta-fc-list a:focus-visible {
    background: var(--wp--preset--color--bleu-partage, #00B4D2);
    color: #fff;
}