/* =============================================================
   متجر إيمان للإتصالات — قواعد تنسيق CSS 
   ============================================================= */

/* ---------- 1) متغيرات الألوان والقواعد العامة ---------- */
:root {
  --color-primary: #6565e0 !important;
  --color-primary-dark: #4b4bcc !important;
  --color-primary-light: #8a8aec !important;
  --color-primary-reverse: #ffffff !important;
  --swiper-theme-color: #6565e0 !important;
}

body {
  background: #f8f9fc !important;
  color: #1a1a1a !important;
}

a:hover {
  color: #00a896 !important;
}

.store-header {
  background: #ffffff !important;
  border-bottom: 2px solid #00a896 !important;
  backdrop-filter: none !important;
}

.section-title,
.home-section-title,
[class*='section'] h2,
h2.title {
  color: #00a896 !important;
  font-weight: 800 !important;
}

.section-title::after,
.home-section-title::after {
  content: '';
  display: block;
  width: 56px;
  height: 3px;
  margin-top: 6px;
  border-radius: 3px;
  background: linear-gradient(90deg, #006d5f, #00a896, #6565e0);
}

/* ---------- 2) بطاقات المنتجات والأسعار ---------- */
.s-product-card-entry {
  position: relative !important;
  background: #fff !important;
  border: 1px solid rgba(0, 168, 150, .16) !important;
  border-radius: 10px !important;
  transition: .35s !important;
  padding-bottom: 14px !important;
}

.s-product-card-entry:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 20px rgba(0, 168, 150, .16) !important;
  border-color: rgba(0, 168, 150, .55) !important;
}

/* السعر الأساسي، السعر الجديد، وسعر التخفيض باللون البنفسجي دائماً */
.s-product-card-price,
.current-price,
.s-product-card-sale-price,
[class*='sale-price'],
[class*='discount-price'],
[class*='current-price'],
ins {
  font-size: 20px !important;
  font-weight: 800 !important;
  color: #6565e0 !important;
}

.s-product-card-content-title,
.s-product-card-content-title *,
.product-title {
  color: #6565e0 !important;
}

.s-product-card-content del,
.s-product-card-content s,
[class*='price'] del,
[class*='price'] s,
del {
  font-size: 12px !important;
  font-weight: 400 !important;
  color: #9a9aa8 !important;
}

.s-product-card-price *,
[class*='price'] * {
  background: transparent !important;
  background-image: none !important;
}

/* ---------- 3) الأزرار ---------- */
.s-button-element:not(.s-button-icon):not(.s-button-outline):not(.s-button-light),
.add-to-cart,
button.add-to-cart {
  background: #6565e0 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 6px !important;
  font-weight: 700 !important;
  transition: all .4s ease !important;
}

.s-button-element:not(.s-button-icon):not(.s-button-outline):hover,
.add-to-cart:hover {
  background: #00a896 !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 6px rgba(0, 0, 0, .1) !important;
}

.s-button-element.s-button-outline:not(.s-button-icon) {
  background: transparent !important;
  border: 2px solid #00a896 !important;
  color: #00a896 !important;
  border-radius: 6px !important;
}

.s-button-element.s-button-outline:not(.s-button-icon):hover {
  background: #00a896 !important;
  color: #fff !important;
}

.s-button-icon {
  color: #00a896 !important;
}

.s-product-card-promotion-title,
[class*='promotion-title'] {
  background: linear-gradient(120deg, #006d5f, #00a896) !important;
  color: #fff !important;
  border: 0 !important;
}

.s-cart-summary-count {
  background: #00a896 !important;
  color: #fff !important;
}

/* ---------- 4) الأقسام المميزة والروابط الجانبية ---------- */
.grid_distinctive a.ref_elment,
a.ref_elment {
  background: linear-gradient(135deg, #4b4bcc, #6565e0) !important;
  border: 1px solid rgba(255, 255, 255, .18) !important;
  border-radius: 14px !important;
  position: relative !important;
  overflow: hidden !important;
  transition: .3s !important;
}

a.ref_elment:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 28px rgba(101, 101, 224, .38) !important;
}

a.ref_elment > * {
  position: relative;
  z-index: 1;
}

/* ---------- 5) التذييل (Footer) ---------- */
.ps-footer,
.ps-footer__middle,
.ps-footer--bottom {
  background: #006d5f !important;
  color: #fff !important;
}

.ps-footer a {
  color: #eafaf7 !important;
}

.ps-footer a:hover {
  color: #a5ede3 !important;
}

.ps-footer h1,
.ps-footer h2,
.ps-footer h3,
.ps-footer h4,
.ps-footer .footer-title {
  color: #5fd0c2 !important;
}

/* ---------- 6) شريط التمرير (Scrollbar) ---------- */
html {
  scrollbar-color: #00a896 #e2e8f0;
  scrollbar-width: thin;
}

::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}

::-webkit-scrollbar-track {
  background: #e2e8f0;
}

::-webkit-scrollbar-corner {
  background: #e2e8f0;
}