/* =====================================================================
   ⭐ رأس الهرم — VOID Gaming Skin
   بيتطبّق على body.gaming-mode فقط (المتجر/المنتج/السلّة/الدفع لقسم الجيمنج)
   الفكرة: نعيد تعريف متغيّرات الثيم لكوني → كل العناصر اللي بتستخدم var()
   بتتقلب تلقائيًا. وبعدين لمسات نيون مستهدفة.
   ===================================================================== */

/* ---- ١) قلب كل المتغيّرات لكوني ---- */
body.gaming-mode {
  --white:        #0b0418;   /* خلفية الكروت/البطاقات */
  --paper:        #110824;   /* اللوحات الخفيفة */
  --off:          #0b0418;
  --ink:          #eaf6ff;   /* النصّ الأساسي */
  --ink-soft:     #b9b6dd;   /* النصّ الثانوي */
  --mute:         #7d79a8;   /* النصّ الباهت */
  --gold:         #00eaff;   /* الأكسنت الأساسي (سيان) */
  --gold-bright:  #6af3ff;
  --gold-light:   #6af3ff;
  --gold-glow:    #00eaff;
  --gold-deep:    #ff1ad9;   /* السعر (ماجنتا) */
  --rule:         rgba(155,92,255,.34);
  --rule-soft:    rgba(155,92,255,.30);
  --rule-faint:   rgba(155,92,255,.16);

  --display: 'Orbitron','Cairo',sans-serif;
  --kufi:    'Rajdhani','Cairo',sans-serif;
  --body:    'Rajdhani','Cairo',sans-serif;

  background-color: #050109;
  color: var(--ink);
}

