/* 1. السيطرة الكاملة على الخلفية في كل الصفحات */
body#app, 
.app-inner, 
#main-content, 
.main-content-wrapper, 
.store-footer,
.store-footer__inner {
    background-color: #fddcc0 !important; /* لونك الكريمي الموحد */
}

/* 2. تنظيف "الهيدر" والناف بار من اللون الأبيض (bg-white) */
header.store-header,
.top-navbar,
#mainnav,
#mainnav .inner,
.main-nav-container,
.bg-white {
    background-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* 3. إزالة البياض من "البلوكات" وأقسام المنتجات (الأقسام اللي خربت عليك) */
section.s-block,
.container,
.wide-placeholder,
.s-block-category,
.s-product-list-wrapper {
    background-color: transparent !important;
    background: transparent !important;
    border: none !important;
}

/* 4. تنسيق الفوتر (الخط البني والدوائر المفرغة) */
.store-footer,
.store-footer *,
.store-footer h3,
.store-footer p,
.store-footer b,
.store-footer a,
.store-footer .copyright-text {
    color: #4a1a1a !important; /* بني فخم */
}

/* دوائر التواصل (بني مفرغ) */
salla-contacts i,
.s-contact__icon {
    border: 1px solid #4a1a1a !important;
    color: #4a1a1a !important;
    background-color: transparent !important;
    border-radius: 50% !important;
}

/* 5. تخصيص ألوان أيقونات السلة والمستخدم لتناسب الهوية */
salla-user-menu, 
salla-cart-summary {
    --color-primary: #4a1a1a;
  
}

/* إزالة الفجوة البيضاء (منطقة الوصف والتقييمات) في صفحة المنتج */
.s-product-details-page section,
.s-product-tabs,
.tabs-wrapper,
.s-tabs,
.s-tabs-container,
.s-comments,
.product-description-container,
.bg-gray-50,
.bg-gray-100 {
    background-color: transparent !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}



/* =========================================
   5. التأثير الحركي الشامل والمجبر لجميع المنتجات (تم الإصلاح)
   ========================================= */

/* استهداف أي عنصر أو صندوق يحتوي اسمه على بطاقة منتج */
salla-product-card,
[class*="product-card"],
[class*="product-item"],
.s-product-card-content,
.product-entry {
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out !important;
    position: relative !important;
    display: block !important;
}

/* إجبار العنصر على الارتفاع وإظهار الظل البني عند مرور الماوس بدون التأثير على النصوص */
salla-product-card:hover,
[class*="product-card"]:hover,
[class*="product-item"]:hover,
.s-product-card-content:hover,
.product-entry:hover {
    transform: translateY(-10px) !important;
    box-shadow: 0 12px 25px rgba(74, 26, 26, 0.2) !important;
    border: none !important; /* تم تعديل هذا السطر لمنع المربعات المزعجة */
    z-index: 9999 !important; 
}

/* إجبار الصورة الداخلية على التكبير قليلاً */
salla-product-card:hover img,
[class*="product-card"]:hover img {
    transform: scale(1.05) !important;
    transition: transform 0.4s ease-in-out !important;
}