/* Moved from the Custom CSS & JS plugin on 2026-10-17 */

/* #6785 buy now buttom */
/* زر "إضافة إلى السلة" – صغير لكن مع النص */
.single_add_to_cart_button {
  background-color: #1f1f1f !important;
  color: #fff !important;
  border: none !important;
  border-radius: 10px !important;
  font-size: 14px !important;
  padding: 10px 16px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: auto !important;
  min-width: 120px !important;
  transition: background-color 0.3s ease;
}
.single_add_to_cart_button:hover {
  background-color: #2b2b2b !important;
}

/* زر Buy Now بلون #704bf7 */
.wd-buy-now-btn,
button#wd-add-to-cart {
  background-color: #704bf7 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 14px 20px !important;
  font-size: 17px !important;
  font-weight: bold !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px !important;
  width: 100% !important;
  transition: background-color 0.3s ease;
  position: relative;
}
.wd-buy-now-btn:hover,
button#wd-add-to-cart:hover {
  background-color: #5e3bc7 !important; /* لون أغمق للتحويم */
}

/* أيقونة على يسار النص */
.wd-buy-now-btn::before,
button#wd-add-to-cart::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("https://batmaniq.store/wp-content/uploads/2025/08/32cda07d-4074-44cf-9c6fe34ac2d5.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 0px;
}
/* ===== تصميم ثاني أصغر لزر الكمية داخل صفحة المنتج ===== */
.woocommerce div.product form.cart .quantity {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 2px;
  background-color: #1a1a1a !important;
  border: 1px solid #704bf7 !important;
  border-radius: 50px !important;
  padding: 2px 6px;
  max-width: fit-content;
}

.woocommerce div.product form.cart .quantity input.qty {
  background-color: transparent !important;
  color: #fff !important;
  border: none !important;
  text-align: center !important;
  width: 26px !important;
  font-size: 13px;
  padding: 0;
}

.woocommerce div.product form.cart .quantity .minus,
.woocommerce div.product form.cart .quantity .plus {
  background-color: transparent !important;
  color: #704bf7 !important;
  border: none !important;
  font-size: 14px;
  width: 15px;
  height: 15px;
  line-height: 10px;
  text-align: center;
  border-radius: 4px;
  cursor: pointer;
  transition: 0.2s ease;
}

.woocommerce div.product form.cart .quantity .minus:hover,
.woocommerce div.product form.cart .quantity .plus:hover {
  background-color: #704bf7 !important;
  color: #fff !important;
}


.scrollToTop.button-show {
  background-color: #000 !important;
  border: 2px solid #704bf7;
  box-shadow: 0 0 8px rgba(112, 75, 247, 0.4);
}

/* #6786 log in 1 */
/* تصميم صندوق التسجيل */
.woocommerce form.register {
  background-color: #1a1a1a;
  padding: 30px;
  border-radius: 20px;
  box-shadow: 0 0 15px rgba(0,0,0,0.3);
  max-width: 500px;
  margin: auto;
}
/* الحقول */
.woocommerce form.register input[type="text"],
.woocommerce form.register input[type="email"],
.woocommerce form.register input[type="password"] {
  width: 100%;
  padding: 13px 20px;
  border-radius: 10px;
  border: 2px solid #704bf7;
  background-color: #222;
  color: #fff;
  font-size: 12px;
  margin-bottom: 15px;
  transition: 0.3s ease;
}

.woocommerce form.register input:focus {
  outline: none;
  border-color: #a27ffb;
  box-shadow: 0 0 5px #704bf7;
}

/* زر التسجيل */
.woocommerce form.register button {
  background-color: #704bf7;
  color: #fff;
  border: none;
  border-radius: 12px;
  padding: 14px 20px;
  font-size: 17px;
  font-weight: bold;
  cursor: pointer;
  width: 100%;
  transition: 0.3s ease;
}

.woocommerce form.register button:hover {
  background-color: #906cff;
}

/* نص تسجيل جديد */
.woocommerce form.register h2 {
  color: #fff;
  text-align: center;
  margin-bottom: 25px;
}

/* تعديل أيقونة عرض كلمة المرور */
.woocommerce form .woocommerce-form-row .show-password-input {
  position: relative;
}

.woocommerce form .woocommerce-form-row .show-password-input input {
  padding-right: 45px !important;
}

.woocommerce form .woocommerce-form-row .show-password-input .show-password-input__toggle {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  color: #ccc;
  font-size: 16px;
  z-index: 2;
}

/* الحقل الكامل */
.woocommerce form .show-password-input {
  position: relative;
  background-color: #1e1e1e !important;
  border-radius: 10px;
  border: 2px solid #704bf7;
}

button.show-password-input {
  border: 2px solid #704bf7 !important;
  border-radius: 10px !important;
}

/* إدخال كلمة المرور */
.woocommerce form .show-password-input input[type="password"],
.woocommerce form .show-password-input input[type="text"] {
  background-color: transparent !important;
  color: #fff !important;
  padding-right: 45px !important;
  border: none !important;
  width: 100%;
  height: 48px;
  font-size: 15px;
}

/* #6787 log in 2 */
/* صندوق تسجيل الدخول الجانبي */
form.login {
  background: transparent !important;
  padding: 20px;
  border-radius: 12px;
}

/* الحقول */
form.login input.input-text {
  background-color: #1e1e1e !important;
  border: 2px solid #704bf7 !important;
  border-radius: 10px !important;
  color: #fff !important;
  padding: 12px 18px !important;
  font-size: 15px !important;
  margin-bottom: 15px !important;
}

/* زر تسجيل الدخول */
form.login button[type="submit"] {
  background-color: #704bf7 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 12px !important;
  padding: 14px 0 !important;
  font-size: 16px !important;
  font-weight: bold !important;
  width: 100% !important;
  transition: 0.3s ease;
}

form.login button[type="submit"]:hover {
  background-color: #8f65ff !important;
}

/* روابط "Lost password?" و "Create an account" */
form.login .lost_password a,
form.login ~ a {
  color: #ffff66 !important;
  font-size: 14px;
  text-decoration: underline;
}

/* ===== زر "تسجيل جديد" فقط ===== */
a.btn.wd-switch-to-register {
  display: inline-block;
  background-color: #704bf7;   /* بنفسجي */
  color: #fff !important;
  font-size: 15px;
  font-weight: 700;
  padding: 12px 28px;
  border-radius: 30px;
  text-align: center;
  text-decoration: none;
  transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;
  box-shadow: 0 4px 10px rgba(112, 75, 247, 0.25);
}

/* عند المرور */
a.btn.wd-switch-to-register:hover {
  background-color: #8e6bff;
  transform: translateY(-2px);
  box-shadow: 0 6px 14px rgba(112, 75, 247, 0.35);
}

/* عند الضغط */
a.btn.wd-switch-to-register:active {
  transform: scale(0.96);
  background-color: #5f3fe0;
}



/* ستايل حقل كلمة المرور الجديدة */
input#password_1.woocommerce-Input,
input[name="password_1"] {
  background: #1c1c1c !important;         /* خلفية غامقة */
  border: 2px solid #704bf7 !important;   /* إطار بنفسجي */
  color: #ffffff !important;              /* النص أبيض */
  font-family: 'Tajawal', sans-serif;
  font-size: 15px;
  border-radius: 12px;
  padding: 12px 16px;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 16px;
  transition: all 0.3s ease-in-out;
}

/* النص placeholder */
input#password_1::placeholder {
  color: #aaaaaa; /* رمادي فاتح */
  opacity: 0.8;
}

/* عند التركيز (focus) */
input#password_1:focus {
  border-color: #a97cfc !important;  /* بنفسجي أفتح عند الفوكس */
  box-shadow: 0 0 12px rgba(112, 75, 247, 0.5);
  outline: none;
}
/* ستايل حقل تأكيد كلمة المرور الجديدة */
input#password_2.woocommerce-Input,
input[name="password_2"] {
  background: #1c1c1c !important;         /* خلفية غامقة */
  border: 2px solid #704bf7 !important;   /* إطار بنفسجي */
  color: #ffffff !important;              /* النص أبيض */
  font-family: 'Tajawal', sans-serif;
  font-size: 15px;
  border-radius: 12px;
  padding: 12px 16px;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 16px;
  transition: all 0.3s ease-in-out;
}

/* النص placeholder */
input#password_2::placeholder {
  color: #aaaaaa; /* رمادي فاتح */
  opacity: 0.8;
}

/* عند التركيز (focus) */
input#password_2:focus {
  border-color: #a97cfc !important;  /* بنفسجي أفتح عند الفوكس */
  box-shadow: 0 0 12px rgba(112, 75, 247, 0.5);
  outline: none;
}

/* #6788 shpping card */
.cart-empty,
.cart-empty-message,
.woocommerce-mini-cart__empty-message {
  color: #ffffff !important;
  background: transparent !important;
  font-size: 18px;
  font-weight: bold;
}

