/* Social icon buttons - added for WhatsApp / Instagram / Telegram / Bale */
.social-links{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
  margin-top:14px;
}
.social-icon-link{
  width:46px;
  height:46px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:16px;
  color:#fff;
  text-decoration:none;
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 12px 28px rgba(0,0,0,.28);
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.social-icon-link:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 34px rgba(0,0,0,.36);
  filter:saturate(1.08);
}
.social-icon-link svg{
  width:24px;
  height:24px;
  display:block;
  fill:currentColor;
}
.social-icon-link.whatsapp{background:linear-gradient(135deg,#25d366,#128c7e)}
.social-icon-link.instagram{background:radial-gradient(circle at 30% 110%,#fdf497 0%,#fdf497 10%,#fd5949 45%,#d6249f 70%,#285aeb 100%)}
.social-icon-link.telegram{background:linear-gradient(135deg,#37aee2,#1e96c8)}
.social-icon-link.bale{background:linear-gradient(135deg,#18c37e,#0b8f66)}
@media (max-width:640px){
  .social-icon-link{width:44px;height:44px;border-radius:15px}
  .social-icon-link svg{width:23px;height:23px}
}
.social-icons {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 18px;
  direction: rtl;
}

.social-icon {
  width: 48px;
  height: 48px;
  border-radius: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.16);
  box-shadow: 0 12px 28px rgba(0,0,0,.25);
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}

.social-icon:hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 34px rgba(0,0,0,.35);
  filter: brightness(1.08);
}

.social-icon span {
  display: none;
}

.social-icon::before {
  content: "";
  width: 26px;
  height: 26px;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* WhatsApp */
.social-whatsapp {
  background: linear-gradient(135deg, #25d366, #128c7e);
}

.social-whatsapp::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='white' d='M16.01 3C8.84 3 3 8.83 3 16c0 2.3.6 4.55 1.75 6.53L3 29l6.65-1.7A12.96 12.96 0 0 0 16.01 29C23.18 29 29 23.17 29 16S23.18 3 16.01 3Zm0 23.8c-2.05 0-4.05-.55-5.8-1.6l-.42-.25-3.95 1.01 1.05-3.84-.27-.44A10.74 10.74 0 0 1 5.2 16c0-5.96 4.85-10.8 10.81-10.8 5.95 0 10.79 4.84 10.79 10.8 0 5.96-4.84 10.8-10.79 10.8Zm5.92-8.08c-.32-.16-1.9-.94-2.2-1.05-.29-.11-.5-.16-.72.16-.21.32-.82 1.05-1 1.27-.18.21-.37.24-.69.08-.32-.16-1.35-.5-2.58-1.59-.95-.85-1.59-1.9-1.78-2.22-.18-.32-.02-.49.14-.65.14-.14.32-.37.48-.55.16-.19.21-.32.32-.53.11-.21.05-.4-.03-.56-.08-.16-.72-1.73-.99-2.37-.26-.62-.52-.54-.72-.55h-.61c-.21 0-.56.08-.85.4-.29.32-1.12 1.09-1.12 2.66s1.15 3.09 1.31 3.3c.16.21 2.26 3.45 5.48 4.84.77.33 1.37.53 1.84.68.77.24 1.47.21 2.02.13.62-.09 1.9-.77 2.17-1.52.27-.75.27-1.39.19-1.52-.08-.13-.29-.21-.61-.37Z'/%3E%3C/svg%3E");
}

/* Instagram */
.social-instagram {
  background: radial-gradient(circle at 30% 110%, #fdf497 0%, #fdf497 16%, #fd5949 45%, #d6249f 68%, #285AEB 100%);
}

.social-instagram::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='white' d='M21.5 4h-11A6.5 6.5 0 0 0 4 10.5v11A6.5 6.5 0 0 0 10.5 28h11a6.5 6.5 0 0 0 6.5-6.5v-11A6.5 6.5 0 0 0 21.5 4Zm4.2 17.5a4.2 4.2 0 0 1-4.2 4.2h-11a4.2 4.2 0 0 1-4.2-4.2v-11a4.2 4.2 0 0 1 4.2-4.2h11a4.2 4.2 0 0 1 4.2 4.2v11ZM16 10.2A5.8 5.8 0 1 0 16 21.8 5.8 5.8 0 0 0 16 10.2Zm0 9.3A3.5 3.5 0 1 1 16 12.5a3.5 3.5 0 0 1 0 7Zm7.6-9.55a1.35 1.35 0 1 1-2.7 0 1.35 1.35 0 0 1 2.7 0Z'/%3E%3C/svg%3E");
}

/* Telegram */
.social-telegram {
  background: linear-gradient(135deg, #37aee2, #1e96c8);
}

.social-telegram::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='white' d='M27.6 5.45 4.9 14.2c-1.55.62-1.54 1.48-.28 1.86l5.83 1.82 2.23 6.84c.29.8.15 1.12 1 1.12.65 0 .94-.3 1.3-.65l3.12-3.03 6.5 4.8c1.2.66 2.06.32 2.36-1.12L31.23 7c.43-1.72-.66-2.5-1.8-2.03ZM11.36 17.46l13.34-8.42c.66-.4 1.26-.18.77.26L14.05 19.61l-.44 4.67-2.25-6.82Z'/%3E%3C/svg%3E");
}

/* Bale */
.social-bale {
  background: linear-gradient(135deg, #18b7a6, #087f78);
}

.social-bale::before {
  width: 30px;
  height: 30px;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='32' cy='32' r='30' fill='white'/%3E%3Cpath d='M40.5 13.5C34.1 11.1 26.2 12.2 20.8 17.2C14.2 23.4 13.8 33.7 19.9 40.3L17.5 50.2C17.2 51.5 18.5 52.6 19.7 52L29.3 47.5C36.3 48.7 43.6 45.4 47.2 39.1C52 30.7 49 17.8 40.5 13.5Z' fill='%2318b7a6'/%3E%3Cpath d='M28.2 26.3H37.6C40.5 26.3 42.9 28.6 42.9 31.5C42.9 34.4 40.5 36.7 37.6 36.7H28.2C25.3 36.7 22.9 34.4 22.9 31.5C22.9 28.6 25.3 26.3 28.2 26.3Z' fill='white'/%3E%3Cpath d='M28.2 29.2C26.9 29.2 25.9 30.2 25.9 31.5C25.9 32.8 26.9 33.8 28.2 33.8H37.6C38.9 33.8 39.9 32.8 39.9 31.5C39.9 30.2 38.9 29.2 37.6 29.2H28.2Z' fill='%2318b7a6'/%3E%3Ccircle cx='29.8' cy='31.5' r='1.4' fill='white'/%3E%3Ccircle cx='36.1' cy='31.5' r='1.4' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: "";
}