/* =========================
   EVO STORE - V2 SYSTEM
   ========================= */

/* متغيرات الوضع (افتراضي داكن) */
:root {
  --bg: #0D0D14;
  --card: #12121C;
  --text: #ffffff;
  --main: #A020F0;
  --second: #6A00FF;
}

/* وضع النهار */
body.light-mode {
  --bg: #f5f6fa;
  --card: #ffffff;
  --text: #111;
  --main: #6A00FF;
  --second: #A020F0;
}

body {
  background: var(--bg) !important;
  color: var(--text);
  transition: 0.3s;
  font-family: system-ui;
}
body::before {
  content: "EVO";
  position: fixed;
  inset: 0;
  background: rgba(13,13,20,0.92);
  backdrop-filter: blur(12px);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #A020F0;
  font-size: 70px;
  font-weight: 900;
  letter-spacing: 10px;
  z-index: 99999;
  animation: evoIntro 2.2s ease forwards;
}

/* خط تحت الكلمة */
body::after {
  content: "";
  position: fixed;
  top: 56%;
  left: 50%;
  transform: translateX(-50%);
  width: 220px;
  height: 3px;
  background: linear-gradient(90deg, #6A00FF, #A020F0);
  z-index: 99999;
  animation: evoIntro 2.2s ease forwards;
}

/* شكل الصاعقة داخل V */
body::before {
  text-shadow:
    0 0 10px #A020F0,
    0 0 25px #6A00FF;
}

/* تأثير اختفاء */
@keyframes evoIntro {
  0% { opacity: 1; }
  80% { opacity: 1; }
  100% { opacity: 0; visibility: hidden; }
}
}

body::after {
  content: "";
  position: fixed;
  top: 56%;
  left: 50%;
  transform: translateX(-50%);
  width: 180px;
  height: 3px;
  background: linear-gradient(90deg, var(--second), var(--main));
  z-index: 99999;
  animation: evoIntro 2.2s ease forwards;
}

@keyframes evoIntro {
  0% { opacity: 1; }
  80% { opacity: 1; }
  100% { opacity: 0; visibility: hidden; }
}

/* =========================
   زر الوضع الليلي/النهاري
   ========================= */
.evo-toggle {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: var(--card);
  border: 1px solid rgba(160,32,240,0.4);
  color: var(--text);
  padding: 10px 14px;
  border-radius: 50px;
  cursor: pointer;
  z-index: 9999;
  box-shadow: 0 0 15px rgba(160,32,240,0.2);
}

/* =========================
   الهيدر
   ========================= */
.header, .site-header {
  background: rgba(13,13,20,0.92) !important;
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(160,32,240,0.25);
}

.site-header {
  position: relative;
}

/* نص EVO في منتصف الهيدر */
.evo-center-logo {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: 20px;
  font-weight: 900;
  color: #A020F0;
  letter-spacing: 4px;
  text-shadow: 0 0 10px rgba(160,32,240,0.5);
}
}

/* =========================
   مميزات المتجر (Features)
   ========================= */
.evo-features {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 10px;
  margin: 20px 0;
}

.evo-features div {
  background: var(--card);
  border: 1px solid rgba(160,32,240,0.2);
  padding: 14px;
  border-radius: 14px;
  text-align: center;
  font-size: 13px;
  transition: 0.3s;
}

.evo-features div:hover {
  transform: translateY(-5px);
  border-color: var(--main);
  box-shadow: 0 0 20px rgba(160,32,240,0.25);
}

/* =========================
   المنتجات
   ========================= */
.product-item, .product-card {
  background: var(--card) !important;
  border-radius: 18px;
  border: 1px solid rgba(160,32,240,0.18);
  transition: 0.3s;
}

.product-item:hover {
  transform: translateY(-8px);
  box-shadow: 0 0 25px rgba(160,32,240,0.3);
}

/* السعر */
.price, .product-price {
  color: var(--main) !important;
  font-weight: bold;
}

/* =========================
   زر الشراء
   ========================= */
.add-to-cart, .btn-primary {
  background: linear-gradient(135deg, var(--second), var(--main)) !important;
  border: none !important;
  border-radius: 14px;
  color: #fff !important;
}

/* =========================
   ذيل الصفحة (Footer احترافي)
   ========================= */
footer {
  background: #0B0B10 !important;
  border-top: 1px solid rgba(160,32,240,0.25);
  color: #aaa;
  padding: 30px;
  text-align: center;
}

/* =========================
   Scrollbar
   ========================= */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-thumb {
  background: var(--second);
  border-radius: 10px;
}
.site-header {
  position: relative;
}