.woocommerce-mini-cart__buttons .button,
.cart-empty a.button {
  background-color: #704bf7 !important;
  color: #fff !important;
  border-radius: 10px;
  font-size: 15px;
  padding: 12px 24px;
  font-weight: bold;
  transition: 0.3s ease;
}
.woocommerce-mini-cart__buttons .button:hover,
.cart-empty a.button:hover {
  background-color: #8f65ff !important;
}
/* ===== 1. زر استخدام القسيمة - بنفسجي ===== */
.woocommerce-cart .coupon button.button {
  background-color: #704bf7 !important;
  color: #fff !important;
  border-radius: 30px !important;
  padding: 10px 25px;
  font-weight: bold;
  transition: 0.3s ease;
}
.woocommerce-cart .coupon button.button:hover {
  background-color: #5c3bd0 !important;
}

/* ===== 2. زر التقدم لإتمام الطلب - بنفسجي ===== */
.woocommerce-cart .checkout-button,
.cart_totals .checkout-button {
  background-color: #704bf7 !important;
  color: #fff !important;
  border-radius: 30px !important;
  padding: 12px 25px;
  font-weight: bold;
  transition: 0.3s ease;
}
.woocommerce-cart .checkout-button:hover,
.cart_totals .checkout-button:hover {
  background-color: #5c3bd0 !important;
}

/* ===== 3. تنسيق عداد الكمية داخل السلة ===== */
.woocommerce-cart .quantity input.qty,
.woocommerce-cart .quantity .minus,
.woocommerce-cart .quantity .plus {
  background-color: #000 !important;
  color: #fff !important;
  border: 2px solid #704bf7 !important;
  border-radius: 20px !important;
  width: 42px !important;
  height: 42px !important;
  font-size: 18px !important;
  font-weight: bold !important;
  line-height: 1 !important;
  text-align: center !important;
}

.woocommerce-cart .quantity {
  display: flex !important;
  gap: 2px;
  align-items: center;
  justify-content: center;
  border-radius: 30px;
  padding: 0 !important;
}
/* ===== زر العودة إلى المتجر - بنفسجي ومتوسّط ===== */
.woocommerce-cart .return-to-shop a.button {
  background-color: #704bf7 !important;
  color: #fff !important;
  border-radius: 30px !important;
  padding: 12px 30px;
  font-weight: bold;
  font-size: 16px;
  transition: 0.3s ease;
  display: inline-block;
  text-align: center;
  box-shadow: 0 0 10px rgba(112, 75, 247, 0.3);
}

.woocommerce-cart .return-to-shop a.button:hover {
  background-color: #5c3bd0 !important;
}

/* توسيط الزر داخل السلة الفارغة */
.woocommerce-cart .return-to-shop {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  margin-top: 20px;
}

/* #6789 checkout */
/* ========== صندوق تفاصيل الفاتورة ========== */
.woocommerce-billing-fields {
  background-color: #1c1c1c;
  border-radius: 14px;
  padding: 20px;
  margin-bottom: 20px;
  box-shadow: 0 0 10px rgba(112, 75, 247, 0.15);
}
.woocommerce-billing-fields h3 {
  color: #fff;
  font-size: 20px;
  margin-bottom: 20px;
}

.woocommerce-billing-fields label {
  color: #ddd;
  font-size: 14px;
  margin-bottom: 5px;
  display: block;
}

.woocommerce-billing-fields input,
.woocommerce-billing-fields select,
.woocommerce-billing-fields textarea {
  width: 100%;
  padding: 12px 16px;
  background-color: #2a2a2a;
  border: 2px solid #704bf7;
  color: #fff;
  border-radius: 10px;
  margin-bottom: 16px;
  font-size: 15px;
}

.woocommerce-billing-fields textarea {
  min-height: 100px;
  resize: vertical;
}

/* ========== زر تأكيد الطلب ========== */
#place_order,
.woocommerce #payment #place_order {
  background-color: #704bf7 !important;
  color: #ffffff !important;
  font-size: 17px !important;
  font-weight: bold !important;
  padding: 16px 0 !important;
  border: none !important;
  border-radius: 12px !important;
  width: 100% !important;
  transition: background-color 0.3s ease, transform 0.2s ease;
  box-shadow: 0 4px 12px rgba(112, 75, 247, 0.3);
}

#place_order:hover,
.woocommerce #payment #place_order:hover {
  background-color: #8e6bff !important;
  transform: translateY(-2px);
}

#place_order:active {
  transform: scale(0.98);
  background-color: #5f3fe0 !important;
}

/* تسمية الحقل */
#billing_country_field label {
  color: #704bf7 !important;
}

/* ========== تعديل حقل اختيار الدولة ========== */
.select2-container--default .select2-selection--single {
  background-color: #2a2a2a !important;
  border: 2px solid #704bf7 !important;
  border-radius: 10px !important;
  color: #fff !important;
  height: 40px !important; /* تعديل الارتفاع */
  padding: 0 16px !important;
  display: flex !important;
  align-items: center !important;
  box-sizing: border-box !important;
  font-size: 15px !important;
  width: 100% !important;
}

/* عند فتح القائمة */
.select2-container--default .select2-selection--single:focus,
.select2-container--default .select2-selection--single:hover {
  border-color: #8f65ff !important;
}


/* النص داخل الحقل */
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #fff !important;
  font-size: 15px !important;
  line-height: 50px !important;
  padding: 0 !important;
}

/* القائمة المنسدلة */
.select2-dropdown {
  background-color: #2a2a2a !important;
  color: #fff !important;
  border: 2px solid #704bf7 !important;
}

/* العناصر داخل القائمة */
.select2-results__option {
  padding: 10px !important;
  font-size: 15px !important;
}

.select2-results__option--highlighted {
  background-color: #704bf7 !important;
  color: #fff !important;
}
/* ===== تنسيق قسم "طلبك" Checkout Order ===== */

/* إزالة الحواف الرمادية الداخلية فقط */
.woocommerce-checkout-review-order-table {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

}

/* إزالة الخطوط الفاصلة */
.woocommerce-checkout-review-order-table thead,
.woocommerce-checkout-review-order-table tfoot,
.woocommerce-checkout-review-order-table tr,
.woocommerce-checkout-review-order-table td,
.woocommerce-checkout-review-order-table th {
  border: none !important;
}

/* لون النصوص */
.woocommerce-checkout-review-order-table td,
.woocommerce-checkout-review-order-table th {
  color: #ffffff !important;
  font-size: 15px;
}
/* تنسيق زر الكمية داخل الطلب */
.woocommerce-checkout-review-order-table .quantity input,
.woocommerce-checkout-review-order-table .quantity .qty {
  background-color: #111 !important;
  border: 1px solid #704bf7 !important;
  color: #fff !important;
}

/* إخفاء حقل ملاحظات الطلب نهائياً على كل الشاشات */
#order_comments_field,
.woocommerce-additional-fields {
  display: none !important;
}

/* تصحيح لون عنوان حقل الدولة */
#billing_country_field > label,
.woocommerce-billing-fields #billing_country_field > label,
.woocommerce-checkout #billing_country_field > label,
.woocommerce-billing-fields label[for="billing_country"],
.woocommerce-checkout label[for="billing_country"] {
  color: #ffffff !important;
}
/* ===== زر استخدام القسيمة في صفحة الدفع - بنفسجي ===== */
.woocommerce-checkout .woocommerce-form-coupon .form-row .button {
  background-color: #704bf7 !important;
  color: #fff !important;
  border-radius: 30px !important;
  padding: 10px 25px !important;
  font-weight: bold !important;
  transition: 0.3s ease;
  font-size: 14px !important;
}

.woocommerce-checkout .woocommerce-form-coupon .form-row .button:hover {
  background-color: #5c3bd0 !important;
}
/* إزالة الرقم 2 من عنوان معلومات الدفع */
.woocommerce-checkout .wd-underline-colored u {
  display: none !important;
}
.woocommerce form .checkout-inline-error-message {
    margin-top: -10px !important;   /* يقلل المسافة من 5px إلى 2px */
    font-size: 14px;              /* حجم أصغر للرسالة */
    line-height: 1.4;             /* تقارب أكثر بين الأسطر */
}

/* #6791 forget the password */
/* ===== تنسيق حقل إدخال البريد أو اسم المستخدم ===== */
.woocommerce-ResetPassword form input[type="text"],
.woocommerce-ResetPassword form input[type="email"] {
  background-color: #111 !important;
  color: #fff !important;
  border: 1px solid #704bf7 !important;
  border-radius: 12px !important;
  padding: 12px !important;
  font-size: 15px;
}

/* ===== تنسيق زر "إعادة تعيين كلمة المرور" ===== */
.woocommerce-ResetPassword button.button {
  background-color: #704bf7 !important;
  color: #fff !important;
  font-weight: bold;
  border-radius: 30px !important;
  padding: 12px 30px;
  border: none;
  transition: 0.3s ease;
  font-size: 16px;
}
.woocommerce-ResetPassword button.button:hover {
  background-color: #5c3bd0 !important;
}

