/* Add custom CSS styles below */ 

.bg-inherit {
    /* background-color: inherit; */
    background-color: #529BBF;
}

.store-footer__inner {
  background-color: #529BBF;
    }  
    document.addEventListener("DOMContentLoaded", function() {
    var whatsappButton = document.createElement("a");
    whatsappButton.setAttribute("href", "https://wa.me/0201223481287");  // استبدل "رقم_الهاتف" برقمك مع رمز الدولة
    whatsappButton.setAttribute("target", "_blank");
    whatsappButton.setAttribute("id", "whatsapp-button");
    
    var whatsappIcon = document.createElement("img");
    whatsappIcon.setAttribute("src", "https://upload.wikimedia.org/wikipedia/commons/6/6b/WhatsApp.svg");  // صورة الواتساب
    whatsappIcon.setAttribute("alt", "واتساب");
    
    whatsappButton.appendChild(whatsappIcon);
    document.body.appendChild(whatsappButton);
});

/* عرض المنتجات في شبكة من 4 أعمدة */
.products-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px; /* المسافة بين الأعمدة */
}

/* تخصيص بطاقات المنتجات */
.product-card {
    border: 1px solid #e0e0e0;
    padding: 15px;
    text-align: center;
}
/* تخصيص حجم البنرات */
.banner img {
    width: 100%;
    height: auto;
}

/* تعديل حجم صور المنتجات */
.product img {
    width: 100%;
    height: auto;
    object-fit: cover; /* لضمان تغطية الصورة بالكامل داخل الإطار */
}
/* تغيير خلفية الفوتر */
.footer {
    background-color: #f8f8f8; /* لون رمادي فاتح */
}

/* تعديل لون النص في الفوتر */
.footer a {
    color: #333333; /* لون رمادي داكن */
}

/* تخصيص حجم النص في الفوتر */
.footer {
    font-size: 14px;
}
/* تغيير خلفية الشريط العلوي */
.header {
    background-color: #ffffff; /* اللون الأبيض */
}

/* تعديل لون النص في الشريط العلوي */
.header a {
    color: #000000; /* اللون الأسود */
}

/* تخصيص حجم الشعار */
.header .logo img {
    width: 150px;
    height: auto;
}