/* Container and alignment */
.soc-banner {
  display: block;
  width: 100%;
}
.soc-banner .soc-list {
  display: flex;
  gap: var(--soc-gap, 8px);
  justify-content: flex-end;
}
.soc-align-left .soc-list { justify-content: flex-start; }
.soc-align-center .soc-list { justify-content: center; }
.soc-align-right .soc-list { justify-content: flex-end; }

/* Item */
.soc-item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: calc(var(--soc-size,24px) + 12px);
  height: calc(var(--soc-size,24px) + 12px);
  border-radius: var(--soc-radius, 50%);
  background: #f0f0f0;
  color: #333;
  text-decoration: none;
  transition: all 0.3s ease;
}
.soc-item:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

/* Icon wrapper */
.soc-ico {
  display: inline-block;
  width: var(--soc-size, 24px);
  height: var(--soc-size, 24px);
  line-height: 0;
}

/* الألوان الأصلية للمنصات */
.soc-original-colors .soc-facebook  { background: #fff; color: #0073e6; height:22px;}
.soc-original-colors .soc-facebook:hover  { background: #eee; }

.soc-original-colors .soc-instagram { 
   height:22px; background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  color: white; 
}
.soc-original-colors .soc-instagram:hover { opacity: 0.9; }

.soc-original-colors .soc-twitter   {  height:22px; background: #1da1f2; color: white; }
.soc-original-colors .soc-twitter:hover   { background: #1a91da; }

.soc-original-colors .soc-x         { background: #000000; color: white; }
.soc-original-colors .soc-x:hover         { background: #333333; }

.soc-original-colors .soc-youtube   {  height:22px; background: #e60000; color: white; }
.soc-original-colors .soc-youtube:hover   { background: #ff0000; }

.soc-original-colors .soc-linkedin  {  height:22px; background: #0077b5; color: white; }
.soc-original-colors .soc-linkedin:hover  { background: #00669c; }

.soc-original-colors .soc-whatsapp  {  height:22px; background: #25d366; color: white; }
.soc-original-colors .soc-whatsapp:hover  { background: #20bd5c; }

.soc-original-colors .soc-telegram  {  height:22px; background: #0088cc; color: white; }
.soc-original-colors .soc-telegram:hover  { background: #0077b3; }

.soc-original-colors .soc-tiktok    { height:22px;  background: #000000; color: white; }
.soc-original-colors .soc-tiktok:hover    { background: #333333; }

.soc-original-colors .soc-snapchat  {  height:22px; background: #fffc00; color: black; }
.soc-original-colors .soc-snapchat:hover  { background: #e6e400; }

.soc-original-colors .soc-pinterest {  height:22px; background: #bd081c; color: white; }
.soc-original-colors .soc-pinterest:hover { background: #a80718; }

.soc-original-colors .soc-github    { height:22px; background: #333333; color: white; }
.soc-original-colors .soc-github:hover    { background: #444444; }

/* Platform classes for custom styling */
.soc-facebook  {}
.soc-instagram {}
.soc-twitter   {}
.soc-x         {}
.soc-youtube   {}
.soc-linkedin  {}
.soc-whatsapp  {}
.soc-telegram  {}
.soc-tiktok    {}
.soc-snapchat  {}
.soc-pinterest {}
.soc-github    {}