/* ===== توسيط الزر في الصفحة ===== */
.woocommerce-ResetPassword p input.button {
  display: block;
  margin: 20px auto 0 auto;
}

/* ===== تصحيح لون رسالة التعليمات ===== */
.woocommerce-ResetPassword > p {
  color: #fff !important;
  font-size: 15px;
  margin-bottom: 20px;
}

/* ===== لون عنوان الحقول ===== */
.woocommerce-ResetPassword label {
  color: #fff !important;
  font-weight: bold;
}

/* ===== لون النجمة الحمراء للحقل المطلوب ===== */
.woocommerce-ResetPassword .required {
  color: red !important;
}

/* #7416 Order complete */
/* ===== صندوق تفاصيل الطلب (شكله كارت أنيق) ===== */
.woocommerce ul.order_details,
.woocommerce .woocommerce-order-overview,
.woocommerce .woocommerce-thankyou-order-details {
  direction: rtl;
  list-style: none !important;
  margin: 18px 0 !important;
  padding: 16px 18px !important;
  background: #111 !important;
  border: 1px solid #2a2055 !important;
  border-radius: 16px !important;

  display: grid;
  grid-template-columns: 1fr 1fr; /* عمودين على الشاشات الكبيرة */
  gap: 10px 14px;
}

/* عنصر منفرد داخل الصندوق */
.woocommerce ul.order_details li,
.woocommerce .woocommerce-order-overview li {
  margin: 0 !important;
  padding: 10px 12px !important;
  background: #161616 !important;
  border: 1px solid #3a2a7a !important;
  border-radius: 12px !important;

  display: flex;
  align-items: center;
  justify-content: space-between; /* العنوان يسار/القيمة يمين (مع RTL يصير العكس) */
  color: #ddd !important;
  position: relative;
}

/* شطب أي نقاط/فواصل افتراضية */
.woocommerce ul.order_details li::before,
.woocommerce .woocommerce-order-overview li::before {
  display: none !important;
}

/* عنوان الحقل */
.woocommerce ul.order_details li,
.woocommerce .woocommerce-order-overview li {
  font-weight: 600 !important;
  font-size: 15px !important;
}

/* القيمة داخل <strong> */
.woocommerce ul.order_details li strong,
.woocommerce .woocommerce-order-overview li strong {
  color: #fff !important;
  font-weight: 800 !important;
  font-size: 16px !important;
  line-height: 1 !important;
}

/* إجمالي الطلب – بارز بعرض السطر كله */
.woocommerce ul.order_details li.total,
.woocommerce ul.order_details li.order-total,
.woocommerce .woocommerce-order-overview li.total,
.woocommerce .woocommerce-order-overview li.order-total,
.woocommerce ul.order_details li.order_total {
  grid-column: 1 / -1;                 /* يمتد على العرض كامل */
  background: #1a132e !important;
  border-color: #704bf7 !important;
}

/* تلوين قيمة الإجمالي */
.woocommerce ul.order_details li.total strong,
.woocommerce ul.order_details li.order-total strong,
.woocommerce .woocommerce-order-overview li.total strong,
.woocommerce .woocommerce-order-overview li.order-total strong,
.woocommerce ul.order_details li.order_total strong {
  color: #ffef70 !important;            /* نفس الأصفر المعتمد عندك */
  font-size: 22px !important;
}

/* استجابة للموبايل: عمود واحد وترتيب مريح */
@media (max-width: 600px) {
  .woocommerce ul.order_details,
  .woocommerce .woocommerce-order-overview,
  .woocommerce .woocommerce-thankyou-order-details {
    grid-template-columns: 1fr;         /* عمود واحد */
    gap: 10px;
    padding: 14px;
  }

  .woocommerce ul.order_details li,
  .woocommerce .woocommerce-order-overview li {
    padding: 12px;
    font-size: 14px !important;
  }

  .woocommerce ul.order_details li strong,
  .woocommerce .woocommerce-order-overview li strong {
    font-size: 16px !important;
  }

  .woocommerce ul.order_details li.total strong,
  .woocommerce .woocommerce-order-overview li.total strong {
    font-size: 20px !important;
  }
}
/* ========== صفحة شكراً لك / تفاصيل الطلب – BATMAN STYLE ========== */

/* رسالة النجاح */
.woocommerce-order p.woocommerce-notice,
.woocommerce-order p.woocommerce-thankyou-order-received {
  background: #111 !important;
  border: 1px solid #2a2055 !important;
  color: #fff !important;
  padding: 18px 20px !important;
  border-radius: 16px !important;
  text-align: center !important;
  margin: 14px 0 22px !important;
  font-weight: 700 !important;
}

/* صندوق الملخص العلوي (رقم الطلب, التاريخ, البريد, الإجمالي, وسيلة الدفع) */
.woocommerce .woocommerce-order-overview,
.woocommerce .woocommerce-thankyou-order-details,
.woocommerce ul.order_details {
  direction: rtl;
  list-style: none !important;
  margin: 0 0 22px !important;
  padding: 16px !important;
  background: #0f0f0f !important;
  border: 1px solid #2a2055 !important;
  border-radius: 16px !important;

  display: grid;
  grid-template-columns: 1fr 1fr; /* عمودان دِسكتوب */
  gap: 12px 14px;
}

.woocommerce .woocommerce-order-overview li,
.woocommerce ul.order_details li {
  margin: 0 !important;
  padding: 10px 12px !important;
  background: #161616 !important;
  border: 1px solid #3a2a7a !important;
  border-radius: 12px !important;
  color: #ddd !important;

  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 600 !important;
  font-size: 14px !important;
}
.woocommerce .woocommerce-order-overview li strong,
.woocommerce ul.order_details li strong {
  color: #fff !important;
  font-weight: 800 !important;
  font-size: 16px !important;
}

/* إبراز الإجمالي */
.woocommerce .woocommerce-order-overview li.order-total,
.woocommerce ul.order_details li.total,
.woocommerce ul.order_details li.order-total {
  grid-column: 1 / -1;
  background: #1a132e !important;
  border-color: #704bf7 !important;
}
.woocommerce .woocommerce-order-overview li.order-total strong,
.woocommerce ul.order_details li.total strong,
.woocommerce ul.order_details li.order-total strong {
  color: #ffef70 !important;
  font-size: 22px !important;
}

/* جدول تفاصيل الطلب (المنتج/الكمية/الإجمالي) */
.woocommerce table.shop_table.order_details {
  background: #0f0f0f !important;
  border: 1px solid #2a2055 !important;
  border-radius: 16px !important;
  overflow: hidden;
}
.woocommerce table.shop_table.order_details th {
  background: #121212 !important;
  color: #fff !important;
  border-bottom: 1px solid #2a2055 !important;
  padding: 14px 16px !important;
  font-weight: 700 !important;
}
.woocommerce table.shop_table.order_details td {
  background: #121212 !important;
  border-top: 1px solid #221a3e !important;
  color: #ddd !important;
  padding: 14px 16px !important;
}
.woocommerce table.shop_table.order_details tbody tr:nth-child(odd) td {
  background: #151515 !important;
}

