.product-title {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  background: rgba(0,0,0,0.5);
  color: white !important;
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 10px;
  text-align: center;
  font-weight: bold;
}

.product-card {
  position: relative;
}



#theme-toggle-icon {
  font-size: 22px;
  cursor: pointer;
  margin: 0 10px;
  transition: transform 0.3s ease;
}

#theme-toggle-icon:hover {
  transform: scale(1.3);
}

body.dark-mode {
  background-color: #121212 !important;
  color: #b30000 !important;
}

body.dark-mode a,
body.dark-mode h1,
body.dark-mode h2,
body.dark-mode p,
body.dark-mode span {
  color: #b30000 !important;
}

body {
  transition: background-color 0.3s ease, color 0.3s ease;
} 


#floating-whatsapp {
    background-image: url('https://cdn-icons-png.flaticon.com/512/3670/3670051.png'); 
    background-size: 98%; /* حجم الأيقونة داخل الدائرة */
    background-position: center; /* توسيط الأيقونة */
    background-repeat: no-repeat; /* عدم تكرار الأيقونة */
}


/* تحسين سطوع صور المنتجات وإزالة أي غبش أو خفوت */
.product-card .product-card-image img {
    filter: brightness(1.1) contrast(1.05) !important; /* زيادة السطوع والتباين قليلاً */
    opacity: 1 !important; /* التأكد من أن الشفافية كاملة */
}

/* إزالة الطبقة الظلية التي قد تظهر عند تمرير الماوس */
.product-card:hover .product-card-image img {
    filter: brightness(1) !important;
    transition: 0.3s ease-in-out;
}

/* إذا كانت المشكلة في حدود المربع أو الظلال */
.product-card {
    box-shadow: 0 4px 15px rgba(0,0,0,0.05) !important; /* إضافة ظل خفيف جداً لبروز المربع */
    border: none !important;
}


/* تفتيح صور المنتجات في القائمة الرئيسية */
.product-card img {
    filter: brightness(1.2) contrast(1.1) saturate(1.1) !important;
    transition: all 0.3s ease;
}

/* زيادة السطوع أكثر عند مرور الماوس */
.product-card:hover img {
    filter: brightness(1.3) contrast(1.1) !important;
}

/* تفتيح خلفية مربع المنتج ليعطي انطباع بالنظافة */
.product-card {
    background-color: #ffffff !important;
    border: 1px solid #f0f0f0 !important;
}

.product-card__title a, .product-card__price {
    color: #333 !important; /* لون داكن وواضح للنصوص */
    font-weight: bold !important;
}


/* تغيير لون العناوين والأسعار في كامل المتجر للأبيض */
body.dark-mode .product-card__title a, 
body.dark-mode .product-card__price,
body.dark-mode .product-title,
body.dark-mode .price {
    color: #ffffff !important;
}

/* تغيير لون أيقونة السلة والعداد الصغير */
body.dark-mode .cart-icon, 
body.dark-mode .cart-badge {
    color: #ffffff !important;
    border-color: #ffffff !important;
}

/* تغيير لون نصوص القوائم العلوية (المتجر، المشاريع) */
body.dark-mode .main-menu-link {
    color: #ffffff !important;
}

/* تحسين بروز أزرار "إضافة للسلة" لتكون بيضاء */
body.dark-mode .btn-add-to-cart {
    border-color: #ffffff !important;
    color: #ffffff !important;
}