}/* ===================================================
   1) شبكة مرنة Responsive Grid
=================================================== */
.woocommerce ul.products{
  display:grid !important;
  gap:26px;
  grid-template-columns:repeat(2,1fr);        /* هاتف */
}
@media (min-width:768px){ .woocommerce ul.products{grid-template-columns:repeat(3,1fr);} }   /* تابليت */
@media (min-width:1200px){ .woocommerce ul.products{grid-template-columns:repeat(4,1fr);} }  /* لابتوب */
@media (min-width:1540px){ .woocommerce ul.products{grid-template-columns:repeat(5,1fr);} }  /* شاشات كبيرة */

/* ===================================================
   2) بطاقة المنتج: ظلّ، حواف، حركة
=================================================== */
.woocommerce ul.products li.product{
  position:relative;
  background:#fff;
  border:1px solid #e7dffc;
  border-radius:18px;
  padding:18px 18px 24px;
  box-shadow:0 6px 18px rgba(179,138,217,.25);
  transition:all .35s cubic-bezier(.25,.8,.25,1);
}
.woocommerce ul.products li.product:hover{
  transform:translateY(-6px);
  box-shadow:0 14px 34px rgba(142,68,173,.38);
}

/* صورة المنتج + Zoom خفيف */
.woocommerce ul.products li.product img{
  width:100%; height:225px; object-fit:cover;
  border-radius:14px; transition:transform .4s;
}
.woocommerce ul.products li.product:hover img{ transform:scale(1.06); }