/* اسم المنتج */
.woocommerce table.shop_table.order_details td.product-name a {
  color: #fff !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}
.woocommerce table.shop_table.order_details td.product-name .product-quantity {
  color: #aaa !important;
  margin-inline-start: 8px;
}

/* فوتر الجدول (الإجماليات) */
.woocommerce table.shop_table.order_details tfoot th,
.woocommerce table.shop_table.order_details tfoot td {
  background: #121212 !important;
  border-top: 1px solid #2a2055 !important;
  padding: 12px 16px !important;
}
.woocommerce table.shop_table.order_details tfoot tr.order-total td,
.woocommerce table.shop_table.order_details tfoot tr.order-total th {
  background: #1a132e !important;
  border-color: #704bf7 !important;
  font-weight: 800 !important;
}
.woocommerce table.shop_table.order_details tfoot tr.order-total .amount {
  color: #ffef70 !important;
  font-size: 20px !important;
}

/* عناوين الأقسام (تفاصيل الطلب / عنوان الفاتورة…) */
.woocommerce h2,.woocommerce .woocommerce-column__title {
  color: #fff !important;
  font-weight: 800 !important;
  font-size: 20px !important;
  margin: 24px 0 12px !important;
  position: relative;
}
.woocommerce h2::after,
.woocommerce .woocommerce-column__title::after {
  content: "";
  display: block;
  width: 80px;
  height: 3px;
  margin-top: 8px;
  background: #704bf7;
  border-radius: 6px;
}

/* عنوان/تفاصيل العميل ككروت */
.woocommerce .woocommerce-customer-details,
.woocommerce .woocommerce-columns--addresses {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.woocommerce .woocommerce-column--billing-address,
.woocommerce .woocommerce-column--shipping-address {
  background: #0f0f0f !important;
  border: 1px solid #2a2055 !important;
  border-radius: 16px !important;
  padding: 16px !important;
  color: #ddd !important;
}
.woocommerce .woocommerce-column--billing-address address,
.woocommerce .woocommerce-column--shipping-address address {
  color: #ddd !important;
}

/* وسيلة الدفع وبريد العميل لو جايين كسطور منفصلة */
.woocommerce-order .payment_method,
.woocommerce-order .woocommerce-order-overview__payment-method,
.woocommerce-order .woocommerce-order-overview__email {
  background: #0f0f0f !important;
  border: 1px solid #2a2055 !important;
  border-radius: 12px !important;
  padding: 10px 12px !important;
  color: #ddd !important;
  display: inline-flex;
  gap: 10px;
  align-items: center;
}

/* استجابة للموبايل */
@media (max-width: 768px) {
  .woocommerce .woocommerce-order-overview,
  .woocommerce .woocommerce-thankyou-order-details,
  .woocommerce ul.order_details {
    grid-template-columns: 1fr; /* عمود واحد */
    gap: 10px;
  }
  .woocommerce .woocommerce-customer-details,
  .woocommerce .woocommerce-columns--addresses {
    grid-template-columns: 1fr;
  }
  .woocommerce .woocommerce-order-overview li,
  .woocommerce ul.order_details li {
    font-size: 13px !important;
  }
  .woocommerce .woocommerce-order-overview li strong,
  .woocommerce ul.order_details li strong {
    font-size: 15px !important;
  }
}

/* #8175 تنسيق أرقام الصفحات */
/* تنسيق أرقام الصفحات */
.woocommerce nav.woocommerce-pagination ul {
  display: flex;
  gap: 6px;
  justify-content: center;
  padding: 20px 0;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  background: #1f2026;       /* نفس لون البطاقات */
  color: #e9eaf0;
  border-radius: 10px;
  padding: 8px 12px;
  font-weight: 600;
  transition: all 0.2s ease;
}

.woocommerce nav.woocommerce-pagination ul li a:hover {
  background: #262833;
  color: #fff;
}

/* الصفحة الحالية */
.woocommerce nav.woocommerce-pagination ul li span.current {
  background: #704bf7 !important;  /* بنفسجي البراند */
  color: #fff !important;
  font-weight: 700;
}

/* #9485 لون عدد المنتجات في السلة والتمنيات */
/* ===== BATMAN STORE – Fix counter badge circle ===== */
.wd-tools-element .wd-tools-count,
.wd-header-cart .wd-tools-count,
.wd-header-wishlist .wd-tools-count {
    background-color: #704bf7 !important;  /* اللون البنفسجي */
    color: #fff !important;
    border: none !important;
    font-weight: 700;
    

    /* ضبط الشكل دائري تمامًا */
    border-radius: 50% !important;
    min-width: 18px;        /* عرض ثابت */
    height: 18px;          /* ارتفاع مساوي للعرض */
    line-height: 18px;     /* يوازن النص عموديًا */
    text-align: center;    /* يوازن النص أفقيًا */
    font-size: 12px;       /* حجم الرقم مناسب */
    display: inline-block; /* يمنع التمدد العشوائي */
    padding: 0 !important; /* منع الحشو الإضافي */
}

/* #9486 Return To Shop */
/* ===== Return To Shop — ALL PLACES ===== */

/* أي زر عنده wc-backward (Wishlist, Cart, …) */
:where(a,button).wc-backward,
:where(.button,.btn).wc-backward {
  background: #704bf7 !important;   /* Purple */
  color: #fff !important;
  border: 0 !important;
  border-radius: 9999px !important;
  padding: 14px 28px !important;
  font: 800 16px/1.1 system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
  text-transform: none !important;
 
  transition: background .2s ease, transform .2s ease, box-shadow .2s ease !important;
}
:where(a,button).wc-backward:hover,
:where(.button,.btn).wc-backward:hover {
  background: #5b3be9 !important;
  transform: translateY(-2px);
  box-shadow: 0 0 10px rgba(112, 75, 247, 0.3); !important;
}
:where(a,button).wc-backward:active,
:where(.button,.btn).wc-backward:active {
  transform: translateY(0);
}

/* حالات خاصّة داخل السايدبار تبع السلّة */
.wd-cart-widget :where(a,button).wc-backward,
.shopping-cart-widget :where(a,button).wc-backward,
.wd-empty-mini-cart :where(a,button).wc-backward,
.widget_shopping_cart_content :where(a,button).wc-backward {
background: #704bf7 !important;
  color: #fff !important;
  border-radius: 9999px !important;
  padding: 14px 26px !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  box-shadow: 0 0 10px rgba(112, 75, 247, 0.3); !important;
}

/* في حال الثيم يلوّن الزر حسب متغيّر اللون الأساسي */
:root {
  --wd-primary-color: #704bf7;  /* يفيد لو الزر يتبع المتغيّر */
}
/* ===== BATMAN STORE – Return To Shop button unify (purple capsule) ===== */

/* السلة الفارغة (صفحة/سايدبار) + صفحة الأمنيات */
.return-to-shop .button,
.woocommerce .return-to-shop .button.wc-backward,
.wishlist-empty a.button,
.yith-wcwl-wishlist .wishlist-empty a.button,
.wd-cart-widget .return-to-shop .button,
.wd-cart-widget .wd-empty a.btn,
.wd-empty-cart a.btn,
.wd-cart-empty a.btn,
.wd-empty-state a.btn,
.btn-color-alt { /* أحياناً يتم تلوينه بهذه الكلاس */
  background: #704bf7 !important;     /* بنفسجي البراند */
  color: #fff !important;
  border: 0 !important;
  border-radius: 9999px !important;    /* كبسولة */
  padding: 14px 26px !important;
  font: 800 16px/1 system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
  box-shadow: 0 0 10px rgba(112, 75, 247, 0.3); !important;
  text-transform: none !important;
  letter-spacing: .2px !important;
  transition: background .18s ease, transform .18s ease, box-shadow .18s ease !important;
}

/* هوفر/أكتف وفوكس */
.return-to-shop .button:hover,
.woocommerce .return-to-shop .button.wc-backward:hover,
.wishlist-empty a.button:hover,
.wd-cart-widget .return-to-shop .button:hover,
.wd-empty-cart a.btn:hover,
.btn-color-alt:hover {
   background-color: #5c3bd0 !important;
  transform: translateY(-1px);
  box-shadow: 0 0 10px rgba(112, 75, 247, 0.3); !important;
}

.return-to-shop .button:active,
.woocommerce .return-to-shop .button.wc-backward:active,
.wishlist-empty a.button:active,
.wd-empty-cart a.btn:active,
.btn-color-alt:active {
  transform: translateY(0);
  box-shadow: 0 0 10px rgba(112, 75, 247, 0.3); !important;
}

.return-to-shop .button:focus,
.woocommerce .return-to-shop .button.wc-backward:focus,
.wishlist-empty a.button:focus,
.wd-empty-cart a.btn:focus,
.btn-color-alt:focus {
  outline: none !important;
  box-shadow: 0 0 10px rgba(112, 75, 247, 0.3); !important; /* فوكس واضح */
}

/* إصلاح لو فيه أي لون أصفر افتراضي داخل أنماط الوضع الداكن */
.color-scheme-dark .return-to-shop .button,
.color-scheme-dark .btn-color-alt {
  background: #704bf7 !important;
  color: #fff !important;
}

/* #9687 فشل إنشاء رابط الدفع السبب */
/* ستايل جديد لرسائل الخطأ في WooCommerce */
.woocommerce-error {
  background: #1c1c1c !important;   /* خلفية أسود غامق */
  border: 2px solid #704bf7 !important; /* إطار بنفسجي */
  color: #ffffff !important;        /* نص أبيض */
  font-family: 'Tajawal', sans-serif;
  border-radius: 12px;
  padding: 18px 22px;
  margin: 20px 0;
  font-size: 15px;
  line-height: 1.6;
  position: relative;
  box-shadow: 0 4px 12px rgba(108,43,217,0.4); /* ظل بنفسجي */

}

/* النص الإضافي */
.batmanq-error-hint {
  display: block;
  margin-top: 6px;
  font-size: 13px;
  color: #ffcc00; /* أصفر */
}
/* تغيير ستايل رسالة النجاح فقط */
.woocommerce-message {
  background: #1c1c1c !important;   /* خلفية أسود غامق */
  border: 2px solid #704bf7 !important; /* إطار بنفسجي */
  color: #ffffff !important;        /* نص أبيض */
  font-family: 'Tajawal', sans-serif;
  border-radius: 12px;
  padding: 18px 22px;
  margin: 20px 0;
  font-size: 15px;
  line-height: 1.6;
  position: relative;
  box-shadow: 0 4px 12px rgba(108,43,217,0.4); /* ظل بنفسجي */

}

/* أيقونة للنجاح */
.woocommerce-message::before {
  content: "✔";
  position: absolute;
  inset-inline-start: 12px;       /* يمين بالعربي */
  top: 50%;
  transform: translateY(-50%);
  font-size: 18px;
  color: #ffffff;                 /* نفس البنفسجي */
}

/* الروابط داخل الرسالة */
.woocommerce-message a {
  color: #ffffff;
  font-weight: bold;
  text-decoration: underline;
}
.woocommerce-message a:hover {
  opacity: 0.85;
}

/* #9700 صفحة FIB */
/* ===== صفحة FIB QR (استهدف الصفحة فقط) ===== */
body.page-id-9675{
  --bg:#0f0f14;            /* خلفية عامة */
  --panel:#1a1a22;         /* كارت */
  --purple:#704bf7;        /* بنفسجي أساسي */
  --purple-2:#704bf7;      /* بنفسجي أغمق */
  --accent:#ffcc00;        /* أصفر مساعد */
  --text:#ffffff;          /* نص أساسي */
  --muted:#fff;         /* نص ثانوي */
  background: var(--bg);
}

/* اخفاء فتات الخبز إن وجدت */
body.page-id-9675 .breadcrumbs,
body.page-id-9675 .wd-breadcrumbs,
body.page-id-9675 .page-title .breadcrumbs {
  display:none !important;
}

/* عنوان الصفحة */
body.page-id-9675 .entry-title,
body.page-id-9675 h1.entry-title.title {
  text-align:center;
  color:var(--text);
  font-weight:800;
  letter-spacing:.3px;
  margin:24px auto 10px;
}

/* سطر فرعي تحت العنوان (لو عندك وصف) */
body.page-id-9675 .page-subtitle,
body.page-id-9675 .entry-subtitle{
  text-align:center;
  color:var(--muted);
  margin-bottom: 10px;
  font-size:10px;
}
}
/* حاوية المحتوى */
body.page-id-9675 .site-main,
body.page-id-9675 .entry-content{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:16px;
  padding: 10px 16px 60px;
}

/* عنوان صغير داخل الكارت (لو موجود) */
body.page-id-9675 .fib-qr-card h3,
body.page-id-9675 .entry-content h3{
  text-align:center; color:var(--text); margin:0 0 8px; font-weight:500;
}

/* QR Image / Canvas */
body.page-id-9675 .entry-content img,
body.page-id-9675 .entry-content canvas{
  display:block;
  margin: 6px auto 12px;
  width: 260px; max-width: 82vw; height:auto;
  border-radius: 12px;
  box-shadow: 0 0 0 6px rgba(108,43,217,.15), 0 12px 28px rgba(0,0,0,.45);
  transition: transform .2s ease;
}
body.page-id-9675 .entry-content img:hover,
body.page-id-9675 .entry-content canvas:hover{
  transform: translateY(-2px) scale(1.01);
}

/* شرح تحت الـQR */
body.page-id-9675 .fib-qr-note,
body.page-id-9675 .entry-content p{
  text-align:center; color:var(--muted);
  margin: 4px 0 8px;
  font-size:14px;
}

/* زر تجديد QR أو أي زر داخل الصفحة */
body.page-id-9675 .entry-content .button,
body.page-id-9675 .entry-content a.button,
body.page-id-9675 .entry-content button{
  background: var(--purple);
  color:#fff;
  border: none;
  border-radius: 12px;
  padding: 12px 18px;
  font-weight: 700;
  letter-spacing:.2px;
  box-shadow: 0 0px 16px rgba(108,43,217,.35);
  transition: transform .15s ease, box-shadow .15s ease, background .2s ease;
}
body.page-id-9675 .entry-content .button:hover,
body.page-id-9675 .entry-content a.button:hover,
body.page-id-9675 .entry-content button:hover{
  background: var(--purple-2);
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(108,43,217,.45);
}

/* شريط تنبيه/تعليمات (اختياري) */
body.page-id-9675 .fib-tip{
  margin-top:10px;
  background: rgba(255,204,0,.08);
  color: #ffd74a;
  border:1px solid rgba(255,204,0,.35);
  border-radius: 10px;
  padding:10px 14px;
  font-size:13px;
  text-align:center;
}


/* Responsiveness */
@media (max-width: 480px){
  body.page-id-9675 .entry-title{ font-size:22px; }
  body.page-id-9675 .entry-content img,
  body.page-id-9675 .entry-content canvas{ width: 220px; }
}
/* تعديل المسافة بين الهيدر والعنوان */
body.page-id-9675 .entry-title {
  font-size: 20px !important;
  font-weight: 700;
  color: #ffffff;
  text-align: center;
 
}
/* مانع وميض/اختفاء مؤقت */
body.page-id-9675 .fib-qr-card{
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  overflow: visible !important;
}
/* خلي أي QR يظهر بإطار أبيض واضح */
img[alt*="qr" i],
img[src*="qr" i],
img[class*="qr" i],
canvas[id*="qr" i],
canvas[class*="qr" i]{
  background: #fff !important;
  padding: 14px !important;              /* سماكة الإطار */
  box-shadow: 0 0 0 12px #fff !important;/* Quiet Zone إضافية */
  border-radius: 8px;
  image-rendering: pixelated;
  filter: none !important;
  mix-blend-mode: normal !important;
}

/* لا تقص الظلال/الإطار لو الحاوية ضيقة */
img[alt*="qr" i],
img[src*="qr" i],
img[class*="qr" i],
canvas[id*="qr" i],
canvas[class*="qr" i]{
  min-width: 240px;
  min-height: 240px;
}

/* تصغير النص أعلى QR */
body.page-id-9675 .qr-code-container p {
 

  color: #fff !important;       /* لون أوضح */

}

/* #11316 حجم وشكل بوابات الدفع */
/* ===== WooCommerce Checkout: حجم وشكل بوابات الدفع ===== */

/* صف كل بوابة بشكل أفقي أنيق */
#payment .wc_payment_methods li {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  border-radius: 12px;
  background: #0f0f0f;
  margin-bottom: 12px;
}

