/* 🎨 Purple Dark Theme + Green Text من اللوجو */

/* ألوان أساسية */
:root {
  --bg: #200123;          /* خلفية عامة بنفسجي غامق */
  --card: #2a042d;        /* خلفية الكروت */
  --muted: #3a0a3e;       /* حدود وفواصل */
  --text: #0d5c46;        /* أخضر من اللوجو للنصوص */
  --text-muted: #12785b;  /* أخضر أفتح شوية للعناوين الثانوية */
  --link: #0d5c46;        /* أخضر للروابط */
  --link-hover: #149e77;  /* أخضر فاتح عند الهوفر */
  --price: #0b4c39;       /* أخضر أغمق للأسعار */
  --frame: #200123;       /* بنفسجي نفس الخلفية للفريم */
}

/* ✅ الخلفية العامة */
body, html {
  background: var(--bg) !important;
  color: var(--text) !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ✅ الهيدر */
header, .header, .site-header, 
.navbar, .nav-wrapper, .top-header, .middle-header {
  background: var(--bg) !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  border-bottom: 1px solid var(--muted) !important;
}

/* ✅ الكونتينر */
.container, .wrapper, .header-wrapper {
  background: var(--bg) !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 auto !important;
}

/* ✅ اللوجو */
.header-logo, .site-logo, .logo {
  background: transparent !important;
}

/* ✅ القوائم */
nav ul, .navbar-nav, .dropdown-menu, .mega-menu, .menu {
  background: var(--bg) !important;
  border: none !important;
}
nav ul li a, .menu a, .dropdown-menu a {
  color: var(--link) !important;
  transition: all 0.3s ease-in-out !important;
}
nav ul li a:hover, .menu a:hover, .dropdown-menu a:hover {
  color: var(--link-hover) !important;
  background: var(--muted) !important;
}

/* ✅ الكتب والمنتجات */
.product-item, .product-card, .product-box, .book-card, .card, .box {
  background: var(--card) !important;
  border: 2px solid var(--frame) !important;  /* الفريم بنفسجي */
  border-radius: 12px !important;
  color: var(--text) !important;
  padding: 10px !important;
}
.product-card img, .product-item img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
  background: var(--card) !important;
  border: 2px solid var(--frame) !important;  /* فريم الصورة بنفسجي */
  border-radius: 8px !important;
}

/* ✅ الصور داخل التصنيفات */
.category-card img, 
.category-box img, 
.collection-card img {
  width: 350px !important;
  height: 200px !important;
  object-fit: cover !important;  
  border-radius: 8px !important;
  display: block !important;
  margin: 0 auto !important;
  border: 2px solid var(--frame) !important; /* فريم بنفسجي */
}

/* ✅ النصوص */
h1, h2, h3, h4, h5, h6, p, span, li, a {
  color: var(--text) !important;
}
.product-title, .book-title {
  color: var(--text-muted) !important; /* أسماء الكتب */
}
.price, .product-price {
  color: var(--price) !important; /* الأسعار */
}

/* ✅ الأزرار */
.btn, button, .button {
  background: var(--muted) !important;
  color: var(--text) !important;
  border: 1px solid var(--muted) !important;
  transition: all 0.3s ease-in-out !important;
}
.btn:hover, .button:hover {
  background: var(--link-hover) !important;
  color: #fff !important;
}

/* ✅ الحقول */
input, select, textarea {
  background: #200123 !important;
  color: var(--text) !important;
  border: 1px solid var(--muted) !important;
}
input::placeholder, textarea::placeholder {
  color: var(--text-muted) !important;
}

/* ✅ الفوتر */
footer, .site-footer, .footer, .footer-wrapper {
  background: var(--bg) !important;
  color: var(--text) !important; 
  border-top: 1px solid var(--muted) !important;
}
footer a, .site-footer a, .footer a {
  color: var(--text) !important;
  transition: color 0.3s ease-in-out !important;
}
footer a:hover, .site-footer a:hover, .footer a:hover {
  color: var(--link-hover) !important;
}