/* Add custom CSS styles below */ 

/* إخفاء أي عنصر له علاقة بالواتساب */
a[href*="wa.me"],
a[href*="whatsapp"],
.whatsapp-info,
[class*="whatsapp"],
[id*="whatsapp"],
[class*="wa"],
[id*="wa"],
button[class*="whatsapp"],
button[id*="whatsapp"],
div[class*="whatsapp"],
div[id*="whatsapp"] {
    display: none !important;
}



body, html {
    background-color: #ffffff !important;
}

.container, 
.section, 
.page-content, 
.main-wrapper, 
.site-wrapper {
    background-color: #ffffff !important;
}

.container, .section, .page-content, .main-wrapper, .site-wrapper {
    background-color: #ffffff !important;
}

/* جعل زر المشتريات / أيقونة السلة غامقة */
.s-button-element:not(:disabled):not([loading]) {
    background-color: #333333 !important; /* غامق أسود/رمادي */
    color: #ffffff !important;           /* لون النص أبيض */
    border-color: #333333 !important;    /* إذا فيه إطار */
    box-shadow: 2px 2px 5px rgba(0,0,0,0.2); /* تأثير بسيط */
}

/* لو أيقونة السلة نفسها داخل الزر */
.s-button-element:not(:disabled):not([loading]) i,
.s-button-element:not(:disabled):not([loading]) svg {
    color: #ffffff !important; /* يجعل الأيقونة البيضاء تبرز على الخلفية الغامقة */
}