/* Add custom CSS styles below */ 
/* نقل وتوسيط زر السلايدر ليصبح في المكان المحددة أسفل النصوص تماماً */
.block-slider .swiper-slide-active .salla-button,
.block-slider .swiper-slide-active .btn,
.block-slider .swiper-slide-active a,
.block-slider .content .salla-btn,
.block-slider div[class*="content"] > a,
.block-slider div[class*="content"] > .btn {
  display: inline-flex !important;
  position: relative !important;
  margin: 15px auto 0 auto !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  transform: none !important;
  float: none !important;
}

/* ضبط الحاوية الحاملة للنصوص والزر لضمان التمركز التام */
.block-slider div[class*="content"],
.block-slider .swiper-slide-active div {
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}
/* 1. ضبط خلفية الفوتر باللون البنفسجي المطلوب */
footer, 
.footer, 
#footer, 
.salla-footer,
div[class*="footer"] {
  background-color: #8c629d !important;
}

/* 2. النصوص العادية والروابط داخل الفوتر باللون الأبيض */
footer p, 
footer span, 
footer a, 
footer h3, 
footer h4,
.footer *, 
.salla-footer * {
  color: #ffffff !important;
}

/* 3. جعل أيقونات التواصل الاجتماعي تظهر بداخل دوائر بارزة وواضحة (كما في الدائرة الحمراء) */
footer .social-icons a,
footer [class*="social"] a,
.footer-social a,
.salla-footer .social a {
  background-color: #ffffff !important;
  color: #8c629d !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 5px !important;
  box-shadow: 0 2px 5px rgba(0,0,0,0.15) !important;
}

/* 4. إجبار الأيقونات داخل الدوائر على أخذ اللون البنفسجي لتكون واضحة تماماً */
footer .social-icons a svg,
footer [class*="social"] a svg,
.footer-social a svg,
.salla-footer .social a svg {
  fill: #8c629d !important;
  color: #8c629d !important;
  width: 18px !important;
  height: 18px !important;
}

/* تأثير عند المرور على الأيقونات بالماوس */
footer .social-icons a:hover,
footer [class*="social"] a:hover {
  background-color: #ffe600 !important;
}
/* زر السهم للأعلى */
.scroll-top,
.progress-scroll,
#progress-scroll{
    bottom: 165px !important;
    right: 20px !important;
}

/* زر الواتساب */
#karzoun-widget-send-button{
    bottom: 125px !important;
    right: 20px !important;
}

/* زر تواصل معنا */
.floating-contacts{
    bottom: 35px !important;
    right: 20px !important;
}
/* إخفاء أيقونة المحادثة العائمة في الثيم */
.floating-chat, 
.salla-chat-icon, 
div[class*="chat-widget"],
button[class*="chat"] {
    display: none !important;
}