/* Add custom CSS styles below */ 
/* ==========================================================
   Glow Beauty - Custom CSS
   ========================================================== */

:root {
  --glow-pink: #e2b4bd;        /* بينك الهيدر والفوتر */
  --glow-pink-deep: #d49aa7;   /* شريط الفوتر السفلي (أغمق شوية) */
  --glow-pink-soft: #fdf3f5;   /* خلفية الموقع: بينك فاتح */
  --glow-ink: #231f1e;         /* لون النصوص */
}

/* ---------- 1) خلفية الموقع ---------- */
html,
body,
body.index,
#app,
.app-inner {
  background-color: var(--glow-pink-soft) !important;
}

/* ---------- 2) الهيدر (الشريط العلوي الأسود زي ما هو) ---------- */
#mainnav,
.main-nav-container,
.main-nav-container .inner {
  background-color: var(--glow-pink) !important;
  box-shadow: none !important;
}
.main-nav-container a,
.main-nav-container .main-menu li > a,
.main-nav-container .main-menu li > span,
.main-nav-container .text-gray-500,
.main-nav-container .text-gray-700,
.main-nav-container .sicon-menu {
  color: var(--glow-ink) !important;
}
.main-nav-container .main-menu a:hover {
  color: #000 !important;
}

/* ---------- 3) السلة + الحساب في الهيدر (أبيض وأسود) ---------- */
.header-btn__icon,
.s-user-menu-login-btn {
  background-color: #fff !important;
  border: 1px solid #000 !important;
  color: #000 !important;
}
.s-cart-summary-count {
  background-color: #000 !important;
  color: #fff !important;
}
.s-cart-summary-content,
.s-cart-summary-total,
.s-cart-summary-total i {
  color: #000 !important;
}

/* ---------- 4) زر "أضف إلى السلة": خلفية بيضا + حدود وكلمة سوداء ---------- */
.s-product-card-content-footer .s-button-element,
salla-add-product-button .s-button-element,
.s-button-primary-outline,
.s-button-primary {
  background-color: #fff !important;
  border: 1px solid #000 !important;
  color: #000 !important;
  box-shadow: none !important;
}
salla-add-product-button .s-button-element i,
salla-add-product-button .s-button-element span,
.s-button-primary-outline i,
.s-button-primary-outline span {
  color: #000 !important;
}
/* عند المرور بالماوس يتعكس الزر */
salla-add-product-button .s-button-element:hover,
.s-button-primary-outline:hover {
  background-color: #000 !important;
  color: #fff !important;
}
salla-add-product-button .s-button-element:hover i,
salla-add-product-button .s-button-element:hover span {
  color: #fff !important;
}

/* ---------- 5) الفوتر ---------- */
.store-footer {
  background-color: var(--glow-pink-deep) !important;  /* الشريط السفلي (حقوق النشر) */
  color: var(--glow-ink) !important;
}
.store-footer__inner {
  background-color: var(--glow-pink) !important;
  color: var(--glow-ink) !important;
}
.store-footer h3,
.store-footer a,
.store-footer p,
.store-footer span,
.store-footer li,
.store-footer .copyright-text {
  color: var(--glow-ink) !important;
}
.store-footer i[class*="sicon-"] {
  color: var(--glow-ink) !important;
}
.store-footer a:hover {
  color: #000 !important;
}

/* ---------- 6) تحسينات عامة ---------- */
/* كروت المنتجات: بيضا بزوايا ناعمة وظل بينك خفيف عشان تبان على الخلفية */
.s-product-card-entry {
  background-color: #fff !important;
  border-radius: 16px !important;
  box-shadow: 0 2px 12px rgba(226, 180, 189, 0.25) !important;
  transition: box-shadow 0.25s ease;
}
.s-product-card-entry:hover {
  box-shadow: 0 6px 20px rgba(226, 180, 189, 0.45) !important;
}
.s-product-card-price {
  color: #000 !important;
}