/* 🎨 ألوان الثيم الجديد - خلفية بيضاء + خط موف غامق */

:root {
  --color-main: #2a1c54;
  --color-accent: #38e28c;
  --color-text: #2a1c54;
  --color-bg: #ffffff;
}

/* 🧱 الخلفية العامة */
body, html {
  background-color: var(--color-bg) !important;
  color: var(--color-text) !important;
  font-family: var(--font-main, "DINNextLTArabic-Regular");
  font-size: 16px;
  direction: rtl;
  margin: 0;
}

/* 📝 النصوص والعناوين */
h1, h2, h3, h4, h5, h6,
p, a, span, small, label, div {
  color: var(--color-text) !important;
}

/* 🔢 الأسعار */
.price-wrapper span {
  color: var(--color-main) !important;
}
.price-wrapper span.color-danger {
  color: var(--color-main) !important;
}
.price-wrapper small {
  color: #6a57a3 !important;
  opacity: 0.8;
}

/* 🛍️ المنتج */
.product-block {
  background-color: #ffffff !important;
  color: var(--color-text) !important;
  border: 1px solid rgba(42, 28, 84, 0.1);
}
.product-block__thumb a h6,
.product-title h2,
.product-title p {
  color: var(--color-text) !important;
}

/* 🏷️ الشارة */
.badge--primary {
  background-color: var(--color-main) !important;
  color: #ffffff !important;
  border-radius: 4px;
}

/* 🧭 الهيدر */
header#site-header-outer,
header.fixed-pinned .site-header {
  background: #ffffff !important;
  border-bottom: 1px solid rgba(42, 28, 84, 0.1);
}
.site-header * {
  color: var(--color-text) !important;
}

/* 🦶 الفوتر */
.footer, .footer__bottom {
  background-color: #ffffff !important;
  color: var(--color-text) !important;
  border-top: 1px solid rgba(42, 28, 84, 0.1);
}

/* ⚡ الأزرار */
.s-button-element.s-button-primary,
.btn, .btn--add-to-cart, .shipping-tracker>a {
  background-color: var(--color-main) !important;
  color: #ffffff !important;
  border: none !important;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease;
}
.s-button-element.s-button-primary:hover,
.btn:hover, .btn--add-to-cart:hover {
  background-color: #4b388d !important;
  color: #ffffff !important;
}

/* 💬 التعليقات */
.view-comment__comment .comment-wrapper p {
  color: #4b388d !important;
}
.view-comment__comment .comment-wrapper .name {
  color: var(--color-main);
  font-weight: 700;
}
.view-comment__comment .comment-wrapper .comment-date {
  color: var(--color-accent) !important;
}

/* ⭐ مميزات المتجر */
.home-block--store-features {
  background: #ffffff !important;
}
.store-feature__icon {
  color: var(--color-main);
  font-size: 70px;
  margin: 0 auto 20px;
}
.home-block--store-features .container::before {
  content: "مميزات المتجر";
  display: block;
  width: 100%;
  font-weight: 700;
  color: var(--color-main);
  text-align: center;
  font-size: 25px;
  margin-bottom: 25px;
}

/* 📱 السوشيال */
body ul.footer-list--social-links li:hover a {
  background: var(--color-accent);
  color: var(--color-bg) !important;
}
.footer .footer-list.footer-list--social-links li::before {
  content: "";
  width: 40px;
  height: 40px;
  border-left: #2a1c54 solid 1.5px;
  border-right: #2a1c54 solid 1.5px;
  border-radius: 50%;
  animation: social ease 3s infinite;
}

/* 🔄 الحركات */
@keyframes social {
  0% { transform: rotate(360deg); }
  100% { transform: rotate(-360deg); }
}

/* ===== خلفية الموقع بالكامل بالموف ===== */
body,
html,
.section,
.container,
header,
footer,
.main,
.page,
.product,
.collection,
.cart,
.modal,
.drawer,
aside,
.salla-theme,
.theme-default,
.theme-content {
  background-color: #92278f !important;
  background: #92278f !important;
}

/* ===== خلفيات البلوكات والعناصر الداخلية ===== */
.card,
.product-card,
.banner,
.hero,
.section-inner,
.content-box,
.footer-top,
.header-bottom,
.navbar,
.popup,
.dropdown-menu {
  background-color: #92278f !important;
  background: #92278f !important;
  color: #ffffff !important;
}

/* ===== اللون الافتراضي للنصوص ===== */
body,
p,
span,
a,
h1, h2, h3, h4, h5, h6,
button,
input,
label,
strong {
  color: #ffffff !important;
}

/* ===== لون الروابط والأزرار عند التمرير ===== */
a:hover,
button:hover {
  color: #E6D5FF !important; /* موف فاتح عند الـ hover */
}

/* ===== الفوتر والهيدر ===== */
footer,
footer a,
header,
header a {
  color: #ffffff !important;
}

/* ===== منع أي خلفية بيضاء ===== */
* {
  background-color: transparent !important;
}

/* ===== أزرار المتجر بلون أبيض على خلفية موف ===== */
button,
.s-button-element,
.btn {
  background-color: #ffffff !important;
  color: #92278f !important;
  border: none !important;
}

button:hover,
.s-button-element:hover,
.btn:hover {
  background-color: #E6D5FF !important;
  color: #92278f !important;
}


/* ===== قائمة الموبايل (القائمة الجانبية / المنسدلة) ===== */
.mobile-menu,
.drawer,
.salla-drawer,
nav.mobile-nav,
.salla-menu,
.offcanvas,
.menu-mobile,
.navbar-mobile {
  background-color: #f5e6fa !important; /* موف فاتح */
  backdrop-filter: blur(6px) !important; /* لو فيها شفافية */
  color: #92278f !important;
}

/* ===== عناصر القائمة داخل الموبايل ===== */
.mobile-menu a,
.mobile-nav a,
.drawer a,
.salla-menu a,
.offcanvas a,
.menu-mobile a,
.navbar-mobile a,
.mobile-menu li,
.drawer li,
.salla-menu li {
  color: #92278f !important; /* النصوص موف غامق */
  background-color: transparent !important;
}

/* ===== عند المرور أو التحديد ===== */
.mobile-menu a:hover,
.mobile-menu a.active,
.drawer a:hover,
.salla-menu a:hover {
  background-color: #e9c7f3 !important; /* موف أفتح */
  color: #5B2E90 !important; /* أغمق قليلاً */
}