/* عنوان وسعر */
.woocommerce-loop-product__title{
  margin:16px 0 4px; font-size:17px;
  font-weight:700; text-align:center; color:#8e44ad;
}
.woocommerce ul.products li.product .price{
  display:block; font-size:15px; font-weight:700;
  text-align:center; color:#8e44ad;
}
.woocommerce ul.products li.product .price ins{ color:#e53935; } /* سعر بعد التخفيض */
.woocommerce ul.products li.product .price del{ color:#777; }

/* ===================================================
   3) زر الشراء بأيقونة سلّة + مؤثرات
=================================================== */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit{
  background:#b38ad9; color:#fff; border:none;
  border-radius:12px; padding:11px 24px 11px 48px;
  font-weight:600; display:block; width:100%;
  text-align:center; letter-spacing:.4px;
  box-shadow:0 3px 12px rgba(179,138,217,.35);
  transition:all .3s; position:relative;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover{
  background:#8e44ad;
  transform:translateY(-2px);
  box-shadow:0 6px 20px rgba(142,68,173,.45);
}
/* أيقونة Font Awesome (سلّة) */
.woocommerce a.button:before,
.woocommerce button.button:before,
.woocommerce input.button:before,
.woocommerce #respond input#submit:before{
  content:"\f07a"; font-family:"Font Awesome 5 Free";
  font-weight:900; position:absolute; left:18px; top:50%;
  transform:translateY(-50%); font-size:16px;
}

/* ===================================================
   4) نجوم التقييم الصفراء (افتراضية)
=================================================== */
.star-rating,
.star-rating span::before{
  color:#f5b50a !important;           /* أصفر ذهبي */
}
.star-rating span::before{
  content:"★★★★★";                   /* 5 نجوم ممتلئة */
  position:absolute; left:0; top:0;
  white-space:nowrap; overflow:hidden;
}
.star-rating, .star-rating span{ font-size:16px; }

/* ===================================================
   5) شارة التخفيضات الحمراء
      - استبدل slug إذا لزم (sale / تخفيضات)
=================================================== */
.woocommerce ul.products li.product.product_cat-sale::before,
.woocommerce ul.products li.product.category-تخفيضات::before{
  content:"خصم %";
  position:absolute; top:10px; right:10px;
  background:#e53935; color:#fff;
  padding:4px 12px; font-size:12px; font-weight:700;
  border-radius:20px; letter-spacing:.3px;
  box-shadow:0 2px 6px rgba(0,0,0,.25);
  z-index:15; line-height:1; transition:transform .3s;
}
.woocommerce ul.products li.product:hover.product_cat-sale::before,
.woocommerce ul.products li.product:hover.category-تخفيضات::before{
  transform:scale(1.05) rotate(-2deg);
}

/* ===================================================
   6) تحسين أزرار التنقّل بين صفحات المتجر
=================================================== */
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span{
  background:#fff; color:#8e44ad;
  border:1px solid #d7c7ef; border-radius:10px;
  padding:8px 14px; box-shadow:0 3px 10px rgba(179,138,217,.15);
  transition:all .3s;
}
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current{
  background:#b38ad9; color:#fff; border-color:#b38ad9;

}/* ⭐️ نجوم ذهبية + رقم تقييم وهمي + عدد مراجعات */
.woocommerce ul.products li.product .star-rating,
.woocommerce .star-rating {          /* يغطي صفحة المتجر وصفحة المنتج */
    position: relative;
    display: inline-block !important;
    font-size: 16px;
    color: #ffc107 !important;       /* لون النجوم */
    margin-top: 6px;                 /* تباعد بسيط عن العنوان */
}

/* خمس نجوم ثابتة */
.woocommerce .star-rating::before {
    content: "★★★★★";
    color: #ffc107 !important;
    letter-spacing: 2px;
}

/* رقم التقييم (4.9) */
.woocommerce .star-rating::after {
    content: " 4.9‎";               /* المسافة قبل الرقم للحشو */
    font-size: 14px;
    color: #555;
    margin-left: 2px;
    font-weight: 600;
}

/* عدد المراجعات الوهمي بجانب الرقم */
.woocommerce ul.products li.product .fake-rev-count,
.woocommerce div.product .fake-rev-count {
    display: inline-block;
    font-size: 13px;
    color: #777;
    margin-left: 4px;
}

/* إضافة عدد التقييمات الوهمي بعد النجوم بشكل تلقائي */
.woocommerce ul.products li.product .woocommerce-loop-product__title::after {
    content: " ‎(127)‎";             /* غيّري 127 للعدد الذي ترغبين به */
    font-size: 13px;
    color: #777;
    margin-left: 4px;

/* ✅ الخط الأنيق */
body, button, input, textarea {
  font-family: 'Roboto', 'Cairo', sans-serif !important;
  font-weight: 400;
  line-height: 1.6;
  color: #222;
}

/* ✅ تحسين مظهر الصور */
.woocommerce ul.products li.product img,
.woocommerce div.product div.images img {
  border-radius: 12px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
/* ==== 🚛 سلة الشراء (Cart) ==== */

/* تنسيق جدول السلة */
.woocommerce-cart table.cart {
    background: #ffffff;
    border-radius: 16px;
    padding: 20px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    border: none;
}

/* رأس الجدول */
.woocommerce-cart table.cart th {
    background-color: #00BFA6;
    color: #fff;
    padding: 16px;
    text-align: center;
    font-weight: bold;
    border-radius: 8px 8px 0 0;
}

/* خلايا الجدول */
.woocommerce-cart table.cart td {
    padding: 20px 12px;
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px solid #eee;
}

/* صور المنتجات */
.woocommerce-cart table.cart img {
    max-width: 80px;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

/* زر تحديث السلة */
.woocommerce-cart .actions .button {
    background-color: #00BFA6;
    color: #fff;
    border-radius: 8px;
    padding: 10px 20px;
    border: none;
    font-weight: bold;
    transition: 0.3s ease;
}

.woocommerce-cart .actions .button:hover {
    background-color: #009b8b;
}

/* زر الانتقال إلى الدفع */
.woocommerce .cart-collaterals .checkout-button {
    background-color: #ff5722;
    color: white;
    padding: 14px 28px;
    font-size: 18px;
    border-radius: 10px;
    font-weight: bold;
    transition: 0.3s ease;
    width: 100%;
}

.woocommerce .cart-collaterals .checkout-button:hover {
    background-color: #e64a19;
}

/* رسالة تحفيزية أعلى السلة */
.woocommerce-cart-form:before {
    content: "🛒 سلة التسوق جاهزة! أكمل الطلب الآن لتصلك الأكواد فوراً ✨";
    display: block;
    background: #f4fdfd;
    color: #00BFA6;
    padding: 14px 18px;
    border-radius: 10px;
    margin-bottom: 20px;
    font-weight: bold;
    text-align: center;
    font-size: 16px;
}

/* المجموع الكلي */
.cart_totals table th, .cart_totals table td {
    font-size: 16px;
    padding: 12px;
    border: none;
}


/* ==== 💳 صفحة الدفع (Checkout) ==== */

/* خلفية عامة */
.woocommerce-checkout form.checkout {
    background: #ffffff;
    border-radius: 16px;
    padding: 30px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

/* العناوين */
.woocommerce-checkout h3 {
    color: #00BFA6;
    font-size: 20px;
    margin-bottom: 20px;
    border-bottom: 2px solid #00BFA6;
    padding-bottom: 10px;
}

/* الحقول */
.woocommerce-checkout .woocommerce-billing-fields input,
.woocommerce-checkout .woocommerce-additional-fields textarea,
.woocommerce-checkout .woocommerce-shipping-fields input {
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 12px;
    margin-bottom: 20px;
    width: 100%;
    transition: 0.3s ease;
}

.woocommerce-checkout input:focus,
.woocommerce-checkout textarea:focus {
    border-color: #00BFA6;
    box-shadow: 0 0 0 2px rgba(0,191,166,0.1);
}

/* زر "إتمام الشراء" */
#place_order {
    background-color: #ff5722;
    color: white;
    padding: 14px 28px;
    font-size: 18px;
    border-radius: 10px;
    font-weight: bold;
    transition: 0.3s ease;
    width: 100%;
    border: none;
}

#place_order:hover {
    background-color: #e64a19;
}

/* رسالة تحفيزية فوق نموذج الدفع */
.woocommerce-checkout:before {
    content: "🔐 معلوماتك آمنة 100%. نعدك بتسليم الكود فوراً بعد الدفع!";
    display: block;
    background: #f9fdfd;
    color: #00BFA6;
    padding: 14px 18px;
    border-radius: 10px;
    margin-bottom: 25px;
    font-weight: bold;
    text-align: center;
    font-size: 16px;
}  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* ✅ تأثير عند تمرير الماوس على الصور */
.woocommerce ul.products li.product img:hover,
.woocommerce div.product div.images img:hover {
  transform: scale(1.03);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);
}

/* ✅ تحسين النصوص بجانب الصور */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .price {
  font-size: 16px;
  color: #5c2c84; /* بنفسجي أنيق */
}

/* ✅ تحسين زر "أضف إلى السلة" */
.woocommerce ul.products li.product .button {
  background-color: #7c3aed; /* بنفسجي فاتح */
  color: #fff !important;
  border-radius: 10px;
  padding: 8px 14px;
  font-weight: bold;
  transition: background-color 0.3s ease;
}

.woocommerce ul.products li.product .button:hover {
  background-color: #5b21b6; /* بنفسجي أغمق */
}}/* تحسين عام لكل الصفحات: السلة، الدفع، شكراً لك */
.woocommerce-cart .entry-title,
.woocommerce-checkout .entry-title,
.woocommerce-order-received .entry-title {
    font-size: 24px;
    color: #2e2e2e;
    font-weight: 700;
    text-align: center;
    margin-bottom: 20px;
}

/* شكل السلة */
.woocommerce-cart table.shop_table {
    border: none;
    background-color: #fdfdfd;
    border-radius: 12px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.08);
}
.woocommerce-cart table.shop_table th,
.woocommerce-cart table.shop_table td {
    border: none;
    padding: 15px;
}
.cart_totals {
    background-color: #ffffff;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.08);
}
.woocommerce-cart .cart-collaterals h2 {
    font-size: 20px;
    margin-bottom: 10px;
}

/* تحسين زر التحديث و زر الدفع */
.woocommerce-cart .actions .button,
.woocommerce-checkout .button {
    background-color: #ff7300;
    color: white;
    border: none;
    padding: 12px 25px;
    border-radius: 8px;
    font-size: 16px;
    transition: all 0.3s ease;
}
.woocommerce-cart .actions .button:hover,
.woocommerce-checkout .button:hover {
    background-color: #e36200;
}

/* صفحة الدفع: تقليل الحقول */
.woocommerce-checkout .woocommerce-billing-fields h3,
.woocommerce-checkout .woocommerce-additional-fields h3,
.woocommerce-checkout .woocommerce-shipping-fields {
    display: none;
}
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row {
    margin-bottom: 10px;
}
#billing_company,
#billing_address_2,
#billing_state,
#billing_postcode,
#order_comments {
    display: none !important;
}

