/* ===== ثيم نسيج - الصفحة الرئيسية - النسخة المحسنة ===== */

/* === 1. أيقونات الهيدر وسلة المشتريات === */
.whishlist svg path,
.cart svg path,
.s-cart-summary-wrapper svg path,
salla-cart-summary svg path {
  stroke: #000000 !important;
}

.header-btn .sicon-user,
.header-btn__icon.sicon-user,
i.sicon-user,
.header-btn.text-white,
.header-btn__icon.text-white {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}

.s-cart-summary-count {
  background-color: #000000 !important;
  color: #ffffff !important;
}

/* 1. إخفاء أيقونة المفضلة (القلب) فقط */
salla-button-wishlist, 
.s-button-wishlist, 
.wishlist-btn {
    display: none !important;
}

/* 2. إظهار وتثبيت أيقونة البحث (العدسة) */
.header-btn.search-btn, 
.s-header-search-btn, 
a.header-btn[href*="search"] {
    display: inline-flex !important; /* إجبارها على الظهور */
    visibility: visible !important;
    opacity: 1 !important;
}

/* 3. تنسيق ترتيب الأيقونات في الهيدر */
.header-btns {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 15px !important; /* المسافة بين الأيقونات */
}

/* 4. أيقونات التواصل الاجتماعي - أحمر وبدون خلفية سوداء */
.s-social-icon {
    background: transparent !important;
    border: none !important;
    border: none !important;
    box-shadow: none !important;
}

.s-social-icon svg path {
    fill: #ffffff !important; /* تلوين الأيقونات بالأحمر */
}

.s-social-icon i {
    color: #ffffff !important;
}

/* أيقونات التواصل الاجتماعي */
.s-social-icon svg path {
  stroke: #ffffff !important;
  fill: #ffffff !important;
}

/* === 2. زر "إضافة للسلة" === */
.s-product-card-add-to-cart-btn,
.s-product-card-content-footer .s-button-element {
  background-color: #000000 !important;
  color: #ffffff !important;
  border: none !important;
  overflow: visible !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
}

.s-product-card-add-to-cart-btn span,
.s-product-card-add-to-cart-btn p {
  color: #ffffff !important;
}

.s-product-card-add-to-cart-btn > svg {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 20px !important;
  height: 20px !important;
}

.s-product-card-add-to-cart-btn > svg path {
  stroke: #ffffff !important;
  fill: none !important;
}

/* === 3. زر الاتصال (الواتساب) === */
.contact-btn.phone-btn,
a.contact-btn.phone-btn,
.floating-contact .phone-btn,
[class*="contact"] [class*="phone"],
.contact-buttons .phone-btn,
.contact-btn.phone-btn::before,
.contact-btn.phone-btn::after {
  background-color: #25D366 !important;
  background: #25D366 !important;
  border-color: #25D366 !important;
}

/* تلوين أيقونة الهاتف باللون الأبيض بجميع حالاتها */
.contact-btn.phone-btn svg,
.contact-btn.phone-btn svg path,
.contact-btn.phone-btn svg circle,
.contact-btn.phone-btn svg line,
.contact-btn.phone-btn i,
.contact-btn.phone-btn .sicon-phone {
  fill: #ffffff !important;
  stroke: #ffffff !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.contact-btn.phone-btn img {
  filter: brightness(0) invert(1) !important;
}

/* === 4. توحيد مقاسات صور المنتجات === */

/* إعداد حاوية الصورة */
.product-entry .product-image,
.product-item .product-image,
.s-product-card-entry .s-product-card-image {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  border-radius: 8px !important;
  width: 100% !important;
  height: 300px !important; /* يمكنك تعديل الارتفاع من هنا */
  aspect-ratio: 1/1 !important;
}

/* إعداد الصورة داخل الحاوية */
.product-entry .product-image img,
.product-entry .image-container,
.product-item .image-container,
.product-item .product-image img,
.s-product-card-entry .s-product-card-image img,
.s-product-card-entry .s-product-card-image a {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}

/* === إضافة مسافات بين كروت المنتجات === */

/* 1. إضافة هوامش خارجية لبطاقة المنتج نفسها */
.s-product-card-entry,
.product-item,
.product-entry {
    margin: 0 8px !important; /* مسافة 8 بيكسل يمين ويسار كل منتج */
    border-radius: 8px !important; /* ضمان نعومة حواف الكارت */
}

/* 2. إضافة مسافة للحاوية الأم (الشبكة أو السلايدر) */
.products-grid,
.s-grid,
.s-slider-track,
swiper-container::part(container) {
    gap: 16px !important; 
}

/* === تحديث لون زر الدعوة لاتخاذ إجراء (إضافة للسلة) === */
.s-product-card-add-to-cart-btn,
.s-product-card-content-footer .s-button-element {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: none !important;
}


/* === تعديل ألوان زر إضافة للسلة === */
.s-product-card-add-to-cart-btn,
.s-product-card-content-footer .s-button-element {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: none !important;
}

/* تعديل لون النص داخل الزر */
.s-product-card-add-to-cart-btn span,
.s-product-card-add-to-cart-btn p {
    color: #ffffff !important;
}

/* تعديل لون أيقونة السلة داخل الزر */
.s-product-card-add-to-cart-btn > svg path {
    stroke: #ffffff !important;
    fill: none !important;
}