/* Add custom CSS styles below */ 
.store-footer {
  background: #294036; /* Change this to any color you want */
    color: white;

}
.store-footer h3 {
  color: white;
}
.store-footer .contact-links a{
  background-color: #cfcac9; !important;
  color: #293342 !important;
  transition: all 0.3s ease;
}

/* تصغير الأيقونة داخل الدائرة */

.store-footer .contact-links i {
  color: #293342 !important;
}

/* تغيير لون النص داخل أيقونات التواصل */

.store-footer .contact-links span {
  color: #293342 !important;
}

 
.store-footer .social-icon{
  background-color:#294036!important;
  color: white !important;

}
.store-footer .social-icon .social-label{
  color: white !important;
}

.social-icon:hover i,
.social-icon:hover .social-label {
    color: #5e9169 !important;
}
.hover-logo:hover img {
  filter: drop-shadow(0 0 6px #5e9169); /* green glow */
  transform: scale(1.05); /* slight zoom */
  transition: all 0.3s ease;
}

/* Optional: if you want the anchor text or border to react */
.hover-logo:hover {
  color: #5e9169;        /* text color change if any text exists */
  border-color: #5e9169; /* if it has a border */
}