/* 1. الحواف الدائرية للصورة الرئيسية */

/* 2. تصغير المصغّرات وإعطاؤها حواف دائرية */
.woocommerce-product-gallery .flex-control-nav li img {
  max-width: 60px;      /* غيّر الرقم حسب الحجم الذي تريده */
  max-height: 60px;
  border-radius: 4px !important;
  object-fit: cover;
}

/* 3. إضافة مسافة padding حول الحاوية لتظهر كأنها 5مم */
.woocommerce-product-gallery__image {

  border-radius: 8px;
}



/* ضبط مصغَّرات المعرض في سطر واحد */
.woocommerce-product-gallery .flex-control-thumbs {
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  padding: 0 !important;
  margin: 0.5rem 0 !important;
}

/* إخفاء نقاط القائمة الافتراضية والمسافات */
.woocommerce-product-gallery .flex-control-thumbs li {
  margin: 0 0.25rem !important;
  list-style: none !important;
}

/* تصغير الصور وجعلها بحواف مدوّرة */
.woocommerce-product-gallery .flex-control-thumbs img {
  width: 60px !important;
  height: 60px !important;
  object-fit: cover !important;
  border-radius: 4px !important;
  display: block;
}

/* إخفاء شريط التمرير في WebKit */
.woocommerce-product-gallery .flex-control-thumbs::-webkit-scrollbar {
  display: none;
}
/* إخفاء شريط التمرير في Firefox */
.woocommerce-product-gallery .flex-control-thumbs {
  -ms-overflow-style: none;
  scrollbar-width: none;
}




/* إخفاء مسار التنقل فوق اسم المنتج */
.woocommerce-breadcrumb,
.ast-breadcrumb,
.breadcrumb {
  display: none !important;
}




/*  
  إخفاء أي زرّ (مثل Wishlist أو Quick-View أو زرّ الريست)  
  يأتي مباشرة بعد زرّ “أضف إلى السلة” في صفحة المنتج المفرد  
*/
/* ─── إخفاء أزرار Wishlist و Compare في حلقة المنتجات (Related / Loop) ───────────────── */
/* ─── إخفاء زري Wishlist و Compare ضمن form.cart في صفحة المنتج ───────────────── */
/* ─── إخفاء أزرار Wishlist و Compare في صفحة المنتج (form.cart) ───────────────── */
.woocommerce div.product form.cart > .shopengine_add_to_list_action,
.woocommerce div.product form.cart > .shopengine_comparison_add_to_list_action {
  display: none !important;
}

/* ─── إخفاء نفس الأزرار في أي حلقة products (related, upsells, loop) ───────────────── */
.products .shopengine_add_to_list_action,
.products .shopengine_comparison_add_to_list_action,
.ast-loop-product__link + .shopengine_add_to_list_action,
.ast-loop-product__link + .shopengine_comparison_add_to_list_action {
  display: none !important;
}

/* ─── إخفاء زر Quick-View أيضًا إن ظهر بجانبهم ───────────────── */
.shopengine-quickview-trigger {
  display: none !important;
}





/* ─── إحاطة أزرار Link و Google Pay في صندوق بعنوان “ادفع سريعًا” ───────────────── */
#wc-stripe-express-checkout-element {
  position: relative;           /* لتموضع العنوان */
  border: 1px solid #ddd;       /* إطار الصندوق */
  padding: 1rem;                /* مسافة داخلية */
  border-radius: 8px;           /* زوايا مدوّرة */
  background-color: #fafafa;    /* خلفية فاتحة */
  margin-top: 1.5em;            /* مسافة عن المحتوى أعلاه */
}

/* العنوان في أعلى الصندوق */
#wc-stripe-express-checkout-element::before {
  content:"هل تود الدفع سريعاً";       /* نص العنوان */
  position: absolute;
  top: -0.7em;                  
  right: 1rem;                  /* ضبط المحاذاة للجهة اليمنى */
  background: #fff;             /* خلفية بيضاء تخفي الإطار خلفه */
  padding: 0 0.5em;             
  font-weight: bold;
  color: #333;
}

/* ─── إخفاء أزرار Wishlist و Compare داخل form.cart لكل أنواع المنتجات ───────────────── */
.woocommerce div.product form.cart .shopengine_add_to_list_action,
.woocommerce div.product form.cart .shopengine-wishlist,
.woocommerce div.product form.cart .shopengine_comparison_add_to_list_action,
.woocommerce div.product form.cart .shopengine-comparison {
  display: none !important;
}


/* ─── إخفاء كامل الـ product_meta (SKU + التصنيف) في صفحة المنتج ───────────────── */
.product_meta {
  display: none !important;
}