/* === استيراد خط راقٍ ومتناسق (Tajawal) === */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;600;700&display=swap');

* {
  font-family: 'Tajawal', sans-serif !important;
}

/* === رأس الصفحة (Header) === */
.header,
.header--desktop,
.header--mobile,
.navbar,
.navbar__container {
  background-color: #000000 !important;
  color: #e11d48 !important;
}

.header a,
.header .nav__link,
.header .logo__text,
.navbar__item a {
  color: #e11d48 !important;
  font-weight: 600;
  transition: color 0.3s ease;
}

.header a:hover,
.navbar__item a:hover {
  color: #ff4d6d !important; /* أحمر أفتح عند التمرير */
}

/* === شعار المتجر (نص اللوجو) === */
.logo__text {
  font-size: 22px;
  font-weight: bold;
  color: #e11d48 !important;
}

/* === قائمة التنقل === */
.nav__menu,
.navbar__menu {
  background-color: #000000 !important;
}

/* === ذيل الصفحة (Footer) === */
.footer,
.footer__content,
.footer__bottom {
  background-color: #000000 !important;
  color: #e11d48 !important;
  border-top: 1px solid #e11d48;
}

.footer a,
.footer .footer__link,
.footer .footer__title {
  color: #e11d48 !important;
  font-weight: 600;
  transition: color 0.3s ease;
}

.footer a:hover,
.footer .footer__link:hover {
  color: #ff4d6d !important;
}

/* === تحسين الفوتر === */
.footer__content {
  padding: 40px 20px;
  text-align: center;
}

.footer__bottom {
  font-size: 14px;
  padding: 15px;
  text-align: center;
}