/* ===== زر التبديل ===== */
#dark-mode-toggle {
  position: relative;
  top: auto;
  right: auto;
  z-index: 99999;
  background: transparent;
  color: #fff;
  border: none;
  border-radius: 50px;
  padding: 8px 12px;
  cursor: pointer;
  font-size: 22px;
  transition: all 0.3s ease;
}
#dark-mode-toggle:hover { transform: scale(1.2); }

/* ===== خلفية الصفحة الرئيسية ===== */
body.dark-mode,
body.dark-mode #app,
body.dark-mode #main-content,
body.dark-mode main,
body.dark-mode .app-inner,
body.dark-mode [id*="page"],
body.dark-mode [class*="page-"] {
  background-color: #0f0f0f !important;
  color: #e0e0e0 !important;
}

body.dark-mode .bg-white,
body.dark-mode [class*="bg-white"],
body.dark-mode [style*="background: #fff"],
body.dark-mode [style*="background:#fff"],
body.dark-mode [style*="background: white"],
body.dark-mode [style*="background-color: white"],
body.dark-mode [style*="background-color: #fff"] {
  background-color: #1e1e1e !important;
}

/* ===== الهيدر ===== */
body.dark-mode header,
body.dark-mode #header,
body.dark-mode .header,
body.dark-mode [class*="header"] {
  background-color: #1a1a1a !important;
  border-color: #333 !important;
}
body.dark-mode header *,
body.dark-mode #header * {
  color: #e0e0e0 !important;
  border-color: #333 !important;
}

/* ===== كل النصوص ===== */
body.dark-mode p,
body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode h5,
body.dark-mode h6,
body.dark-mode span,
body.dark-mode a,
body.dark-mode li,
body.dark-mode label,
body.dark-mode strong,
body.dark-mode small,
body.dark-mode .text-gray-800,
body.dark-mode .text-gray-700,
body.dark-mode .text-gray-600,
body.dark-mode .text-gray-500,
body.dark-mode .text-gray-400,
body.dark-mode .text-dark,
body.dark-mode .text-black,
body.dark-mode [class*="text-gray"],
body.dark-mode [class*="text-dark"],
body.dark-mode [class*="title"],
body.dark-mode [class*="name"],
body.dark-mode [class*="description"],
body.dark-mode [class*="label"] {
  color: #e0e0e0 !important;
}

/* ===== بطاقات المنتجات ===== */
body.dark-mode .s-product-card,
body.dark-mode [class*="product-card"],
body.dark-mode [class*="product-item"],
body.dark-mode [class*="product-box"],
body.dark-mode salla-product-card,
body.dark-mode .shadow-default,
body.dark-mode [class*="shadow"] {
  background-color: #1e1e1e !important;
  border-color: #333 !important;
}
body.dark-mode .s-product-card *,
body.dark-mode [class*="product-card"] *,
body.dark-mode [class*="product-item"] *,
body.dark-mode salla-product-card * {
  color: #e0e0e0 !important;
}

/* ===== آراء العملاء ===== */
body.dark-mode .s-testimonials,
body.dark-mode [class*="testimonial"],
body.dark-mode salla-testimonials,
body.dark-mode .swiper,
body.dark-mode .swiper-wrapper,
body.dark-mode .swiper-slide {
  background-color: #1a1a1a !important;
}
body.dark-mode .swiper-slide *,
body.dark-mode [class*="testimonial"] * {
  color: #e0e0e0 !important;
  background-color: transparent !important;
}

/* ===== قسم الضمان والتسليم والدعم ===== */
body.dark-mode .s-features,
body.dark-mode salla-features,
body.dark-mode [class*="features"],
body.dark-mode .home-features,
body.dark-mode [class*="guarantee"],
body.dark-mode [class*="support"] {
  background-color: #1a1a1a !important;
}
body.dark-mode .s-features *,
body.dark-mode [class*="features"] *,
body.dark-mode salla-features * {
  color: #e0e0e0 !important;
  background-color: transparent !important;
}

/* ===== الفوتر كامل ===== */
body.dark-mode footer,
body.dark-mode .s-footer,
body.dark-mode salla-footer,
body.dark-mode [class*="footer"] {
  background-color: #111111 !important;
}
body.dark-mode footer *,
body.dark-mode .s-footer *,
body.dark-mode salla-footer *,
body.dark-mode [class*="footer"] * {
  color: #aaaaaa !important;
  background-color: transparent !important;
}

/* ===== حقول الإدخال ===== */
body.dark-mode input,
body.dark-mode select,
body.dark-mode textarea,
body.dark-mode .form-input {
  background-color: #2a2a2a !important;
  color: #e0e0e0 !important;
  border-color: #444 !important;
}

/* ===== الحدود ===== */
body.dark-mode [class*="border"],
body.dark-mode .bg-border-color,
body.dark-mode [class*="divide"] {
  border-color: #333 !important;
}

/* ===== الشريط العلوي ===== */
body.dark-mode [class*="announcement"],
body.dark-mode [class*="top-bar"],
body.dark-mode [class*="topbar"] {
  background-color: #222 !important;
  color: #ccc !important;
}