/* Add custom CSS styles below */ 
/* اللون الأساسي للثيم - بيوصل لكل مكونات سلة (أزرار، شارات، حالات الهوفر) حتى جوا الـ shadow DOM */
:root {
  --color-primary-l: #771330 !important;   /* كان رمادي #676668 */
  --color-primary-d: #5c0f26 !important;   /* درجة أغمق للهوفر - كانت #272628 */
  --color-primary-dark: #f6dfe6 !important; /* تظليل فاتح - كان #d9d9d9 */
}

/* الفوتر: حاليًا أبيض/رمادي فاتح -> بورجندي زي البانرات */
footer.store-footer {
  background-color: #771330 !important;
}
footer.store-footer,
footer.store-footer a,
footer.store-footer h1,
footer.store-footer h2,
footer.store-footer h3,
footer.store-footer h4,
footer.store-footer p,
footer.store-footer span,
footer.store-footer li {
  color: #f5e6ea !important;
}
footer.store-footer a:hover {
  color: #ffffff !important;
  text-decoration: underline;
}
footer.store-footer .store-footer__inner {
  background-color: #771330 !important;
}
/* الهيدر: نفس بورجندي الفوتر (الشريط العلوي + شريط اللوجو والتصنيفات) */
header.store-header .top-navbar,
header.store-header .main-nav-container {
  background-color: #771330 !important;
}

/* نصوص وأيقونات الهيدر تتحول لفاتح عشان تتقرأ فوق البورجندي */
header.store-header .main-nav-container,
header.store-header .main-nav-container a,
header.store-header .main-nav-container svg,
header.store-header .main-nav-container path {
  color: #f5e6ea !important;
  fill: #f5e6ea !important;
}
header.store-header .main-nav-container a:hover {
  color: #ffffff !important;
}

/* خلفية الموقع بالكامل: بينك فاتح بدل الأبيض/الرمادي */
body {
  background-color: #fdf1f4 !important;
}
/* القائمة المنسدلة للتصنيفات الفرعية: ترجع للون غامق يتقرأ فوق خلفيتها البيضاء */
header.store-header .main-nav-container .sub-menu,
header.store-header .main-nav-container .sub-menu li,
header.store-header .main-nav-container .sub-menu a {
  color: #231f1e !important;
}
header.store-header .main-nav-container .sub-menu a:hover {
  color: #771330 !important;
}