/* =========================================
   13. FOOTER STYLE TAIKO
   ========================================= */

.webpresence-footer {
    font-family: system-ui, -apple-system, sans-serif; /* Police très clean */
    background-color: #ffffff;
}

/* Titres des colonnes (Uppercase, espacé) */
.footer-heading {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 0.8rem;
    letter-spacing: 1px;
    color: #212529;
    margin-bottom: 1.5rem;
}

/* Liens du footer */
.footer-links li {
    margin-bottom: 0.8rem;
}

.footer-links a {
    color: #6c757d; /* Gris muet par défaut */
    text-decoration: none;
    font-size: 0.95rem;
    transition: color 0.2s ease, transform 0.2s ease;
    display: inline-block;
}

.footer-links a:hover {
    color: #0d6efd; /* Bleu au survol */
    transform: translateX(3px); /* Petit décalage vers la droite */
}

/* Petite flèche pour lien externe */
.small-icon {
    font-size: 0.7em;
    vertical-align: top;
}

/* Bloc Isatis Concepts */
.isatis-credit {
    border-color: #e9ecef !important;
}

.group-isatis:hover .isatis-name {
    color: #0d6efd !important; /* Changement couleur au survol */
}

.isatis-logo-placeholder {
    width: 32px;
    height: 32px;
    background-color: #f8f9fa;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
}

/* Réseaux sociaux - Footer */
.social-link {
    width: 36px; /* J'ai légèrement agrandi (32->36) pour que l'icône respire mieux */
    height: 36px;
    border-radius: 50%;
    background: #f8f9fa;
    color: #212529;
    text-decoration: none;
    transition: all 0.2s ease;

    /* LE CENTRAGE PARFAIT */
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px; /* Taille fixe pour l'icône */
    line-height: 1;  /* Supprime l'espace vertical fantôme */
}

/* Le survol (Plus de bleu, juste un gris plus soutenu) */
.social-link:hover {
    background: #e2e6ea; /* Gris un peu plus foncé */
    color: #000000;      /* L'icône devient noir pur */
    transform: translateY(-2px); /* Petit effet de levitation maintenu */
}