.elementor-615 .elementor-element.elementor-element-ed579fd{--display:flex;}.elementor-615 .elementor-element.elementor-element-b30dc35{--display:flex;--margin-top:-50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:999;}.elementor-615 .elementor-element.elementor-element-61df073{--grid-template-columns:repeat(1, auto);text-align:center;bottom:160px;--grid-column-gap:5px;--grid-row-gap:10px;}body:not(.rtl) .elementor-615 .elementor-element.elementor-element-61df073{right:31px;}body.rtl .elementor-615 .elementor-element.elementor-element-61df073{left:31px;}.elementor-615 .elementor-element.elementor-element-61df073 .elementor-social-icon{background-color:#3AF153;--icon-padding:0.6em;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){body:not(.rtl) .elementor-615 .elementor-element.elementor-element-61df073{right:2px;}body.rtl .elementor-615 .elementor-element.elementor-element-61df073{left:2px;}.elementor-615 .elementor-element.elementor-element-61df073{bottom:130px;--icon-size:16px;}}/* Start custom CSS for social-icons, class: .elementor-element-61df073 *//* === Fancy Social FABs (scoped to this widget) === */
.fab-social{
  /* هنا التحكم في الحجم العام للأيقونات */
  /* كان 56px، صغرته لـ 42px */
  --fab-size: 42px; 
  
  --gold-1: #D4AF37;
  --gold-2: #B8860B;
}

/* تقليل المسافة العمودية بين الأزرار لتتناسب مع الحجم الصغير */
.fab-social .elementor-grid{
  row-gap: 10px;
}

/* الإعدادات العامة للأيقونة */
.fab-social .elementor-icon{
  position: relative;
  width: var(--fab-size);
  height: var(--fab-size);
  border-radius: 999px;
  display: grid;
  place-items: center;
  color: #fff;                  
  background: #333;          
  box-shadow: 0 6px 12px rgba(0,0,0,.20); /* تصغير الظل شوية */
  transition: transform .15s ease, box-shadow .2s ease, filter .25s ease;
}

/* حجم الأيقونة الداخلية SVG */
.fab-social .elementor-icon i,
.fab-social .elementor-icon svg{
  /* تصغير الرمز الداخلي ليتناسب مع الدائرة */
  width: 1.1em;
  height: 1.1em;
}

/* =========================================
   ألوان البراندات
   ========================================= */

/* 1. واتساب */
.fab-social a.elementor-social-icon-whatsapp{
  background: linear-gradient(135deg, #25D366 0%, #128C7E 100%) !important;
}

/* 2. الاتصال (Phone) */
.fab-social a[href^="tel:"]{
  background: linear-gradient(135deg, var(--gold-1), var(--gold-2)) !important;
}
.fab-social a[href^="tel:"] i,
.fab-social a[href^="tel:"] svg{
  color: #1E293B !important;
  fill:  #1E293B !important;
}

/* 3. فيسبوك */
.fab-social a[class*="facebook"]{
  background: linear-gradient(135deg,#1877F2,#0d47c1) !important;
}

/* 4. انستجرام */
.fab-social a.elementor-social-icon-instagram{
  background: radial-gradient(circle at 30% 0%, #fdf497 0, #fdf497 8%, #fd5949 40%, #d6249f 65%, #285AEB 100%) !important;
}

/* 5. تيك توك */
.fab-social a.elementor-social-icon-tiktok{
  background: radial-gradient(circle at 30% 0%, #25f4ee 0, #000 45%, #fe2c55 85%) !important;
}

/* 6. لينكد إن */
.fab-social a.elementor-social-icon-linkedin{
  background: linear-gradient(135deg,#0A66C2,#004182) !important;
}

/* 7. يوتيوب */
.fab-social a.elementor-social-icon-youtube{
  background: linear-gradient(135deg,#FF0000,#B00000) !important;
}

/* 8. سناب شات (الأصفر الأصلي) */
.fab-social a.elementor-social-icon-snapchat{
  background: #FFFC00 !important; 
}
.fab-social a.elementor-social-icon-snapchat i,
.fab-social a.elementor-social-icon-snapchat svg{
  color: #000000 !important;
  fill:  #000000 !important;
}

/* 9. إكس (تويتر سابقاً) - أسود */
.fab-social a.elementor-social-icon-twitter,
.fab-social a.elementor-social-icon-x-twitter,
.fab-social a[href*="twitter.com"],
.fab-social a[href*="x.com"] {
  background: #000000 !important;
}

/* =========================================
   تنسيق الأيقونات البيضاء
   ========================================= */
.fab-social a:not([href^="tel:"]):not(.elementor-social-icon-snapchat) i,
.fab-social a:not([href^="tel:"]):not(.elementor-social-icon-snapchat) svg{
  color: #ffffff !important;
  fill:  #ffffff !important;
}

/* =========================================
   Hover Effects & Mobile
   ========================================= */

.fab-social .elementor-icon:hover{
  transform: translateY(-2px);
  box-shadow: 0 8px 18px rgba(0,0,0,.25);
  filter: brightness(1.06);
}

.fab-social .elementor-icon::after{
  content:"";
  position:absolute;
  inset:-2px; /* تصغير سمك الحدود الوهمية شوية */
  border-radius:inherit;
  border:2px solid rgba(255,255,255,.85);
  opacity:0;
  transform:scale(.9);
  transition: .25s ease;
}

.fab-social .elementor-icon:hover::after{
  opacity:1;
  transform:scale(1);
}

/* الموبايل: تصغير أكتر */
@media (max-width: 480px){
  .fab-social{
    /* حجم صغير جداً للموبايل */
    --fab-size: 34px;      
    max-width: 180px;      
    margin-inline: auto;    
  }
  
  .fab-social .elementor-icon i,
  .fab-social .elementor-icon svg{
    /* تصغير الرمز الداخلي في الموبايل */
    width: 1em;
    height: 1em;
  }
  
  .fab-social .elementor-grid{
    row-gap: 8px;
  }
}/* End custom CSS */