/* شكل الفاتورة */
.woocommerce-checkout-review-order-table,
.woocommerce-order-received .woocommerce-order-overview,
.woocommerce-order-received .woocommerce-order-details {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.08);
    padding: 20px;
}
.woocommerce-order-received .woocommerce-notice {
    background-color: #e8ffe0;
    border-left: 5px solid #31a831;
    padding: 15px;
    font-size: 18px;
    font-weight: 600;
}

/* شكراً لك */
.woocommerce-order-received h2 {
    text-align: center;
    font-size: 24px;
    margin-top: 20px;
    color: #2e2e2e;
}
.woocommerce-order-received .woocommerce-order {
    text-align: center;

}/* تنسيق عام لصفحة الشكر */
.woocommerce-order {
  background-color: #f9f9fc;
  padding: 30px;
  border-radius: 20px;
  font-family: 'Tajawal', sans-serif;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
  max-width: 800px;
  margin: auto;
  color: #333;
}

/* عنوان الشكر */
.woocommerce-order > h2,
.woocommerce-order-received {
  text-align: center;
  font-size: 26px;
  color: #1e88e5;
  margin-bottom: 10px;
}

/* الرسالة التحفيزية */
.woocommerce-order::before {
  content: "🎉 تم استلام طلبك بنجاح! شكرًا لثقتك بنا. نأمل أن نراك مجددًا قريبًا!";
  display: block;
  font-size: 18px;
  color: #388e3c;
  text-align: center;
  margin-bottom: 20px;
  font-weight: bold;
}