/* ---- ٢) خلفية الفضاء (nebula ثابتة خلف المحتوى) ---- */
body.gaming-mode::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  background:
    radial-gradient(1100px 700px at 82% -8%, #1a0540 0%, transparent 55%),
    radial-gradient(950px 650px at 8% 108%, #04203a 0%, transparent 55%),
    radial-gradient(700px 500px at 60% 50%, rgba(255,26,217,.10), transparent 60%),
    #050109;
}
body.gaming-mode::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: .5;
  background-image:
    radial-gradient(1px 1px at 20% 30%, #ffffff 99%, transparent),
    radial-gradient(1px 1px at 75% 20%, #9b5cff 99%, transparent),
    radial-gradient(1px 1px at 40% 70%, #00eaff 99%, transparent),
    radial-gradient(1px 1px at 88% 65%, #ffffff 99%, transparent),
    radial-gradient(1px 1px at 60% 85%, #ff1ad9 99%, transparent),
    radial-gradient(1px 1px at 12% 80%, #ffffff 99%, transparent);
  background-repeat: repeat;
  background-size: 320px 320px;
}

/* خلّي الهيدر/الفوتر/الميـن فوق الخلفية */
body.gaming-mode #main,
body.gaming-mode .hdr,
body.gaming-mode .foot { position: relative; z-index: 1; }

/* ---- ٣) الهيدر ---- */
body.gaming-mode .hdr {
  background: rgba(5,1,12,.82);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--rule-soft);
}
body.gaming-mode .hdr a,
body.gaming-mode .hdr__nav a { color: #cfe3ff; }
body.gaming-mode .hdr__nav a:hover,
body.gaming-mode .hdr__brand .word { color: var(--gold); }
body.gaming-mode .hdr__icon { color: #cfe3ff; }
body.gaming-mode .hdr__nav-gaming { color: var(--gold) !important; text-shadow: 0 0 12px var(--gold); }
body.gaming-mode .badge { background: var(--gold-deep); color:#fff; box-shadow: 0 0 12px rgba(255,26,217,.6); }

/* ---- ٤) عناوين الأقسام + الإيمفاسيس النيون ---- */
body.gaming-mode h1,
body.gaming-mode h2,
body.gaming-mode h3,
body.gaming-mode .shop-head h1 { color: var(--ink); }
body.gaming-mode em { color: var(--gold); font-style: normal; text-shadow: 0 0 18px rgba(0,234,255,.55); }

/* ---- ٥) شريط التصنيفات (cat-strip) ---- */
body.gaming-mode .cat-card {
  background: rgba(20,8,40,.5);
  border: 1px solid var(--rule-soft);
}
body.gaming-mode .cat-card.--active,
body.gaming-mode .cat-card:hover {
  border-color: var(--gold);
  box-shadow: 0 0 22px rgba(0,234,255,.30);
}
body.gaming-mode .cat-card__art { color: var(--gold); }

/* ---- ٦) الفلاتر ---- */
body.gaming-mode .filters,
body.gaming-mode .filter-group { border-color: var(--rule-faint); }
body.gaming-mode .filters input,
body.gaming-mode .range input {
  background: #0a0316;
  border: 1px solid var(--rule-soft);
  color: var(--ink);
}
body.gaming-mode .check__box { border-color: var(--rule); }
body.gaming-mode .check.--on .check__box,
body.gaming-mode .checks .check:hover .check__box { background: var(--gold); border-color: var(--gold); }

/* ---- ٧) كروت المنتجات ---- */
body.gaming-mode .products .product .product__art,
body.gaming-mode .product__art {
  background: linear-gradient(180deg, rgba(20,8,40,.6), rgba(6,2,14,.75));
  border: 1px solid var(--rule-soft);
  border-radius: 8px;
  overflow: hidden;
  transition: border-color .35s ease, box-shadow .35s ease, transform .35s ease;
}
body.gaming-mode .product:hover .product__art {
  border-color: var(--gold);
  box-shadow: 0 20px 50px -22px rgba(0,234,255,.45), inset 0 0 0 1px rgba(0,234,255,.25);
  transform: translateY(-6px);
}
body.gaming-mode .product__badge {
  background: var(--gold);
  color: #02030a;
  box-shadow: 0 0 16px rgba(0,234,255,.5);
  font-family: var(--kufi);
  letter-spacing: .04em;
}
body.gaming-mode .product__badge.--sale { background: var(--gold-deep); color:#fff; box-shadow:0 0 16px rgba(255,26,217,.6); }
body.gaming-mode .product__price { color: var(--gold-deep); font-family: var(--display); text-shadow: 0 0 14px rgba(255,26,217,.35); }
body.gaming-mode .product__name a { color: var(--ink); }
body.gaming-mode .product__name a:hover { color: var(--gold); }
body.gaming-mode .product__see {
  background: var(--gold);
  color: #02030a;
  box-shadow: 0 0 20px rgba(0,234,255,.45);
}
body.gaming-mode .product__see:hover { background: var(--gold-deep); color:#fff; }
body.gaming-mode .product__heart { color: var(--gold); border-color: var(--rule-soft); }

/* ---- ٨) Toolbar / Pagination ---- */
body.gaming-mode .shop-toolbar { border-color: var(--rule-faint); }
body.gaming-mode .sort select {
  background: #0a0316; color: var(--ink); border: 1px solid var(--rule-soft);
}
body.gaming-mode .pagination button {
  background: rgba(20,8,40,.5);
  border: 1px solid var(--rule-soft);
  color: var(--ink-soft);
}
body.gaming-mode .pagination button.--on,
body.gaming-mode .pagination button:hover:not([disabled]) {
  background: var(--gold); color: #02030a; border-color: var(--gold);
  box-shadow: 0 0 18px rgba(0,234,255,.4);
}

/* ---- ٩) صفحة المنتج المفرد ---- */
body.gaming-mode .rah-gallery__main {
  background: linear-gradient(180deg, rgba(20,8,40,.6), rgba(6,2,14,.8));
  border: 1px solid var(--rule-soft);
  border-radius: 10px;
  box-shadow: 0 0 50px -20px rgba(0,234,255,.4) inset;
}
body.gaming-mode .rah-gallery__badge { background: var(--gold); color:#02030a; box-shadow:0 0 16px rgba(0,234,255,.5); }
body.gaming-mode .rah-gallery__badge.--sale { background: var(--gold-deep); color:#fff; }
body.gaming-mode .rah-gallery__num { color: var(--gold); }
body.gaming-mode .rah-gallery__thumb { border: 1px solid var(--rule-soft); background:#0a0316; }
body.gaming-mode .rah-gallery__thumb.--active { border-color: var(--gold); box-shadow:0 0 14px rgba(0,234,255,.5); }

/* ---- ١٠) أزرار عامّة + أضف للسلّة + الدفع ---- */
body.gaming-mode .btn,
body.gaming-mode .button,
body.gaming-mode .single_add_to_cart_button,
body.gaming-mode .checkout-button,
body.gaming-mode #place_order,
body.gaming-mode .gv-card__cart {
  background: var(--gold) !important;
  color: #02030a !important;
  border: 0 !important;
  font-family: var(--kufi) !important;
  font-weight: 700 !important;
  letter-spacing: .04em;
  box-shadow: 0 0 24px rgba(0,234,255,.45) !important;
  transition: background .25s ease, box-shadow .25s ease, transform .15s ease !important;
}
body.gaming-mode .btn:hover,
body.gaming-mode .button:hover,
body.gaming-mode .single_add_to_cart_button:hover,
body.gaming-mode .checkout-button:hover,
body.gaming-mode #place_order:hover {
  background: var(--gold-deep) !important;
  color: #fff !important;
  box-shadow: 0 0 32px rgba(255,26,217,.6) !important;
  transform: translateY(-2px);
}
/* أزرار ثانوية (كوبون/تحديث) خلّيها ghost نيون */
body.gaming-mode .coupon .button,
body.gaming-mode button[name="update_cart"] {
  background: transparent !important;
  color: var(--gold) !important;
  border: 1px solid var(--gold) !important;
  box-shadow: none !important;
}

/* ---- ١١) السلّة ---- */
body.gaming-mode .rah-cart-item {
  background: rgba(20,8,40,.5) !important;
  border: 1px solid var(--rule-soft) !important;
  border-radius: 8px;
}
body.gaming-mode .rah-cart-item:hover { border-color: var(--gold); box-shadow: 0 0 24px -10px rgba(0,234,255,.45); }
body.gaming-mode .quantity input,
body.gaming-mode input.qty {
  background: #0a0316 !important;
  border: 1px solid var(--rule-soft) !important;
  color: var(--ink) !important;
}
body.gaming-mode .remove { color: var(--gold-deep) !important; }

/* ---- ١٢) الدفع (Checkout) — حقول النموذج ---- */
body.gaming-mode .woocommerce-checkout input.input-text,
body.gaming-mode .woocommerce-checkout textarea,
body.gaming-mode .woocommerce-checkout select,
body.gaming-mode .select2-container .select2-selection,
body.gaming-mode .woocommerce form .form-row input.input-text,
body.gaming-mode .woocommerce form .form-row textarea {
  background: #0a0316 !important;
  border: 1px solid var(--rule-soft) !important;
  color: var(--ink) !important;
  border-radius: 4px;
}
body.gaming-mode .woocommerce-checkout input.input-text:focus,
body.gaming-mode .woocommerce-checkout textarea:focus,
body.gaming-mode .woocommerce-checkout select:focus {
  border-color: var(--gold) !important;
  box-shadow: 0 0 0 2px rgba(0,234,255,.25) !important;
  outline: none !important;
}
body.gaming-mode .woocommerce-checkout label,
body.gaming-mode .woocommerce-checkout h3,
body.gaming-mode .woocommerce-checkout .woocommerce-billing-fields h3,
body.gaming-mode #order_review_heading { color: var(--ink) !important; }

/* صناديق الملخّص + الدفع */
body.gaming-mode .woocommerce-checkout-review-order-table,
body.gaming-mode #order_review,
body.gaming-mode #payment,
body.gaming-mode .cart_totals,
body.gaming-mode .woocommerce-order {
  background: rgba(11,4,24,.7) !important;
  border: 1px solid var(--rule-soft) !important;
  border-radius: 8px;
  color: var(--ink);
}
body.gaming-mode #payment .payment_methods li { border-color: var(--rule-faint) !important; }
body.gaming-mode .woocommerce-checkout-review-order-table th,
body.gaming-mode .woocommerce-checkout-review-order-table td,
body.gaming-mode .cart_totals th,
body.gaming-mode .cart_totals td { color: var(--ink) !important; border-color: var(--rule-faint) !important; }

/* ---- ١٣) إشعارات WooCommerce ---- */
body.gaming-mode .woocommerce-message,
body.gaming-mode .woocommerce-info,
body.gaming-mode .woocommerce-error {
  background: rgba(11,4,24,.8) !important;
  border-top: 3px solid var(--gold) !important;
  color: var(--ink) !important;
}
body.gaming-mode .woocommerce-message a,
body.gaming-mode .woocommerce-info a { color: var(--gold) !important; }

/* ---- ١٤) الفوتر ---- */
body.gaming-mode .foot {
  background: rgba(5,1,12,.9);
  border-top: 1px solid var(--rule-soft);
  color: var(--ink-soft);
}
body.gaming-mode .foot a { color: var(--ink-soft); }
body.gaming-mode .foot a:hover { color: var(--gold); }
body.gaming-mode .foot h5 { color: var(--gold); }
body.gaming-mode .foot__news input { background:#0a0316; border:1px solid var(--rule-soft); color:var(--ink); }
body.gaming-mode .foot__news button { background: var(--gold); color:#02030a; }

/* ---- ١٥) لمسة: شريط علوي نيون رفيع تحت الهيدر في وضع الجيمنج ---- */
body.gaming-mode #main::before {
  content: "";
  display: block;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--gold), var(--gold-deep), transparent);
  opacity: .7;
}