/* Add custom CSS styles below */ 
/* ============================
   لون هوية المتجر (يشمل الأزرار، الأيقونات، العناصر التفاعلية) — بلون NYX الفوشيا
   ============================ */
html {
  --theme-primary-color: #fca49f !important;
  --color-primary: #fca49f !important;
  --color-primary-dark: #fca49f !important;
  --color-primary-light: #fca49f !important;
  --color-primary-reverse: #fca49f !important;
  --text-primary: #fca49f !important;
}

/* ===== الهيدر بكل أقسامه: أسود مع نص أبيض ===== */
header.store-header,
header.store-header .top-navbar,
header.store-header .main-nav-container,
header.store-header .pt-2 {
  background-color: #000000 !important;
}

header.store-header,
header.store-header a,
header.store-header button,
header.store-header i,
header.store-header svg,
header.store-header p,
header.store-header span {
  color: #ffffff !important;
  fill: #ffffff !important;
}

/* ===== القوائم المنسدلة (الداندروب) داخل الهيدر ===== */
header.store-header .bg-white,
header.store-header [class*="mega" i],
header.store-header [class*="dropdown" i],
header.store-header [class*="sub-menu" i],
header.store-header [class*="submenu" i] {
  background-color: #000000 !important;
}

header.store-header .bg-white *,
header.store-header [class*="mega" i] *,
header.store-header [class*="dropdown" i] *,
header.store-header [class*="sub-menu" i] *,
header.store-header [class*="submenu" i] * {
  color: #ffffff !important;
}

/* ===== الشريط المتحرك ===== */
.marquee,
.marquee * {
  color: #ffffff !important;
}

/* ===== الفوتر: أسود مع نص أبيض ===== */
footer.store-footer {
  background-color: #000000 !important;
}

footer.store-footer,
footer.store-footer a,
footer.store-footer p,
footer.store-footer span,
footer.store-footer svg,
footer.store-footer i {
  color: #ffffff !important;
  fill: #ffffff !important;
}
@media(max-width:768px){
  .RU_departments .grid a .relative{
    height: 170px !important;
  }
}
.RU_departments h3 { color: #ff6767 !important; }
.w-\[120px\] {
     width: 120px;
}
.h-\[100px\] {
    height: 40px;
}