/* Social Icons Fix - Maximum Specificity */
/* This file has the highest priority to fix social icons visibility */

/* Level 1: Basic targeting */
.header-social-links a {
    color: #ffffff !important;
}

.header-social-links a i {
    color: #ffffff !important;
}

.header-social-links a:hover {
    color: #76c2ff !important;
}

.header-social-links a:hover i {
    color: #76c2ff !important;
}

/* Level 2: More specific targeting */
div.header-social-links a,
div.header-social-links a i {
    color: #ffffff !important;
}

div.header-social-links a:hover,
div.header-social-links a:hover i {
    color: #76c2ff !important;
}

/* Level 3: ID targeting */
#header div.header-social-links a,
#header div.header-social-links a i {
    color: #ffffff !important;
}

#header div.header-social-links a:hover,
#header div.header-social-links a:hover i {
    color: #76c2ff !important;
}

/* Level 4: Bootstrap Icons specific */
.header-social-links .bi-twitter-x,
.header-social-links .bi-facebook,
.header-social-links .bi-instagram,
.header-social-links .bi-linkedin {
    color: #ffffff !important;
}

.header-social-links a:hover .bi-twitter-x,
.header-social-links a:hover .bi-facebook,
.header-social-links a:hover .bi-instagram,
.header-social-links a:hover .bi-linkedin {
    color: #76c2ff !important;
}

/* Level 5: Maximum specificity with classes */
.header .header-container .header-social-links a,
.header .header-container .header-social-links a i {
    color: #ffffff !important;
}

.header .header-container .header-social-links a:hover,
.header .header-container .header-social-links a:hover i {
    color: #76c2ff !important;
}

/* Level 6: Attribute selectors for extra specificity */
a[href="#"].twitter,
a[href="#"].facebook,
a[href="#"].instagram,
a[href="#"].linkedin {
    color: #ffffff !important;
}

a[href="#"].twitter:hover,
a[href="#"].facebook:hover,
a[href="#"].instagram:hover,
a[href="#"].linkedin:hover {
    color: #76c2ff !important;
}

/* Level 7: Combined selectors for maximum specificity */
#header .header-container div.header-social-links a[href="#"],
#header .header-container div.header-social-links a[href="#"] i {
    color: #ffffff !important;
}

#header .header-container div.header-social-links a[href="#"]:hover,
#header .header-container div.header-social-links a[href="#"]:hover i {
    color: #76c2ff !important;
}

/* Override any potential conflicts */
.header-social-links * {
    color: #ffffff !important;
}

.header-social-links a:hover * {
    color: #76c2ff !important;
}