/* كبّر الراديو شوي */
#payment .wc_payment_methods li input.input-radio {
  transform: scale(1.25);
  margin-inline-start: auto;      /* الراديو يجي على الطرف */
}

/* ضبط محتوى الليبل (النص + الشعار) */
#payment .wc_payment_methods li label {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0;
  width: 100%;
}

/* حجم الشعارات (عدّل الارتفاع حسب رغبتك) */
#payment .wc_payment_methods li label img {
  height: 34px;      /* ← غيّرها 28/34/40px حسب ما تريد */
  width: auto;
  display: inline-block;
  vertical-align: middle;
  filter: none;      /* تأكد ماكو تلاشي */
}

/* مثال: لو تحب حجم مخصص لكل بوابة */
#payment .payment_method_fastpay label img { height: 34px; }
#payment .payment_method_fib label img     { height: 34px; }
/* Visa/Mastercard عادة يجي صورتين: خليهّن نفس الارتفاع */
#payment .payment_method_stripe label img  { height: 43px; }

/* تباعد بسيط تحت عنوان Payment Information */
#payment { margin-top: 10px; }

/* موبايل: تقليل المسافات شوي */
@media (max-width: 480px) {
  #payment .wc_payment_methods li { padding: 12px 14px; gap: 10px; }
  #payment .wc_payment_methods li label img { height: 30px; }
}
/* إخفاء وصف بوابات الدفع في صفحة الـCheckout */
#payment .payment_box {
  display: none !important;
}


/* فك القيود من الكونتينر الأساسي للـ Checkout */
body.woocommerce-checkout .elementor-section.elementor-section-boxed > .elementor-container {
  max-width: 100% !important;
  padding-inline: 0 !important;   /* يلغى البادينگ الجانبي */
}

/* #12303 زر العدسة */
/* زر العدسة */
.wd-search-full-screen-2 .container form.searchform button.searchsubmit {
  background: #704bf7 !important;       /* زر أبيض */
  color: #ffffff !important;         /* أيقونة بنفسجية */

  border: none !important;
  display: flex !important;
  align-items: center;
  justify-content: center;

  cursor: pointer;
}

/* #12619 صفحه التسجل بالعربي */
/* ===== تغيير النصوص للواجهة العربية فقط ===== */
/* كلمة المرور */
label[for="password"] {
  font-size: 0; /* إخفاء النص الأصلي */
}
label[for="password"]::after {
  content: "كلمة المرور";
  font-size: 16px; /* نفس الحجم الأصلي */
  color: #fff;     /* نفس اللون */
}
/* تذكرني */
.woocommerce-form-login__rememberme span {
  font-size: 0; /* إخفاء النص الأصلي */
}
.woocommerce-form-login__rememberme span::after {
  content: "تذكرني";
  font-size: 16px; /* نفس الحجم */
  color: #fff;
}

