/* Add custom CSS styles below */ 
#gb-widget-6738,
[id^="gb-widget"] {
    display: none !important;
}
/* زر إضافة للسلة - جميع الموقع */
button.s-button,
.s-button,
.s-button-primary,
.s-button-outline,
button[class*="s-button"] {
    background-color: #000000 !important;
    color: #ffffff !important;
    border-color: #000000 !important;
}

/* عند تمرير الماوس */
button.s-button:hover,
.s-button:hover {
    background-color: #111111 !important;
    color: #ffffff !important;
}
/* نبض خفيف لزر إضافة للسلة - سلة */
@keyframes pulseSoft {
  0%   { transform: scale(1);    box-shadow: 0 0 0 0 rgba(0,0,0,.35); }
  50%  { transform: scale(1.035); box-shadow: 0 0 0 10px rgba(0,0,0,0); }
  100% { transform: scale(1);    box-shadow: 0 0 0 0 rgba(0,0,0,0); }
}

/* استهداف أزرار سلة الشائعة */
salla-button button,
salla-add-product-button button,
button.s-button-btn,
button.s-button-element,
.s-button-btn,
.s-button-element {
  animation: pulseSoft 2.6s infinite !important;
  will-change: transform;
}

/* (اختياري) لا تطبق الحركة على الزر المعطّل */
button[disabled],
button:disabled {
  animation: none !important;
}
/* توسيط جميع أسماء المنتجات في المتجر */
h1,
h2,
h3,
.product-title,
.product-card h3,
.product-item h3,
.product-single h1,
h1.da_tm {
    text-align: center !important;
}
/* توسيط جميع أسماء المنتجات */
.product-title,
.product-card h3,
.product-item h3,
.product-single h1,
h1.da_tm {
    text-align: center !important;
}

/* توسيط السعر (عادي ومخفّض) */
.price-wrapper,
.price_is_on_sale,
.product-price,
.price {
    justify-content: center !important;
    text-align: center !important;
}
* توسيط السعر داخل صفحة المنتج */
.price-wrapper > div,
.price_is_on_sale > div {
    justify-content: center !important;
    text-align: center !important;
}
/* توسيط جميع العناصر داخل البلوك المحدد */
div.flex.flex-col.gap-1.p-4.md\:p-8.md\:w-1\/2{
  text-align: center !important;
  align-items: center !important;      /* توسيط عناصر الفليكس أفقياً */
  justify-content: center !important;  /* لو فيه توزيع عمودي */
}

/* توسيط أي عناصر داخلية ممكن تكون بعرض كامل */
div.flex.flex-col.gap-1.p-4.md\:p-8.md\:w-1\/2 *{
  margin-left: auto !important;
  margin-right: auto !important;
}

/* توسيط صف الأزرار إذا كان داخل Flex */
div.flex.flex-col.gap-1.p-4.md\:p-8.md\:w-1\/2 .flex{
  justify-content: center !important;
}