/* === v1.32.1 Sidebar Social Brand Icons FORCE ===
   Sol alt sosyal medya ikonlarını marka rengine yakın, net ve kaliteli gösterir.
   v1.31.9 class yakalamadıysa bu sürüm dinamik linkleri de garanti class'lar.
*/

.sidebar .socials a.sidebar-social-link,
aside.sidebar .socials a.sidebar-social-link{
  position:relative!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
}

.sidebar .socials a.sidebar-social-link .social-svg,
aside.sidebar .socials a.sidebar-social-link .social-svg{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  display:inline-grid!important;
  place-items:center!important;
  border-radius:14px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:linear-gradient(145deg, rgba(12,31,44,.95), rgba(5,18,30,.98))!important;
  color:#58ddff!important;
  box-shadow:0 12px 26px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.08)!important;
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease!important;
}

.sidebar .socials a.sidebar-social-link .social-svg svg,
aside.sidebar .socials a.sidebar-social-link .social-svg svg{
  width:21px!important;
  height:21px!important;
  fill:currentColor!important;
  color:currentColor!important;
  filter:none!important;
}

.sidebar .socials a.sidebar-social-link:hover .social-svg,
aside.sidebar .socials a.sidebar-social-link:hover .social-svg{
  transform:translateY(-1px) scale(1.04)!important;
  filter:brightness(1.08)!important;
}

/* Telegram */
.sidebar .socials a.brand-telegram .social-svg,
aside.sidebar .socials a.brand-telegram .social-svg{
  color:#fff!important;
  background:linear-gradient(145deg,#39bdfd,#1686e7)!important;
  border-color:rgba(60,189,253,.55)!important;
  box-shadow:0 12px 30px rgba(22,134,231,.36), inset 0 1px 0 rgba(255,255,255,.20)!important;
}

/* YouTube */
.sidebar .socials a.brand-youtube .social-svg,
aside.sidebar .socials a.brand-youtube .social-svg{
  color:#fff!important;
  background:linear-gradient(145deg,#ff3048,#ff0000)!important;
  border-color:rgba(255,48,72,.55)!important;
  box-shadow:0 12px 30px rgba(255,0,0,.32), inset 0 1px 0 rgba(255,255,255,.20)!important;
}

/* Kick */
.sidebar .socials a.brand-kick .social-svg,
aside.sidebar .socials a.brand-kick .social-svg{
  color:#07110a!important;
  background:linear-gradient(145deg,#89ff55,#53fc18)!important;
  border-color:rgba(137,255,85,.55)!important;
  box-shadow:0 12px 30px rgba(83,252,24,.30), inset 0 1px 0 rgba(255,255,255,.18)!important;
}

/* X */
.sidebar .socials a.brand-x .social-svg,
aside.sidebar .socials a.brand-x .social-svg{
  color:#fff!important;
  background:linear-gradient(145deg,#171717,#000)!important;
  border-color:rgba(255,255,255,.22)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.40), inset 0 1px 0 rgba(255,255,255,.18)!important;
}

/* Instagram */
.sidebar .socials a.brand-instagram .social-svg,
aside.sidebar .socials a.brand-instagram .social-svg{
  color:#fff!important;
  background:radial-gradient(circle at 28% 110%, #fdf497 0, #fdf497 9%, #fd5949 38%, #d6249f 62%, #285AEB 100%)!important;
  border-color:rgba(255,255,255,.22)!important;
  box-shadow:0 12px 30px rgba(214,36,159,.32), inset 0 1px 0 rgba(255,255,255,.22)!important;
}

/* Discord */
.sidebar .socials a.brand-discord .social-svg,
aside.sidebar .socials a.brand-discord .social-svg{
  color:#fff!important;
  background:linear-gradient(145deg,#7f8cff,#5865f2)!important;
  border-color:rgba(127,140,255,.55)!important;
  box-shadow:0 12px 30px rgba(88,101,242,.32), inset 0 1px 0 rgba(255,255,255,.20)!important;
}

/* TikTok */
.sidebar .socials a.brand-tiktok .social-svg,
aside.sidebar .socials a.brand-tiktok .social-svg{
  color:#fff!important;
  background:linear-gradient(145deg,#121212,#020202)!important;
  border-color:rgba(255,255,255,.18)!important;
  box-shadow:-2px 0 0 rgba(37,244,238,.58), 2px 0 0 rgba(254,44,85,.52), 0 12px 30px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.18)!important;
}

/* Facebook */
.sidebar .socials a.brand-facebook .social-svg,
aside.sidebar .socials a.brand-facebook .social-svg{
  color:#fff!important;
  background:linear-gradient(145deg,#2f8bff,#1877f2)!important;
  border-color:rgba(47,139,255,.55)!important;
  box-shadow:0 12px 30px rgba(24,119,242,.32), inset 0 1px 0 rgba(255,255,255,.20)!important;
}

/* Twitch */
.sidebar .socials a.brand-twitch .social-svg,
aside.sidebar .socials a.brand-twitch .social-svg{
  color:#fff!important;
  background:linear-gradient(145deg,#a970ff,#9146ff)!important;
  border-color:rgba(169,112,255,.55)!important;
  box-shadow:0 12px 30px rgba(145,70,255,.32), inset 0 1px 0 rgba(255,255,255,.20)!important;
}


/* === v1.32.4 Sidebar Social Icon Size Tune ===
   v1.32.1 sonrası sosyal medya ikon kutuları büyük kaldı.
   Marka renkleri korunur, kutular daha kompakt hale gelir.
*/
.sidebar .socials a.sidebar-social-link,
aside.sidebar .socials a.sidebar-social-link{
  gap:8px!important;
}

.sidebar .socials a.sidebar-social-link .social-svg,
aside.sidebar .socials a.sidebar-social-link .social-svg{
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  border-radius:10px!important;
  box-shadow:0 8px 18px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.08)!important;
}

.sidebar .socials a.sidebar-social-link .social-svg svg,
aside.sidebar .socials a.sidebar-social-link .social-svg svg{
  width:15px!important;
  height:15px!important;
}

.sidebar .socials a.sidebar-social-link:hover .social-svg,
aside.sidebar .socials a.sidebar-social-link:hover .social-svg{
  transform:translateY(-1px) scale(1.02)!important;
}

/* Collapse modunda da devleşmesin */
body.sidebar-collapsed .sidebar .socials a.sidebar-social-link .social-svg,
body.sb-collapsed .sidebar .socials a.sidebar-social-link .social-svg,
body.is-sidebar-collapsed .sidebar .socials a.sidebar-social-link .social-svg,
body.collapsed-sidebar .sidebar .socials a.sidebar-social-link .social-svg{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  border-radius:10px!important;
}

body.sidebar-collapsed .sidebar .socials a.sidebar-social-link .social-svg svg,
body.sb-collapsed .sidebar .socials a.sidebar-social-link .social-svg svg,
body.is-sidebar-collapsed .sidebar .socials a.sidebar-social-link .social-svg svg,
body.collapsed-sidebar .sidebar .socials a.sidebar-social-link .social-svg svg{
  width:15px!important;
  height:15px!important;
}