/* 3. نسيت كلمة المرور؟ */
a.woocommerce-LostPassword.lost_password {
  font-size: 0; /* إخفاء النص الأصلي */
}
a.woocommerce-LostPassword.lost_password::after {
  content: "نسيت كلمة المرور؟";
  font-size: 16px; /* نفس الحجم */
}

/* 4. ما عندك حساب بعد؟ */
.create-account-question p {
  font-size: 0; /* إخفاء النص الأصلي */
}
.create-account-question p::after {
  content: "ليس لديك حساب؟";
  font-size: 16px; /* إرجاع الحجم */
}

/* 5. زر إنشاء حساب */
a.create-account-button {
  font-size: 0; /* إخفاء النص الأصلي */
}
a.create-account-button::after {
  content: "إنشاء حساب جديد";
  font-size: 13px; /* نفس الحجم اللي كان مستخدم */
}

/* التحكم بمكان النجمة فقط لحقل كلمة المرور */
label[for="password"] {
  display: inline-flex;      /* نخلي الليبل مرن */
  align-items: center;       /* نضبط المحاذاة */
}

/* هذا الجزء للنجمة */
label[for="password"] .required {
  order: 2;                  /* تخليها تجي بعد النص */
  margin-left: 4px;          /* مسافة صغيرة يسار النص */
  margin-right: 0;           /* نلغي أي مسافة يمين */
}

/* استبدال النص الوصفي (registration-info) */
.registration-info {
  font-size: 0 !important;
}
.registration-info::after {
  content: "التسجيل في هذا الموقع يتيح لك الوصول إلى حالة طلباتك وسجل مشترياتك. فقط املأ الحقول أدناه، وسيتم إنشاء حساب جديد لك بسرعة. سنطلب منك فقط المعلومات الضرورية لإتمام عملية الشراء بسهولة وسرعة.";
  font-size: 16px !important;
  color: #fff !important;
  font-family: inherit;
  line-height: 1.6;
  display: block;
}

/* #12923 تغيير ايقونات الشريط */
/* يطبّق فقط على الشاشات الصغيرة (موبايل/تابلت) */
@media (max-width: 1024px) {

  /* ========== أيقونات الهيدر بتأثير داكن قبل الهوفر وأبيض عند التمرير ========== */

  /* إزالة الأيقونات القديمة */
  .wd-toolbar-shop .wd-tools-icon::before,
  .wd-header-wishlist .wd-tools-icon::before,
  .wd-header-cart .wd-tools-icon::before,
  .wd-header-my-account .wd-tools-icon::before,
  .wd-filter-icon .wd-tools-icon::before,
  a[href*="/categories"] .wd-tools-icon::before,
  a[href*="/categories/"] .wd-tools-icon::before {
    content: none !important;
    display: none !important;
    background: none !important;
    -webkit-mask: none !important;
    mask: none !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  /* إعداد الحاوية */
  .wd-toolbar-shop .wd-tools-icon,
  .wd-header-wishlist .wd-tools-icon,
  .wd-header-cart .wd-tools-icon,
  .wd-header-my-account .wd-tools-icon,
  .wd-filter-icon .wd-tools-icon,
  a[href*="/categories"] .wd-tools-icon,
  a[href*="/categories/"] .wd-tools-icon {
    position: relative;
    font-size: 0 !important;
    line-height: 0 !important;
  }

  /* الأيقونات الثابتة العامة */
  .wd-toolbar-shop .wd-tools-icon::after,
  .wd-header-wishlist .wd-tools-icon::after,
  .wd-header-cart .wd-tools-icon::after,
  .wd-header-my-account .wd-tools-icon::after,
  .wd-filter-icon .wd-tools-icon::after {
    content: "";
    display: inline-block;
    width: 28px;
    height: 28px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: transform .2s ease, filter .2s ease, opacity .2s ease;
    opacity: 0.85; 
    filter: brightness(0.85) saturate(0.95);
  }

  /* الصور لباقي الأيقونات */
  .wd-toolbar-shop .wd-tools-icon::after {
    background-image: url("https://batmaniq.store/wp-content/uploads/2025/09/store.png");
  }
  .wd-header-wishlist .wd-tools-icon::after {
    background-image: url("https://batmaniq.store/wp-content/uploads/2025/09/wishlist.png");
  }
  .wd-header-cart .wd-tools-icon::after {
    background-image: url("https://batmaniq.store/wp-content/uploads/2025/09/cart.png");
  }
  .wd-header-my-account .wd-tools-icon::after {
    background-image: url("https://batmaniq.store/wp-content/uploads/2025/09/myaccount.png");
  }
  .wd-filter-icon .wd-tools-icon::after {
    background-image: url("https://batmaniq.store/wp-content/uploads/2025/09/filters.png");
  }

  /* === زر الكاتيجوريز (Categories) بنفس ستايل الباقي === */

  a[href*="/categories"] .wd-tools-icon img,
  a[href*="/categories/"] .wd-tools-icon img {
    display: none !important;
  }

  a[href*="/categories"] .wd-tools-icon::after,
  a[href*="/categories/"] .wd-tools-icon::after {
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("https://batmaniq.store/wp-content/uploads/2025/12/ChatGPT-Image-Dec-3-2025-02_05_18-PM-2.png");
    transition: transform .2s ease, filter .2s ease, opacity .2s ease;
    opacity: 0.85;
    filter: brightness(0.85) saturate(0.95);
  }

  /* الهوفر الاحترافي — للجميع */
  .wd-toolbar-item:hover .wd-tools-icon::after,
  .wd-tools-element:hover .wd-tools-icon::after,
  a[href*="/categories"]:hover .wd-tools-icon::after,
  a[href*="/categories/"]:hover .wd-tools-icon::after {
    transform: translateY(-2px) scale(1.08);
    filter: brightness(1.2) drop-shadow(0 2px 6px rgba(0,0,0,.25));
    opacity: 1;
  }

  /* ======== إزالة الحركة فقط من أيقونة الحساب ======== */
  .wd-header-my-account:hover .wd-tools-icon::after {
    transform: none !important; /* لا حركة ولا تكبير */
    /* يبقى تغيير اللون والظل بدون لمس */
  }

  /* ===== تنسيق النص أسفل الأيقونات ===== */
  .wd-toolbar-label {
    font-family: 'Poppins', 'Inter', 'Arial', sans-serif !important;
    font-size: 9.5px !important;
    font-weight: 450 !important;
    text-transform: capitalize !important;
    letter-spacing: 0.3px;
    color: rgba(255,255,255,.85) !important;
    line-height: 1.2em;
    transition: color .2s ease, opacity .2s ease;
    opacity: 0.9;
  }

  .wd-toolbar-item:hover .wd-toolbar-label,
  .wd-tools-element:hover .wd-toolbar-label,
  a[href*="/categories"]:hover .wd-toolbar-label,
  a[href*="/categories/"]:hover .wd-toolbar-label {
    color: #ffffff !important;
    opacity: 1;
  }

}


/* احترام إعداد تقليل الحركة */
@media (max-width: 1024px) and (prefers-reduced-motion: reduce) {
  .wd-toolbar-shop .wd-tools-icon::after,
  .wd-header-wishlist .wd-tools-icon::after,
  .wd-header-cart .wd-tools-icon::after,
  .wd-header-my-account .wd-tools-icon::after,
  .wd-filter-icon .wd-tools-icon::after,
  .wd-toolbar-label,
  a[href*="/categories"] .wd-tools-icon::after,
  a[href*="/categories/"] .wd-tools-icon::after,
  a[href*="/categories"] .wd-toolbar-label,
  a[href*="/categories/"] .wd-toolbar-label {
    transition: none;
  }
}

/* #13255 النقاط الصور */
/* تحكم بمكان النقاط */
.wd-nav-pagin.wd-clickable.wd-type-bullets.wd-horizontal {
  position: absolute;
  bottom: 34px;          /* نزّلها داخل الصورة */
  left: 50%;
  transform: translateX(-50%);
  background: rgba(0,0,0,0.6); /* خلفية سوداء شفافة */
  padding: 6px 12px;
  border-radius: 20px;   /* تخليها بيضاوية مثل شريط */
  z-index: 10;
}

/* لون النقاط الغير مفعلة */
.wd-nav-pagin.wd-clickable.wd-type-bullets.wd-horizontal li button {
  background: #fff;    /* أبيض */
  opacity: 0.5;        /* شفافية */
  border-radius: 50%;
  width: 10px;
  height: 10px;
}

/* لون النقطة المفعلة */
.wd-nav-pagin.wd-clickable.wd-type-bullets.wd-horizontal li.active button {
  background: #ffd600;  /* أصفر أو أي لون تحبه */
  opacity: 1;
}
.quick-view {
  display: none !important;
}

/* #17010 تصميم */
/* الكارت لكل منتج داخل السلايدر في WoodMart */
.wd-carousel .product-grid-item,
.wd-carousel .product-wrapper {
    background: #0E0F11;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #252838;
    transform: none !important;
    box-shadow: none !important;
}

/* إلغاء الهوفر بالكامل */
.wd-carousel .product-grid-item:hover,
.wd-carousel .product-wrapper:hover {
    transform: none !important;
    box-shadow: none !important;
    border-color: #252838 !important;
}

/* الجزء اللي فيه صورة المنتج */
.wd-carousel .product-element-top {
    border-bottom: 1px solid #000;
    overflow: hidden;
}

/* الصورة */
.wd-carousel .product-element-top img {
    width: 100%;
    display: block;
}



/* السعر داخل سلايدر العروض + توسيط */
.wd-carousel span.price {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px;
    white-space: nowrap !important;
    font-size: clamp(13px, 2.8vw, 16px) !important;
    font-weight: 700;
    color: #ffffff;
    width: 100% !important;
    text-align: center !important;
}
/* إخفاء السعر الأصلي (قبل الخصم) داخل السلايدر فقط */
.wd-carousel del,
.wd-carousel .screen-reader-text,
.wd-carousel .price del,
.wd-carousel .product-wrapper del,

/* إخفاء السعر الأصلي فقط في المكان الظاهر بالصورة */
.product-element-bottom .price del,
.product-element-bottom .price del *,
.product-element-bottom .screen-reader-text {
    display: none !important;
    visibility: hidden !important;
}


/* لاصقة الخصم في كل الموقع */
span.onsale.product-label {
    background-color: #e4073a !important;
    color: #ffffff !important;
    
    font-size: 12px !important;
    font-weight: 700 !important;
    border-radius: 5px !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* التحكم بارتفاع السعر داخل السلايدر */
.wd-carousel span.price {
   
    margin-bottom: 8px !important;  /* المسافة تحت السعر */
}



/* ◀︎ التحكم بحجم السعر في صفحة المنتج وجعله سطر واحد فقط */
.single-product .price, 
.single-product .price span, 
.single-product p.price, 
.single-product span.price {
   
    font-size: clamp(20px, 0px, 0px) !important;
}

/* #17320 my account */
/*************************************************
 *  صندوق الحساب الرئيسي + العناوين
 *************************************************/
.woocommerce-MyAccount-content,
.woocommerce-MyAccount-navigation {
  background-color: #111111;
  border-radius: 16px;
  padding: 20px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
}

.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-navigation h2 {
  color: #fff;
  font-size: 20px;
  margin-bottom: 18px;
  letter-spacing: .06em;
  text-transform: uppercase;
}

/*************************************************
 *  قائمة الحساب (التنقل الجانبي)
 *************************************************/

/* الحاوية العامة للقائمة */
.woocommerce-MyAccount-navigation ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* كل عنصر سطر وبينه خط بسيط */
.woocommerce-MyAccount-navigation ul li {
  border-bottom: 1px solid #262626;
}

.woocommerce-MyAccount-navigation ul li:last-child {
  border-bottom: none;
}

/* الرابط */
.woocommerce-MyAccount-navigation ul li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: transparent;
  color: #e0e0e0;
  padding: 10px 6px;
  border-radius: 0;
  border: none;
  text-align: start;
  font-weight: 500;
  font-size: 14px;
  transition: 0.25s ease;
  box-shadow: none;
}

/* العنصر الحالي والهوفر */
.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-MyAccount-navigation ul li a:hover {
  background-color: #18181f;
  color: #ffffff;
}

/* مؤشر بنفسجي صغير يوضح المكان النشِط */
.woocommerce-MyAccount-navigation ul li.is-active a::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 18px;
  border-radius: 999px;
  background: #704bf7;
}

