/* Add custom CSS styles below */

/* تغيير لون النصوص والروابط داخل الفوتر */
.store-footer a,
.store-footer span,
.store-footer h1,
.store-footer h2,
.store-footer h3,
.store-footer p,
.store-footer button,
.store-footer i {
  color: white !important;
  fill: white !important;
}

.s-slider-block__display-all {
  font-size: 20px !important;            /* حجم الخط أكبر */
  font-weight: 700 !important;           /* خط ثقيل */
  color: #a67014 !important;              /* لون جملي */
  text-shadow: 1px 1px 2px rgba(0,0,0,0.3) !important;  /* ظل خفيف للنص */
  padding: 6px 12px !important;          /* تباعد حول النص */
  border-radius: 6px !important;         /* حواف مدورة */
  background-color: rgba(166, 112, 20, 0.1) !important; /* خلفية فاتحة شبه شفافة */
  transition: all 0.3s ease !important;  /* تأثير الانتقال */
  display: inline-block !important;      /* عشان التباعد يأثر بشكل كويس */
  text-decoration: none !important;      /* إزالة التسطير الافتراضي */
  cursor: pointer !important;             /* شكل الماوس */
}

/* تأثير عند المرور (hover) */
.s-slider-block__display-all:hover {
  background-color: #a67014 !important; /* خلفية جملي داكنة */
  color: white !important;               /* كتابة بيضاء */
  text-shadow: none !important;          /* إزالة الظل */
}

@media (min-width: 1024px) {
  h2 {

    font-weight: 700 !important; /* خط أثقل */
  }
}


.copyright-text p {
  font-size: 16px !important;  /* حجم أكبر شوية */
  color: white !important;      /* لون النص أبيض */
}

.copyright-text a {
  font-size: 16px !important;
  color: white !important;      /* الرابط أبيض كمان */
  text-decoration: underline;
}

.copyright-text a:hover {
  color: #d2b48c !important;    /* لون الجملي عند المرور */
}