/*
 * Nom de l'application : Capsule
 * Description : Stylesheet for the Contact page.
 * Produit de : MOA Digital Agency, www.myoneart.com
 * Fait par : Aisance KALONJI, www.aisancekalonji.com
 * Auditer par : La CyberConfiance, www.cyberconfiance.com
 */

.contact-social {
    margin-top: 32px;
    padding-top: 24px;
    border-top: 1px solid #eee;
}
.contact-social h4 {
    margin-bottom: 16px;
    color: #333;
}
.social-links {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}
.social-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #f5f5f5;
    color: #666;
    transition: all 0.3s ease;
}
.social-link:hover {
    background: #8B7355;
    color: white;
    transform: translateY(-2px);
}
.social-link:hover svg {
    stroke: white;
}
.social-link.whatsapp:hover {
    background: #25D366;
}
/* Helper classes for inline styles replacement */
.mr-8 { margin-right: 8px; }
.hidden { display: none; }
.block { display: block; }