/* اتجاه RTL – الشريط يمين */
html[dir="rtl"] .woocommerce-MyAccount-navigation ul li.is-active a::before {
  margin-left: 8px;
}

html[dir="rtl"] .woocommerce-MyAccount-navigation ul li.is-active a {
  padding-right: 2px;
}

/* اتجاه LTR – الشريط يسار */
html[dir="ltr"] .woocommerce-MyAccount-navigation ul li.is-active a::before {
  margin-right: 8px;
}

html[dir="ltr"] .woocommerce-MyAccount-navigation ul li.is-active a {
  padding-left: 2px;
}

/* الهاتف: مسافات أكبر قليلاً */
@media (max-width: 768px) {
  .woocommerce-MyAccount-navigation ul li {
    margin-bottom: 6px;
  }

  .woocommerce-MyAccount-navigation ul li a {
    padding: 12px 8px;
    font-size: 14px;
  }
}

/*************************************************
 *  محتوى الأقسام داخل الحساب + الأزرار
 *************************************************/
.woocommerce-MyAccount-content {
  color: #eee;
}

.woocommerce-MyAccount-content a.button,
.woocommerce-MyAccount-content button {
  background-color: #704bf7;
  color: #fff;
  padding: 8px 14px;
  border: none;
  border-radius: 10px;
  font-size: 10px;
  font-weight: bold;
  cursor: pointer;
  transition: 0.3s ease;
}

.woocommerce-MyAccount-content a.button:hover,
.woocommerce-MyAccount-content button:hover {
  background-color: #8e6bff;
}

/*************************************************
 *  جدول الطلبات
 *************************************************/
.woocommerce-orders-table th,
.woocommerce-orders-table td {
  background-color: #2a2a2a;
  color: #fff;
  border: 1px solid #3a3a3a;
}

.woocommerce-orders-table th {
  background-color: #352a4d;
}

/*************************************************
 *  إخفاء قسم التنزيلات
 *************************************************/
.woocommerce-MyAccount-navigation-link--downloads {
  display: none !important;
}

.woocommerce-MyAccount-content h2:contains("التنزيلات"),
.woocommerce-MyAccount-content h2:contains("Downloads"),
.woocommerce-MyAccount-content table.downloads {
  display: none !important;
}

.woocommerce-MyAccount-content p:has(+ table.downloads),
.woocommerce-MyAccount-content .woocommerce-Message.woocommerce-Message--info.woocommerce-info {
  display: none !important;
}
/*************************************************
 *  حقل "اسم المستخدم أو البريد الإلكتروني" في تسجيل الدخول
 *************************************************/
input#user_login.woocommerce-Input.woocommerce-Input--text.input-text {
  width: 100%;
  padding: 14px 16px;
  font-size: 15px;
  border-radius: 12px;
  border: 2px solid #704bf7;
  background-color: #2a2a2a;
  color: #ffffff;
  transition: border-color 0.25s ease,
              box-shadow 0.25s ease,
              background-color 0.25s ease;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05);
}

input#user_login::placeholder {
  color: #bdbdbd;
}

input#user_login:focus {
  outline: none;
  background-color: #302b40;
  border-color: #8e6bff;
  box-shadow: 0 0 0 3px rgba(112, 75, 247, 0.25);
}

/* إصلاح الإكمال التلقائي */
input#user_login:-webkit-autofill,
input#user_login:-webkit-autofill:hover,
input#user_login:-webkit-autofill:focus {
  -webkit-text-fill-color: #ffffff !important;
  transition: background-color 9999s ease-in-out 0s;
  box-shadow: 0 0 0px 1000px #2a2a2a inset !important;
  caret-color: #ffffff;
  border: 2px solid #704bf7 !important;
}

/*************************************************
 *  روابط داخل رسائل التنبيه العامة
 *************************************************/
.woocommerce-info a {
  color: #ffffff !important;
  font-weight: bold;
  text-decoration: underline;
}

.woocommerce-info a:hover {
  opacity: 0.85;
}

a.woocommerce-Button.wc-forward.button {
  font-size: 15px;
  position: relative;
  color: #fff !important;
}

/*************************************************
 *  فورم تعديل الحساب + كلمة المرور
 *************************************************/
.woocommerce-EditAccountForm .woocommerce-Input.input-text,
.woocommerce-EditAccountForm input[type="text"],
.woocommerce-EditAccountForm input[type="email"],
.woocommerce-EditAccountForm input[type="password"] {
  background: #1c1c1c !important;
  border: 2px solid #704bf7 !important;
  color: #ffffff !important;
  font-family: 'Tajawal', sans-serif;
  font-size: 15px;
  border-radius: 12px;
  padding: 12px 16px;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 16px;
  transition: all 0.3s ease-in-out;
}

.woocommerce-EditAccountForm .form-row {
  margin-bottom: 16px;
}

.woocommerce-EditAccountForm .woocommerce-Input.input-text:focus,
.woocommerce-EditAccountForm input[type="password"]:focus,
.woocommerce-EditAccountForm input[type="email"]:focus {
  outline: 0;
  border-color: #8b6cff;
  box-shadow: 0 0 0 3px rgba(112, 75, 247, .25);
}

.woocommerce-EditAccountForm ::placeholder {
  color: rgba(255, 255, 255, .55);
}

.woocommerce-EditAccountForm input:-webkit-autofill {
  -webkit-text-fill-color: #fff !important;
  transition: background-color 9999s ease 0s;
}

