<!-- Floating Social Share Bar by Bigosti -->
<style>
.bigosti-share-bar {
  position: fixed;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  z-index: 9999;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  border-radius: 0 12px 12px 0;
  padding: 10px 5px;
  border: 1px solid rgba(255, 140, 0, 0.3);
  box-shadow: 5px 0 20px rgba(0,0,0,0.1);
}
.bigosti-share-item {
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 5px 0;
  border-radius: 8px;
  transition: all 0.3s ease;
  color: white;
  text-decoration: none;
}
.share-fb { background: #1877F2; }
.share-x { background: #000000; }
.share-wa { background: #25D366; }
.share-pin { background: #BD081C; }
.bigosti-share-item:hover {
  transform: translateX(5px);
  filter: brightness(1.2);
}
@media (max-width: 768px) {
  .bigosti-share-bar {
    top: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    transform: none;
    flex-direction: row;
    justify-content: center;
    border-radius: 12px 12px 0 0;
    padding: 8px 0;
  }
  .bigosti-share-item { margin: 0 10px; }
}
</style>

<div class="bigosti-share-bar">
  <a href="javascript:void(0)" onclick="window.open('https://www.facebook.com/sharer/sharer.php?u='+encodeURIComponent(location.href),'facebook-share-dialog','width=626,height=436');return false;" class="bigosti-share-item share-fb" title="مشاركة عبر فيسبوك">f</a>
  <a href="javascript:void(0)" onclick="window.open('https://twitter.com/intent/tweet?url='+encodeURIComponent(location.href),'twitter-share-dialog','width=626,height=436');return false;" class="bigosti-share-item share-x" title="مشاركة عبر X">𝕏</a>
  <a href="javascript:void(0)" onclick="window.open('https://api.whatsapp.com/send?text='+encodeURIComponent(location.href),'whatsapp-share-dialog','width=626,height=436');return false;" class="bigosti-share-item share-wa" title="مشاركة عبر واتساب">W</a>
  <a href="javascript:void(0)" onclick="window.open('https://pinterest.com/pin/create/button/?url='+encodeURIComponent(location.href),'pinterest-share-dialog','width=626,height=436');return false;" class="bigosti-share-item share-pin" title="مشاركة عبر بينترست">P</a>
</div>

هل تؤثر هذه الإضافة على سرعة الموقع؟
لا إطلاقاً، الكود مكتوب بلغة CSS و HTML فقط بدون مكتبات خارجية ثقيلة مثل jQuery، مما يضمن بقاء مدونتك سريعة جداً.

هل تظهر الأزرار على الهواتف؟
نعم، لقد قمنا ببرمجة "Media Queries" ذكية تقوم بتحويل الشريط الجانبي إلى شريط سفلي أفقي عند تصفح الموقع من الهاتف لضمان أفضل تجربة مستخدم.

هل يمكن استخدامها مع أي قالب؟
نعم، هي متوافقة مع جميع القوالب بما في ذلك "سيو بلس" و"ليفون" والقوالب الأجنبية والافتراضية.