/* نص EVO في منتصف الهيدر */
.evo-center-logo {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: 20px;
  font-weight: 900;
  color: #A020F0;
  letter-spacing: 4px;
  text-shadow: 0 0 10px rgba(160,32,240,0.5);
}
.header-is-sticky .store-header,
.store-header,
.main-nav-container{
background:#050505 !important;
border:none !important;
box-shadow:0 0 20px rgba(128,0,255,.15);
}

.store-header *{
color:#fff !important;
}.product-entry,
.product-card,
.s-product-card-entry{
background:#0a0a14 !important;
border:1px solid rgba(151,71,255,.25);
border-radius:18px !important;
overflow:hidden;
}.product-title,
.s-product-card-content-title{
color:#ffffff !important;
font-weight:700;
}

.price,
.product-price,
.s-product-card-price{
color:#bb6cff !important;
font-weight:800;
font-size:20px;
}

.product-entry:hover,
.product-card:hover,
.s-product-card-entry:hover{
box-shadow:0 0 20px rgba(162,0,255,.4);
}.product-entry .product-details,
.s-product-card-content,
.product-card .content{
background:#0a0a14 !important;
color:#fff !important;
}.features,
.store-features{
background:transparent !important;
}

.feature-item{
background:#0d0d18 !important;
border:1px solid rgba(151,71,255,.25);
border-radius:20px !important;
padding:25px !important;
}

.feature-item h3{
color:#fff !important;
}

.feature-item p{
color:#b9b9b9 !important;
}

.feature-item .icon{
background:linear-gradient(135deg,#7a00ff,#c100ff);
border-radius:50%;
}.product-entry{
transition:.3s;
}

.product-entry:hover{
transform:translateY(-6px);
box-shadow:
0 0 15px rgba(170,0,255,.3),
0 0 30px rgba(170,0,255,.15);
}.hero-slider hr,
.hero-slider .divider,
.hero-slider .line{
display:none !important;
}/* ==========================================================================
   FIX FOR WHITE FIELDS IN PRODUCT PAGE (إصلاح المربعات البيضاء)
   ========================================================================== */

/* استهداف المربعات والحقول البيضاء في صفحة المنتج وتحويلها للثيم الداكن */
.product-single__options,
.product-option-selector,
.s-product-options-wrapper,
[class*="product-option"],
.product-option-box,
[class*="selector-wrapper"],
.product-single__price-wrapper,
.s-product-single-price {
    background-color: #161920 !important; /* نفس رمادي المتجر الفخم بدلاً من الأبيض */
    border: 1px solid #7000ff !important; /* إطار نيون بنفسجي خفيف يناسب بنر ببجي */
    color: #ffffff !important; /* تحويل النصوص مثل كلمة "السعر" للأبيض */
    border-radius: 8px !important;
}

/* تعديل النصوص والعناوين الداخلية بداخل هذه المربعات لتصبح بيضاء وواضحة */
.product-single__options label,
.product-option-selector title,
[class*="product-option"] span,
[class*="product-option"] label,
.product-option-title {
    color: #ffffff !important;
    font-weight: bold !important;
}

/* تعديل أي حقل إدخال أو قائمة منسدلة داخل صفحة المنتج تكسر اللون */
.product-single__options select,
.product-single__options input,
.s-form-control,
[class*="option-input"] {
    background-color: #12141a !important;
    color: #ffffff !important;
    border: 1px solid #222632 !important;
}

/* إخفاء أي ظلال بيضاء قديمة خلف المربعات */
[class*="product-option"], .product-single__price-wrapper {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;
}/* صفحة المنتج */
.product,
.product-single,
.product-content,
.product-form,
.product-details,
.product-info,
.card,
.panel,
.box,
.section,
.content-wrapper{
background:#0b0b16 !important;
color:#fff !important;
border-color:rgba(168,85,247,.2) !important;
}

/* حالة نفد من المخزون */
.out-of-stock,
.notify-availability,
.stock-notify,
.stock-alert{
background:#0b0b16 !important;
color:#fff !important;
border:1px solid rgba(168,85,247,.3) !important;
}

/* الحقول */
input,
select,
textarea{
background:#12121f !important;
color:#fff !important;
border:1px solid rgba(168,85,247,.25) !important;
}

/* أي صندوق أبيض متبقي */
.bg-white,
.bg-light,
.bg-gray-100,
.bg-grey,
.bg-body{
background:#0b0b16 !important;
}

/* التبويبات */
.nav-tabs,
.tab-content{
background:#0b0b16 !important;
color:#fff !important;
}.store-features, .features-section, .s-block-features, [class*="features"], .shipping-advantages {
        background-color: #f8fafc !important;
    }
    .store-features .feature-item, .features-section .item, [class*="feature-item"], [class*="features"]__item {
        background: #ffffff !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 12px !important;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05) !important;
    }
    [class*="feature-item"] h3, [class*="feature-item"] p, [class*="features"] h4 {
        color: #0f172a !important;
    }