/* ============================================
   SOCIAL MEDIA ICONS - ORIGINAL BRAND COLORS (ALWAYS VISIBLE)
   ============================================ */

/* Twitter/X - Black */
.ftco-footer-social li a .icon-twitter {
    color: #fff !important;
}

.ftco-footer-social li a[href*="twitter"],
.ftco-footer-social li a:has(.icon-twitter) {
    background: #000000 !important;
    border-color: #000000 !important;
    color: #fff !important;
}

/* Facebook - Blue */
.ftco-footer-social li a .icon-facebook {
    color: #fff !important;
}

.ftco-footer-social li a[href*="facebook"],
.ftco-footer-social li a:has(.icon-facebook) {
    background: #1877f2 !important;
    border-color: #1877f2 !important;
    color: #fff !important;
}

/* Instagram - Gradient */
.ftco-footer-social li a .icon-instagram {
    color: #fff !important;
}

.ftco-footer-social li a[href*="instagram"],
.ftco-footer-social li a:has(.icon-instagram) {
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%) !important;
    border-color: #bc1888 !important;
    color: #fff !important;
}

/* LinkedIn - Blue */
.ftco-footer-social li a .icon-linkedin {
    color: #fff !important;
}

.ftco-footer-social li a[href*="linkedin"],
.ftco-footer-social li a:has(.icon-linkedin) {
    background: #0077b5 !important;
    border-color: #0077b5 !important;
    color: #fff !important;
}

/* YouTube - Red */
.ftco-footer-social li a .icon-youtube {
    color: #fff !important;
}

.ftco-footer-social li a[href*="youtube"],
.ftco-footer-social li a:has(.icon-youtube) {
    background: #ff0000 !important;
    border-color: #ff0000 !important;
    color: #fff !important;
}

/* Pinterest - Red */
.ftco-footer-social li a .icon-pinterest {
    color: #fff !important;
}

.ftco-footer-social li a[href*="pinterest"],
.ftco-footer-social li a:has(.icon-pinterest) {
    background: #e60023 !important;
    border-color: #e60023 !important;
    color: #fff !important;
}

/* WhatsApp - Green */
.ftco-footer-social li a .icon-whatsapp {
    color: #fff !important;
}

.ftco-footer-social li a[href*="whatsapp"],
.ftco-footer-social li a:has(.icon-whatsapp) {
    background: #25d366 !important;
    border-color: #25d366 !important;
    color: #fff !important;
}

/* Hover effect - slightly brighter */
.ftco-footer-social li a:hover {
    transform: scale(1.1);
    transition: transform 0.3s ease;
}

/* ============================================
   VISIBILITY FIX - ALWAYS SHOW SOCIAL ICONS
   ============================================ */
.ftco-footer-social li.ftco-animate {
    opacity: 1 !important;
    visibility: visible !important;
}

/* ============================================
   LAYOUT FIX - ENSURE ONE ROW
   ============================================ */
.ftco-footer-social {
    display: flex !important;
    flex-wrap: nowrap !important;
    flex-direction: row !important;
    gap: 10px;
    /* Consitent spacing */
    padding-left: 0;
}

.ftco-footer-social li {
    display: inline-block !important;
    float: none !important;
    margin-right: 0 !important;
    /* Managed by gap */
}