.woocommerce-EditAccountForm label {
  font-family: 'Tajawal', sans-serif;
  color: #eee;
  margin-bottom: 8px;
  display: inline-block;
}

.woocommerce-EditAccountForm .required {
  color: #E01020;
}

/* الحقول مع زر إظهار كلمة المرور */
.woocommerce-EditAccountForm .password-input {
  position: relative;
}

html[dir="rtl"] .woocommerce-EditAccountForm .password-input input {
  padding-inline-end: 100px;
}

html[dir="ltr"] .woocommerce-EditAccountForm .password-input input {
  padding-inline-start: 64px;
}

/*************************************************
 *  مؤشر قوة كلمة المرور
 *************************************************/
#password_strength.woocommerce-password-strength {
  background: #1c1c1c !important;
  border: 2px solid #704bf7 !important;
  color: #ffffff !important;
  font-family: 'Tajawal', sans-serif;
  border-radius: 12px;
  padding: 14px 18px;
  margin-top: 12px;
  font-size: 14px;
  line-height: 1.6;
  text-align: center;
  box-shadow: 0 4px 10px rgba(112, 75, 247, 0.35);
  font-weight: bold;
}
/*************************************************
 *  بلوك تأكيد الطلب + الـ mark
 *************************************************/
.woocommerce-MyAccount-content p {
  background: #1e1e1e;
  color: #eeeeee;
  padding: 15px 20px;
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
  text-align: center;
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 20px;
}

.woocommerce-MyAccount-content .order-number {
  background: #6c2bd9;
  color: #fff;
  padding: 3px 8px;
  border-radius: 6px;
  font-weight: bold;
}

.woocommerce-MyAccount-content .order-date {
  background: #2a2a2a;
  color: #ffcc00;
  padding: 3px 8px;
  border-radius: 6px;
  font-weight: bold;
}

.woocommerce-MyAccount-content .order-status {
  background: #3a7afe;
  color: #fff;
  padding: 3px 8px;
  border-radius: 6px;
  font-weight: bold;
}

.woocommerce-MyAccount-content .downloads-link {
  display: none !important;
}

/*************************************************
 *  تصميم مخصص لرسالة WooCommerce Info فقط
 *************************************************/
.woocommerce-MyAccount-content .woocommerce-info {
  background: #1c1c1c !important;        /* خلفية أسود غامق */
  border: 2px solid #704bf7 !important;  /* إطار بنفسجي */
  color: #ffffff !important;             /* نص أبيض */
}
/* زر "تصفّح المنتجات" داخل صفحة حسابي فقط – بدون ما يأثر على باقي الأزرار */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info a.woocommerce-Button.wc-forward.button[href*="/shop/"] {
    font-size: 12px !important;
}

/* تغيير خلفية دائرة الصح الصفراء إلى بنفسجي */
.wd-wishlist-btn.added span.wd-added-icon,
span.wd-added-icon {
    background: #704bf7 !important;      /* خلفية الدائرة */
    border-color: #704bf7 !important;    /* لو لها بوردر */
}

/* جعل رسالة WooCommerce والزر في سطر واحد */
.woocommerce-MyAccount-content .woocommerce-info {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
}

/* منع الزر من النزول للسطر */
.woocommerce-MyAccount-content .woocommerce-info a.woocommerce-Button {
    display: inline-flex !important;
    white-space: nowrap !important;
    margin: 0 !important;
}

/* #17322 wishlist */
/*************************************************
 *  Wishlist داخل حسابي – ستايل نفس الثيم
 *  (Woodmart wd-wishlist-content)
 *************************************************/

/* الحاوية العامة للـ Wishlist داخل صفحة حسابي */
.woocommerce-MyAccount-content .wd-wishlist-content {
  background: #111111;
  border-radius: 16px;
  padding: 20px;
  box-shadow: 0 0 20px rgba(0,0,0,0.6);
  color: #ffffff;
}

/* الهيدر العلوي (YOUR PRODUCTS WISHLIST + Share) */
.woocommerce-MyAccount-content .wd-wishlist-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 10px;
  margin-bottom: 15px;
  border-bottom: 1px solid #262626;
  color: #ffffff;
}

.woocommerce-MyAccount-content .wd-wishlist-head,
.woocommerce-MyAccount-content .wd-wishlist-head a {
  color: #ffffff !important;
}

/* أيقونات الشير */
.woocommerce-MyAccount-content .wd-wishlist-head .wd-wishlist-head-share a {
  font-size: 18px;
  margin-inline-end: 6px;
  opacity: 0.8;
}

.woocommerce-MyAccount-content .wd-wishlist-head .wd-wishlist-head-share a:hover {
  opacity: 1;
}

/* شبكة المنتجات */
.woocommerce-MyAccount-content .wd-wishlist-content .products.wd-products-grid {
  row-gap: 20px;
  column-gap: 20px;
}

/* الكارت لكل منتج في الـ wishlist */
.woocommerce-MyAccount-content .wd-wishlist-content .product-grid-item {
  background: #1b1b1b;
  border-radius: 18px;
  padding: 10px;
  box-shadow: 0 0 15px rgba(0,0,0,0.5);
  overflow: hidden;
}

/* الجزء العلوي للصورة */
.woocommerce-MyAccount-content .wd-wishlist-content .product-grid-item .product-element-top {
  border-radius: 14px;
  overflow: hidden;
}

/* صورة المنتج */
.woocommerce-MyAccount-content .wd-wishlist-content .product-grid-item img {
  border-radius: 14px;
  width: 100%;
  height: auto;
}

/* عنوان المنتج */
.woocommerce-MyAccount-content .wd-wishlist-content .product-grid-item .wd-entities-title a {
  color: #ffffff !important;
  font-size: 14px;
  font-weight: 600;
}

/* السعر */
.woocommerce-MyAccount-content .wd-wishlist-content .product-grid-item .wrap-price,
.woocommerce-MyAccount-content .wd-wishlist-content .product-grid-item .price {
  color: #e0e0e0 !important;
  font-size: 13px;
}

/* أزرار مثل add to cart أو quick view */
.woocommerce-MyAccount-content .wd-wishlist-content .product-grid-item .wd-buttons .button {
  background: #704bf7 !important;
  color: #ffffff !important;
  border-radius: 10px;
  padding: 6px 14px;
  font-size: 13px;
  font-weight: 600;
  transition: 0.25s ease;
}

.woocommerce-MyAccount-content .wd-wishlist-content .product-grid-item .wd-buttons .button:hover {
  background: #8e6bff !important;
}

/* زر Remove في أعلى الكارت (إن وجد) */
.woocommerce-MyAccount-content .wd-wishlist-content .product-grid-item .wd-product-remove a,
.woocommerce-MyAccount-content .wd-wishlist-content .wd-wishlist-product-actions a {
  color: #ff6b6b !important;
}

.woocommerce-MyAccount-content .wd-wishlist-content .product-grid-item .wd-product-remove a:hover,
.woocommerce-MyAccount-content .wd-wishlist-content .wd-wishlist-product-actions a:hover {
  color: #ff4040 !important;
}
/* إخفاء كتلة الشير داخل Wishlist فقط */
.wd-wishlist-content .wd-wishlist-head .wd-social-icons,
.wd-wishlist-content .wd-wishlist-head .wd-label.share-title {
    display: none !important;
}

.woocommerce-error li {
    display: flex !important;
    align-items: center;
    gap: 10px; /* مسافة بين النص والزر */
    flex-wrap: nowrap !important; /* يمنع نزول أي عنصر لسطر جديد */
}

.wc-backward {
    padding: 10px 25px !important;
    font-size: 14px !important;
    white-space: nowrap !important; /* يبقي النص داخل الزر سطر واحد */
}

/* #18080 هوفر البانرات */
/* ============================
   هوفر البانرات (promo banner)
   ============================ */
a.wd-promo-banner-link.wd-fill {
  border: 2px solid transparent;
  border-radius: inherit;
  transition: all 0.3s ease;
}

a.wd-promo-banner-link.wd-fill:hover {
  border-color: #EFF450; 
  box-shadow: 0 0 15px rgba(0, 123, 255, 0.6);
  border-radius: inherit;
}

/* ============================
   هوفر الصور – النسخة الثابتة
   يمسك كل الصور اللي عليها grow
   بدون ما يتأثر بـ lazy-load
   ============================ */
img.elementor-animation-grow:hover {
  outline: 2px solid #EFF450 !important;
  outline-offset: -2px;
  border-radius: 24px;
}

/* #18759 اخفاء الشريط من صفحات باتسيل */
/* إخفاء شريط الأيقونات السفلية لصفحات BatSeal المحددة */
.page-id-18708 .wd-toolbar, 
.page-id-18707 .wd-toolbar, 
.page-id-18706 .wd-toolbar,
.page-id-18708 .woodmart-toolbar, 
.page-id-18707 .woodmart-toolbar,
.page-id-18706 .woodmart-toolbar {
    display: none !important;
    visibility: hidden !important;
}