/* Team TararBari Large Original Social Icons V9.3
   Default = gray/white
   Hover = brand color
   Size/gap is controlled separately by Admin CSS. */

.brand-social-icons{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
}

.brand-social-icons .brand-social-link{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  padding:0!important;
  margin:0!important;
  border-radius:50%!important;
  border:1.5px solid rgba(203,213,225,.24)!important;
  background:rgba(17,28,45,.74)!important;
  color:#cbd5e1!important;
  text-decoration:none!important;
  transform:none;
  filter:none;
  box-shadow:none;
  animation:none!important;
  transition:
    color .20s ease,
    border-color .20s ease,
    box-shadow .20s ease,
    transform .20s ease,
    background-color .20s ease!important;
}

.brand-social-icons .brand-social-link svg{
  display:block!important;
  color:inherit!important;
  fill:currentColor;
  flex:none!important;
  transform:none!important;
  filter:none!important;
  animation:none!important;
}

.brand-social-icons .brand-social-link svg path,
.brand-social-icons .brand-social-link svg circle,
.brand-social-icons .brand-social-link svg rect{
  color:inherit!important;
}

/* IMPORTANT: normal state stays gray. Only hover gets brand color. */
.brand-social-icons .brand-social-link:hover{
  transform:translateY(-2px)!important;
  background:rgba(17,28,45,.92)!important;
}

.brand-social-icons .social-facebook:hover{
  color:#1877F2!important;
  border-color:rgba(24,119,242,.75)!important;
  box-shadow:0 0 17px rgba(24,119,242,.20)!important;
}
.brand-social-icons .social-youtube:hover{
  color:#FF0000!important;
  border-color:rgba(255,0,0,.72)!important;
  box-shadow:0 0 17px rgba(255,0,0,.18)!important;
}
.brand-social-icons .social-whatsapp:hover{
  color:#25D366!important;
  border-color:rgba(37,211,102,.76)!important;
  box-shadow:0 0 17px rgba(37,211,102,.18)!important;
}
.brand-social-icons .social-instagram:hover{
  color:#E1306C!important;
  border-color:rgba(225,48,108,.75)!important;
  box-shadow:0 0 17px rgba(225,48,108,.18)!important;
}
.brand-social-icons .social-linkedin:hover{
  color:#0A66C2!important;
  border-color:rgba(10,102,194,.75)!important;
  box-shadow:0 0 17px rgba(10,102,194,.19)!important;
}
.brand-social-icons .social-discord:hover{
  color:#5865F2!important;
  border-color:rgba(88,101,242,.76)!important;
  box-shadow:0 0 17px rgba(88,101,242,.18)!important;
}
.brand-social-icons .social-github:hover{
  color:#FFFFFF!important;
  border-color:rgba(255,255,255,.58)!important;
  box-shadow:0 0 15px rgba(255,255,255,.12)!important;
}
.brand-social-icons .social-website:hover{
  color:#22C55E!important;
  border-color:rgba(34,197,94,.78)!important;
  box-shadow:0 0 17px rgba(34,197,94,.18)!important;
}

/* Never let old generic animation patches alter these icons. */
.brand-social-icons .brand-social-link,
.brand-social-icons .brand-social-link svg{
  opacity:1!important;
  visibility:visible!important;
}