/* صندوق تفاصيل الطلب */
.woocommerce-order-overview {
  background: #ffffff;
  padding: 20px;
  border-radius: 15px;
  border: 1px solid #ddd;
  margin-bottom: 25px;
}

/* جعل الشريط العلوي ثابت في الأعلى */
.ast-top-bar {
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99999;
  background: linear-gradient(90deg, #7F00FF, #B266FF) !important; /* تدرج بنفسجي */
  box-shadow: 0 2px 8px rgba(127, 0, 255, 0.3);
}

/* تعويض مساحة الشريط العلوي حتى لا يغطي المحتوى */
.site-content {
  margin-top: 40px;
}

@media (max-width: 768px) {
  .ast-top-bar {
    display: block !important;
    height: auto !important;
    position: fixed !important;
  }
  .site-content {
    margin-top: 50px;
  }
}/* عناوين التفاصيل */
.woocommerce-order-overview li {
  font-size: 16px;
  padding: 8px 0;
  border-bottom: 1px dashed #e0e0e0;
}

.woocommerce-order-overview li:last-child {
  border-bottom: none;
}

/* رسالة الدعم */
.woocommerce-order::after {
  content: "📩 إذا واجهت أي مشكلة أو تأخير في استلام الكود، لا تتردد في التواصل معنا عبر صفحة الدعم.";
  display: block;
  margin-top: 30px;
  text-align: center;
  color: #555;
  font-size: 15px;
}

/* تحسين زر العودة للمتجر */
.woocommerce a.button {
  display: block;
  margin: 25px auto 0;
  background-color: #1e88e5;
  color: #fff;
  padding: 12px 30px;
  border-radius: 50px;
  text-align: center;
  font-size: 16px;
  width: fit-content;
  transition: background-color 0.3s ease;
}

.woocommerce a.button:hover {
  background-color: #1565c0;
}
@media only screen and (max-width: 768px) {
  .ast-above-header {
    display: block !important;

	}