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

/* ---- ١) قلب كل المتغيّرات للوحة العرين ---- */
body.lair-mode {
  --white:        #140e07;   /* خلفية الكروت/البطاقات */
  --paper:        #1d150b;   /* اللوحات الخفيفة */
  --off:          #100b05;
  --ink:          #efe3c8;   /* النصّ الأساسي (عظم) */
  --ink-soft:     #cbb892;   /* النصّ الثانوي */
  --mute:         #b69a6b;   /* النصّ الباهت (رمل) */
  --gold:         #e7b24a;   /* الأكسنت الأساسي (ذهب) */
  --gold-bright:  #f6d585;
  --gold-light:   #f6d585;
  --gold-glow:    #e7b24a;
  --gold-deep:    #ff6a1f;   /* السعر/التخفيض (جمر) */
  --rule:         rgba(231,178,74,.34);
  --rule-soft:    rgba(231,178,74,.28);
  --rule-faint:   rgba(231,178,74,.16);

  --display: 'Aref Ruqaa','Tajawal',serif;
  --kufi:    'Reem Kufi','Tajawal',sans-serif;
  --body:    'Tajawal',sans-serif;

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

/* ---- ٢) خلفية السافانا (وهج غروب ثابت خلف المحتوى) ---- */
body.lair-mode::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  background:
    radial-gradient(1100px 700px at 82% -10%, #2a1d0c 0%, transparent 55%),
    radial-gradient(950px 650px at 8% 110%, #1a0f05 0%, transparent 55%),
    radial-gradient(760px 520px at 60% 48%, rgba(255,106,31,.10), transparent 62%),
    #080502;
}
body.lair-mode::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: .45;
  background-image:
    radial-gradient(1px 1px at 20% 30%, #f6d585 99%, transparent),
    radial-gradient(1.4px 1.4px at 75% 20%, #ff8a3d 99%, transparent),
    radial-gradient(1px 1px at 40% 70%, #e7b24a 99%, transparent),
    radial-gradient(1px 1px at 88% 65%, #efe3c8 99%, transparent),
    radial-gradient(1.4px 1.4px at 60% 85%, #ff6a1f 99%, transparent),
    radial-gradient(1px 1px at 12% 80%, #f6d585 99%, transparent);
  background-repeat: repeat;
  background-size: 340px 340px;
}

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

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

/* ---- ٤) العناوين + الإيمفاسيس الذهبي ---- */
body.lair-mode h1,
body.lair-mode h2,
body.lair-mode h3,
body.lair-mode .shop-head h1 { color: var(--ink); font-family: var(--display); }
body.lair-mode em { color: var(--gold); font-style: normal; text-shadow: 0 0 18px rgba(231,178,74,.5); }

/* ---- ٥) شريط التصنيفات ---- */
body.lair-mode .cat-card {
  background: rgba(29,21,11,.5);
  border: 1px solid var(--rule-soft);
}
body.lair-mode .cat-card.--active,
body.lair-mode .cat-card:hover {
  border-color: var(--gold);
  box-shadow: 0 0 22px rgba(231,178,74,.28);
}
body.lair-mode .cat-card__art { color: var(--gold); }

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

/* ---- ٧) كروت المنتجات ---- */
body.lair-mode .products .product .product__art,
body.lair-mode .product__art {
  background: linear-gradient(180deg, rgba(29,21,11,.62), rgba(8,5,2,.78));
  border: 1px solid var(--rule-soft);
  border-radius: 14px;
  overflow: hidden;
  transition: border-color .35s ease, box-shadow .35s ease, transform .35s ease;
}
body.lair-mode .product:hover .product__art {
  border-color: var(--gold);
  box-shadow: 0 22px 54px -24px rgba(255,106,31,.5), inset 0 0 0 1px rgba(231,178,74,.25);
  transform: translateY(-6px);
}
body.lair-mode .product__badge {
  background: linear-gradient(180deg,var(--gold-bright),var(--gold));
  color: #1a0d04;
  box-shadow: 0 0 16px rgba(231,178,74,.5);
  font-family: var(--kufi);
  letter-spacing: .03em;
}
body.lair-mode .product__badge.--sale { background: linear-gradient(180deg,#ff8a3d,var(--gold-deep)); color:#fff; box-shadow:0 0 16px rgba(255,106,31,.6); }
body.lair-mode .product__price { color: var(--gold-bright); font-family: var(--mono,'Oswald'),sans-serif; text-shadow: 0 0 14px rgba(231,178,74,.3); }
body.lair-mode .product__name a { color: var(--ink); font-family: var(--display); }
body.lair-mode .product__name a:hover { color: var(--gold); }
body.lair-mode .product__see {
  background: linear-gradient(180deg,var(--gold-bright),var(--gold));
  color: #1a0d04;
  box-shadow: 0 0 20px rgba(231,178,74,.42);
}
body.lair-mode .product__see:hover { background: linear-gradient(180deg,#ff8a3d,var(--gold-deep)); color:#fff; box-shadow:0 0 26px rgba(255,106,31,.55); }
body.lair-mode .product__heart { color: var(--gold); border-color: var(--rule-soft); }

/* ---- ٨) Toolbar / Pagination ---- */
body.lair-mode .shop-toolbar { border-color: var(--rule-faint); }
body.lair-mode .sort select {
  background: #0d0904; color: var(--ink); border: 1px solid var(--rule-soft);
}
body.lair-mode .pagination button {
  background: rgba(29,21,11,.5);
  border: 1px solid var(--rule-soft);
  color: var(--ink-soft);
}
body.lair-mode .pagination button.--on,
body.lair-mode .pagination button:hover:not([disabled]) {
  background: var(--gold); color: #1a0d04; border-color: var(--gold);
  box-shadow: 0 0 18px rgba(231,178,74,.4);
}

/* ---- ٩) صفحة المنتج المفرد ---- */
body.lair-mode .rah-gallery__main {
  background: linear-gradient(180deg, rgba(29,21,11,.6), rgba(8,5,2,.82));
  border: 1px solid var(--rule-soft);
  border-radius: 14px;
  box-shadow: 0 0 50px -20px rgba(255,106,31,.4) inset;
}
body.lair-mode .rah-gallery__badge { background: var(--gold); color:#1a0d04; box-shadow:0 0 16px rgba(231,178,74,.5); }
body.lair-mode .rah-gallery__badge.--sale { background: var(--gold-deep); color:#fff; }
body.lair-mode .rah-gallery__num { color: var(--gold); }
body.lair-mode .rah-gallery__thumb { border: 1px solid var(--rule-soft); background:#0d0904; }
body.lair-mode .rah-gallery__thumb.--active { border-color: var(--gold); box-shadow:0 0 14px rgba(231,178,74,.5); }

/* ---- ١٠) أزرار عامّة + أضف للسلّة + الدفع ---- */
body.lair-mode .btn,
body.lair-mode .button,
body.lair-mode .single_add_to_cart_button,
body.lair-mode .checkout-button,
body.lair-mode #place_order,
body.lair-mode .gv-card__cart {
  background: linear-gradient(180deg,var(--gold-bright),var(--gold)) !important;
  color: #1a0d04 !important;
  border: 0 !important;
  font-family: var(--kufi) !important;
  font-weight: 700 !important;
  letter-spacing: .02em;
  box-shadow: 0 0 24px rgba(231,178,74,.42) !important;
  transition: background .25s ease, box-shadow .25s ease, transform .15s ease !important;
}
body.lair-mode .btn:hover,
body.lair-mode .button:hover,
body.lair-mode .single_add_to_cart_button:hover,
body.lair-mode .checkout-button:hover,
body.lair-mode #place_order:hover {
  background: linear-gradient(180deg,#ff8a3d,var(--gold-deep)) !important;
  color: #fff !important;
  box-shadow: 0 0 32px rgba(255,106,31,.6) !important;
  transform: translateY(-2px);
}
/* أزرار ثانوية (كوبون/تحديث) ghost ذهبي */
body.lair-mode .coupon .button,
body.lair-mode button[name="update_cart"] {
  background: transparent !important;
  color: var(--gold) !important;
  border: 1px solid var(--gold) !important;
  box-shadow: none !important;
}

/* ---- ١١) السلّة ---- */
body.lair-mode .rah-cart-item {
  background: rgba(29,21,11,.5) !important;
  border: 1px solid var(--rule-soft) !important;
  border-radius: 12px;
}
body.lair-mode .rah-cart-item:hover { border-color: var(--gold); box-shadow: 0 0 24px -10px rgba(255,106,31,.45); }
body.lair-mode .quantity input,
body.lair-mode input.qty {
  background: #0d0904 !important;
  border: 1px solid var(--rule-soft) !important;
  color: var(--ink) !important;
}
body.lair-mode .remove { color: var(--gold-deep) !important; }

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

/* ---- ⭐ تحديد المقاس + سعر المتغيّر (صفحة المنتج) في وضع العرين ---- */
body.lair-mode table.variations,
body.lair-mode table.variations td,
body.lair-mode table.variations th { color:#efe3c8 !important; border:0 !important; }
body.lair-mode table.variations .label label,
body.lair-mode table.variations th label { color:#efe3c8 !important; font-weight:700 !important; }
body.lair-mode .variations select,
body.lair-mode .single_variation_wrap select,
body.lair-mode .woocommerce div.product form.cart .variations select {
  background:#0d0904 !important; color:#efe3c8 !important;
  border:1px solid rgba(231,178,74,.55) !important; border-radius:7px !important;
  padding:10px 14px !important; min-height:44px; font-size:14px;
  box-shadow:0 0 14px rgba(231,178,74,.12) !important;
}
body.lair-mode .variations select option { background:#0d0904 !important; color:#efe3c8 !important; }
body.lair-mode .variations select:focus {
  border-color:#e7b24a !important; box-shadow:0 0 0 2px rgba(231,178,74,.35) !important; outline:none !important;
}
body.lair-mode .reset_variations { color:#e7b24a !important; text-shadow:0 0 8px rgba(231,178,74,.5); }

/* سعر المتغيّر بعد الاختيار — نلوّن كل العناصر الداخلية بالقوة */
body.lair-mode .single_variation,
body.lair-mode .single_variation *,
body.lair-mode .woocommerce-variation-price,
body.lair-mode .woocommerce-variation-price *,
body.lair-mode .woocommerce-variation-availability,
body.lair-mode .woocommerce-variation-availability * { color:#efe3c8 !important; }
/* السعر القديم المشطوب → باهت */
body.lair-mode .single_variation del,
body.lair-mode .single_variation del *,
body.lair-mode .woocommerce-variation-price del,
body.lair-mode .woocommerce-variation-price del * { color:rgba(239,227,200,.42) !important; }
/* السعر الجديد → ذهب متوهّج */
body.lair-mode .single_variation ins,
body.lair-mode .single_variation ins *,
body.lair-mode .woocommerce-variation-price ins,
body.lair-mode .woocommerce-variation-price ins * { color:#f6d585 !important; text-decoration:none !important; text-shadow:0 0 12px rgba(231,178,74,.45) !important; }
/* لو سعر واحد (مش تخفيض) — كبّره وخلّيه ذهب */
body.lair-mode .single_variation .price,
body.lair-mode .woocommerce-variation-price .price { font-size:1.5rem !important; color:#f6d585 !important; }
body.lair-mode .woocommerce-variation-description,
body.lair-mode .woocommerce-variation-description * { color:#d3c6a4 !important; }

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

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

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

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