/* Official app colors for social icons (separate file to avoid touching main stylesheet)
   Targets anchors by aria-label used in footer markup - ensures correct coloring and white icons
*/
.social-icons a[aria-label="Facebook"]{
    background: linear-gradient(180deg,#1877f2 0%,#165fcf 100%);
    color: #fff;
}
.social-icons a[aria-label="Facebook"] i,
.social-icons a[aria-label="Facebook"] svg{ color: #fff !important }

.social-icons a[aria-label="Instagram"]{
    /* Instagram gradient approximation */
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    color: #fff;
}
.social-icons a[aria-label="Instagram"] i,
.social-icons a[aria-label="Instagram"] svg{ color: #fff !important }

.social-icons a[aria-label="LinkedIn"]{
    background: linear-gradient(180deg,#0a66c2 0%,#005582 100%);
    color: #fff;
}
.social-icons a[aria-label="LinkedIn"] i,
.social-icons a[aria-label="LinkedIn"] svg{ color: #fff !important }

.social-icons a[aria-label="Facebook"]:hover,
.social-icons a[aria-label="Instagram"]:hover,
.social-icons a[aria-label="LinkedIn"]:hover{
    filter: brightness(1.05);
    transform: translateY(-3px);
}