/* ============================================
   STYLES POUR LES ICÔNES RÉSEAUX SOCIAUX
   Permet aux styles inline de s'appliquer correctement
   Espacement identique à produits.php
   ============================================ */

.social-links {
    display: flex !important;
    gap: 1rem !important;
    flex-wrap: wrap !important;
    align-items: center !important;
}

.social-links a {
    /* Les styles sont définis inline dans le HTML pour chaque réseau social */
    /* Ne pas écraser les styles inline */
}

.social-links a svg {
    /* Taille définie inline dans le HTML */
    display: block;
}

/* Responsive Mobile */
@media (max-width: 768px) {
    .social-links {
        justify-content: flex-start !important;
        gap: 0.8rem !important;
    }
}

/* Très petits écrans */
@media (max-width: 480px) {
    .social-links {
        gap: 0.7rem !important;
    }
}