/* ===========================================================
   Shazar Product Style v1.0.2 (Final Refactor to Tokens)
   — نفس المظهر الحالي 1:1 لكن مع متغيّرات شاملة ودمج للتكرارات
   — النطاق: صفحات المنتج/المتجر/الأرشيف فقط عبر body.shz-product-skin
   =========================================================== */

/* ===============[ 1) المتغيرات العامة + لكل جزء ]================ */
:root{
  /* نَفَس شازار الأساسي */
  --shz-radius: 14px;
  --shz-border: #084F5D;
  --shz-text: #084F5D;
  --shz-bg: #FFFFFF;
  --shz-muted: #F2DBAD;
  --shz-btn: #084F5D;        /* سكون */
  --shz-btn-active: #B2905F; /* هوفر/نشط */
  --shz-ok: #2e7d32;
  --shz-bad: #c62828;
  --shz-shadow: 0 6px 24px rgba(0,0,0,.06);
  --shz-glow: rgba(8,79,93,.28);

  /* تخطيط عام */
  --shz-pad: 1rem;
  --shz-card-gap: .5rem;

  /* أزرار عامة (سلة/شراء/…): تلتزم باختياراتك الحالية */
  --btn-bg: transparent;
  --btn-color: var(--shz-text);
  --btn-bw: 2px;
  --btn-br: 8px;                 /* لاحظ: اخترته 8px حسب تعديلاتك */
  --btn-py: .6rem;
  --btn-px: 1rem;
  --btn-fw: 600;
  --btn-minw: 180px;

  /* زرّي السلة + الرغبات (في المنتج المفرد — الترتيب العمودي) */
  --spair-w: 140px;
  --spair-h: 35px;
  --spair-br: 8px;
  --spair-gap: 2px;
  --spair-idle: #084F5D;
  --spair-hover: #B2905F;
  --spair-active: #B2905F;
  --spair-fz: 10px;

  /* مدخلات الكمية/التباينات */
  --fld-bw: 1.5px;
  --fld-br: 8px;
  --qty-w: 70px;
  --fld-py: .45rem;
  --fld-px: .6rem;
  --fld-fw: 600;

  /* تبويبات المنتج */
  --tabs-bw: 1.5px;
  --tabs-pad: .5rem;
  --tabs-gap: 6px;
  --tab-fz: 20px;
  --tab-fw: 700;
  --tab-color: #B2905F;

  /* بطاقات المنتجات (الأرشيف/ذات صلة/…) */
  --card-pad: .5rem;
  --card-fz: 10px;
  --card-fw: 600;

  /* breadcrumb أعلى الصورة (مصغّر وفق تعديلك) */
  --bc-fz:  clamp(10px, 1.9vw, 18px);
  --bc-lh: 1.6;
  --bc-py: .35rem;
  --bc-px: .6rem;
  --bc-mb: .6rem;

  /* عدسة المعرض (الزر الدائري) */
  --zoom-d: 44px;      /* القطر */
  --zoom-ic: 18px;     /* حجم الأيقونة */
  --zoom-idle: var(--shz-btn);
  --zoom-active: var(--shz-btn-active);
  --zoom-bg: transparent;
  --zoom-bw: 0;        /* اخترت 0 لأنك ألغيت الإطار نهائيًا */
  --zoom-top: .75rem;
  --zoom-end: .75rem;
  --zoom-start: auto;
  --zoom-mt: .5rem;
  --zoom-mb: .5rem;
  --zoom-mx: 0;

  /* ضبط صورة المعرض داخل الإطار */
  --gallery-radius: var(--shz-radius);
  --gallery-fit: cover;
  --gallery-pos: center;

  /* أوفرلاي الأزرار فوق الصور */
  --ovl-icon-size: 18px;
  --ovl-tip-fz: 10px;

  /* سواتش الخيارات (CFVSW) */
  --swatch-h: clamp(34px, 5vw, 44px);
  --swatch-gap: clamp(3px, 1.2vw, 10px);
  --swatch-fz: clamp(9px, 1.2vw, 13px);
  --swatch-fw: 600;
  --swatch-px: clamp(.1rem, 1.6vw, 1rem);

  /* التنبيهات (رسالة أُضيف للسلة) */
  --notice-link-blue: #084F5D;
  --notice-link-gold: #B2905F;

    /* أسعار ومسافات إضافية */
  --price-fz: clamp(12px, 2.0vw, 22px);
  --price-fw: 800;
  --qty-mt: .1rem;   /* مسافة أعلى الكمية */
  --wl-mb: 2rem;    /* مسافة أسفل زر الرغبات */
  --addinfo-mt: 0.4rem; /* مسافة أعلى جدول المعلومات الإضافية */
  --price-mt: 0.02rem;
  
    /* عناوين المنتج */
  --title-fz: clamp(15px, 2.2vw, 25px);
  --title-fw: 800;
  --title-color: var(--shz-title, #B2905F);

  --shz-font: Arial, Helvetica, sans-serif;
}

/* تخصيصات سياق صفحة المنتجات فقط */
body.shz-product-skin{  font-family: var(--shz-font) !important;

  background: var(--shz-page-bg, inherit);
  color: var(--shz-page-text, inherit);
  --shz-btn: #084F5D;
  --shz-btn-active: #B2905F;
}

/* ===============[ 2) المنتج المفرد — حاويات المعرض/الملخص ]================ */
body.shz-product-skin.woocommerce div.product{ --pad: var(--shz-pad); }

body.shz-product-skin.woocommerce div.product .woocommerce-product-gallery,
body.shz-product-skin.woocommerce div.product .summary{
  background: var(--shz-bg);
  border: 1px solid var(--shz-border);
  border-radius: var(--shz-radius);
  padding: clamp(0rem, 0vw, 0rem);
  box-shadow: var(--shz-shadow);
}

/* مسافة بين العمودين بحسب RTL/LTR */
body.shz-product-skin.woocommerce div.product .summary{ margin-inline-start: 12px; padding-inline: var(--sum-pad, clamp(20px, 1.8vw, 18px));  }
[dir="rtl"] body.shz-product-skin.woocommerce div.product .summary{
  margin-inline-start: 0; margin-inline-end: 12px;
}

/* السعر */
body.shz-product-skin.woocommerce div.product .summary .price{
  color: var(--shz-text);
  font-weight: var(--price-fw);
  font-size: var(--price-fz);
  margin-top: var(--price-mt) ;
}
/* تكبير صندوق السعر القادم من OS Currency — بدون !important كي نقدر نصغّر داخل <del> */
body.shz-product-skin .os-price-box .os-main-price,
body.shz-product-skin .shz-price-box .shz-main-price{
  font-size: var(--price-fz);
  font-weight: var(--price-fw);
  color: var(--shz-text);
  margin-top: var(--price-mt);
}
body.shz-product-skin .shz-price-box .shz-base-price{
  font-size: var(--price-fz);
  font-weight: var(--price-fw);
  color: var(--shz-text);
  margin-bottom: var(--price-mt);
}

/* ===============[ 3) أساس الأزرار الموحّد ]================ */
body.shz-product-skin.woocommerce a.button,
body.shz-product-skin.woocommerce button.button,
body.shz-product-skin.woocommerce .button,
body.shz-product-skin.woocommerce div.product form.cart .button,
body.shz-product-skin.woocommerce div.product .single_add_to_cart_button{
  background: var(--btn-bg);
  color: var(--btn-color);
  border: var(--btn-bw) solid var(--shz-border);
  border-radius: var(--btn-br) !important;
  padding: var(--btn-py) var(--btn-px);
  font-weight: var(--btn-fw);
  display: flex; justify-content: center !important; align-items: center !important;
  margin: 4px 0;
}
body.shz-product-skin.woocommerce a.button:hover,
body.shz-product-skin.woocommerce button.button:hover,
body.shz-product-skin.woocommerce .button:hover,
body.shz-product-skin.woocommerce div.product form.cart .button:hover,
body.shz-product-skin.woocommerce div.product .single_add_to_cart_button:hover{
  background: transparent; color: var(--shz-btn-active); border-color: var(--shz-btn-active);
}
body.shz-product-skin.woocommerce a.button:focus,
body.shz-product-skin.woocommerce button.button:focus,
body.shz-product-skin.woocommerce .button:focus,
body.shz-product-skin.woocommerce div.product form.cart .button:focus,
body.shz-product-skin.woocommerce div.product .single_add_to_cart_button:focus{ outline: none; }
body.shz-product-skin.woocommerce .single_add_to_cart_button{ min-width: var(--btn-minw); }

/* ===============[ 4) زرّ الرغبات ]================ */
body.shz-product-skin .shz-wl-actions{
  display: flex; justify-content: center; align-items: center; margin: 8px 0;
}
body.shz-product-skin .shz-wl-btn{
  background: transparent; color: var(--shz-text);
  margin: 12px auto 0;
  font-weight: 600; font-size: .3rem; line-height: 1.1;
  display: inline-flex; align-items: center; justify-content: center; gap: .35rem;
}
body.shz-product-skin .shz-wl-btn:hover,
body.shz-product-skin .shz-wl-btn:focus-visible{
  color: var(--shz-btn-active); border-color: var(--shz-btn-active); outline: none;
}
body.shz-product-skin .shz-wl-btn.in-wl .txt,
body.shz-product-skin .shz-wl-btn[aria-pressed="true"] .txt{ content: "إزالة من الرغبات"; }
@media (min-width:1024px){
  body.shz-product-skin .shz-wl-btn{ padding: .28rem .56rem; min-width:150px; font-size:.85rem; }
}

/* ===============[ 5) الكمية + حقول التباينات ]================ */
body.shz-product-skin.woocommerce div.product form.cart .quantity .qty,
body.shz-product-skin.woocommerce div.product .variations select,
body.shz-product-skin.woocommerce div.product .variations input[type="text"],
body.shz-product-skin.woocommerce div.product .variations input[type="number"]{
  width: var(--qty-w);
  border: var(--fld-bw) solid var(--shz-border);
  border-radius: var(--fld-br);
  padding: var(--fld-py) var(--fld-px);
  background: #fff; color: var(--shz-text); font-weight: var(--fld-fw);
}
/* إزالة أسهم number */
body.shz-product-skin input[type=number]::-webkit-inner-spin-button,
body.shz-product-skin input[type=number]::-webkit-outer-spin-button{ -webkit-appearance: none; margin: 0; }
body.shz-product-skin input[type=number]{ -moz-appearance: textfield; }

/* جدول التباينات */
body.shz-product-skin.woocommerce div.product table.variations{ margin: .75rem 0 1rem; }
body.shz-product-skin.woocommerce div.product table.variations td,
body.shz-product-skin.woocommerce div.product table.variations th{
  padding: .35rem .5rem; border: 0; text-align: center;
}

/* ===============[ 7) التبويبات ]================ */
body.shz-product-skin.woocommerce div.product .woocommerce-tabs{
  background: var(--shz-bg); border: var(--tabs-bw) solid var(--shz-border);
  border-radius: var(--shz-radius); padding: 0; margin-top: 1rem; box-shadow: var(--shz-shadow);
}
body.shz-product-skin.woocommerce div.product .woocommerce-tabs ul.tabs{
  display: flex; gap: var(--tabs-gap);
  border-bottom: var(--tabs-bw) solid var(--shz-border);
  padding: var(--tabs-pad); margin: 0; list-style: none;
}
body.shz-product-skin.woocommerce div.product .woocommerce-tabs ul.tabs li a{
  display: block; padding: .45rem .8rem; color: var(--tab-color);
  font-weight: var(--tab-fw); font-size: var(--tab-fz) !important;
}
body.shz-product-skin.woocommerce div.product .woocommerce-Tabs-panel{ padding: 1rem; }

/* إزالة الخطوط الزائدة أعلى التبويبات والكروت */
.woocommerce div.product .woocommerce-tabs ul.tabs::before,
.woocommerce div.product .woocommerce-tabs ul.tabs::after{ content:none !important; border:0 !important; box-shadow:none !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li,
.woocommerce div.product .woocommerce-tabs ul.tabs li a{ border-top:0 !important; box-shadow:none !important; text-decoration:none !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after{ display:none !important; }
.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel,
.woocommerce div.product .woocommerce-tabs .panel,
.woocommerce .woocommerce-tabs .panel.entry-content.wc-tab{
  border-top:0 !important; box-shadow:none !important; margin-top:0 !important; padding-top:0 !important;
}
.ast-woo-single-product .woocommerce-tabs ul.tabs,
.ast-woo-single-product .woocommerce-tabs ul.tabs::before,
.ast-woo-single-product .woocommerce-tabs .panel{ border:0 !important; }
/* جدول المعلومات الإضافية — نفس تنسيق كروت الإضافة */
body.shz-product-skin .woocommerce-Tabs-panel--additional_information{
  margin-top: var(--addinfo-mt)  !important;
}
body.shz-product-skin .woocommerce-Tabs-panel--additional_information table.shop_attributes,
body.shz-product-skin table.woocommerce-product-attributes{
  width: 100%;
  background: #fff;
  border: 1px solid var(--shz-border);
  border-radius: var(--shz-radius);
  box-shadow: var(--shz-shadow);
  overflow: hidden;
  margin-top: var(--addinfo-mt)  !important;
}
body.shz-product-skin .woocommerce-Tabs-panel--additional_information table.shop_attributes th,
body.shz-product-skin .woocommerce-Tabs-panel--additional_information table.shop_attributes td{
  border-top: 1px dashed rgba(8,79,93,.25);
  padding: .6rem .8rem;
  color: var(--shz-text);
}
body.shz-product-skin .woocommerce-Tabs-panel--additional_information table.shop_attributes tr:nth-child(even){
  background: rgba(8,79,93,.03);
}
/* ===============[ 8) المراجعات والنجوم ]================ */
body.shz-product-skin .star-rating span::before,
body.shz-product-skin .star-rating::before{ color: var(--shz-btn-active); }
body.shz-product-skin .commentlist .comment,
body.shz-product-skin .woocommerce-Reviews .commentlist li{
  border-bottom: 1px solid rgba(0,0,0,.06); padding-bottom:.75rem; margin-bottom:.75rem;
}

/* ===============[ 9) الميتا ]================ */
body.shz-product-skin .product_meta{
  border-top: 1px dashed var(--shz-border); padding-top:.5rem; font-weight:600; color:var(--shz-text);
}
body.shz-product-skin .product_meta a{ color: var(--shz-text); }

/* ===============[ 10) التنبيهات ]================ */
body.shz-product-skin .woocommerce-message,
body.shz-product-skin .woocommerce-error,
body.shz-product-skin .woocommerce-info{
  border: 1.5px solid var(--shz-border);
  border-radius: var(--shz-radius);
  box-shadow: var(--shz-shadow);
  font-weight: 600; color: var(--shz-text);
}

/* رسالة "تمت الإضافة" بنمطك مع زر "عرض السلة" كسطر ثان */
body.shz-product-skin .woocommerce-notices-wrapper .woocommerce-message{
  background:#fff !important; color: var(--shz-ok) !important;
  border: 1px solid var(--notice-link-blue) !important;
  border-radius: var(--shz-radius) !important; font-weight:600 !important;
  position: relative; padding: .5rem .5rem !important; padding-inline-start: 1.5rem !important;
}
body.shz-product-skin .woocommerce-notices-wrapper .woocommerce-message::before{
  inset-inline-start:.75rem; left:.75rem; margin-inline-end:.35rem;
}
body.shz-product-skin .woocommerce-notices-wrapper .woocommerce-message a,
body.shz-product-skin .woocommerce-notices-wrapper .woocommerce-message a.button{
  display:inline-block; margin-block-start:.55rem; text-decoration:none !important; font-weight:600;
  background:transparent !important; color:var(--notice-link-blue) !important;
  border:1.5px solid var(--notice-link-blue); border-radius:6px !important; padding:.35rem .75rem;
  transition: background .15s ease, border-color .15s ease, box-shadow .2s ease, color .15s ease;
}
body.shz-product-skin .woocommerce-notices-wrapper .woocommerce-message a:hover,
body.shz-product-skin .woocommerce-notices-wrapper .woocommerce-message a.button:hover{
  background:#fff !important; color:var(--notice-link-gold) !important; border-color:var(--notice-link-gold);
}
body.shz-product-skin .woocommerce-notices-wrapper .woocommerce-message a:active,
body.shz-product-skin .woocommerce-notices-wrapper .woocommerce-message a:focus-visible,
body.shz-product-skin .woocommerce-notices-wrapper .woocommerce-message a.button:active,
body.shz-product-skin .woocommerce-notices-wrapper .woocommerce-message a.button:focus-visible{
  border-color: var(--notice-link-gold); box-shadow: 0 0 0 4px var(--shz-glow); outline:none;
}

/* ===============[ 11) بطاقات المتجر/المرتبطة ]================ */
body.shz-product-skin ul.products li.product,
body.shz-product-skin .related ul.products li.product,
body.shz-product-skin .upsells ul.products li.product{
  background: var(--shz-bg);
  border: 1.5px solid var(--shz-border);
  border-radius: var(--shz-radius);
  padding: var(--card-pad);
  box-shadow: var(--shz-shadow);
  overflow: hidden;
  font-weight: var(--card-fw);
  font-size: var(--card-fz);
}
body.shz-product-skin ul.products li.product .button{
  width:100%; text-align:center; margin-top:.5rem;
}
body.shz-product-skin ul.products li.product .price{
  color: var(--shz-text); font-weight:700;
}
/* صور داخل البطاقات */
body.shz-product-skin ul.products li.product a img{
  border-radius: calc(var(--shz-radius) - 4px);
}


/* إزالة الهامش حول صورة المنتج داخل الكرت (يلتصق بالأطراف العلوية والجانبية) */
body.shz-product-skin ul.products li.product .astra-shop-thumbnail-wrap{
  /* نعوّض padding الكرت فقط عند الصورة */
  margin-inline: calc(var(--card-pad) * -1);
  margin-block-start: calc(var(--card-pad) * -1);
  margin-block-end: 0; /* اترك المسافة أسفل الصورة للنصوص */
  display: block;
  overflow: hidden; /* لقص زوايا الصورة مع نصف قطر الكرت */
  border-top-left-radius: var(--shz-radius);
  border-top-right-radius: var(--shz-radius);
}

/* ضمان عدم وجود أي هامش افتراضي على عنصر الصورة نفسه وأنها تملأ العرض */
body.shz-product-skin ul.products li.product .astra-shop-thumbnail-wrap img{
  display: block;
  width: 100%;
  height: auto;
  margin: 0 !important;
  border-radius: 0; /* الزوايا تُقص من الـ wrapper */
}

/* احتياطي: إزالة الهامش السفلي الافتراضي لووكومرس على الصور داخل الروابط */
body.shz-product-skin ul.products li.product a img{
  margin: 0 !important;
}


/* ===============[ 12) breadcrumb أعلى الصورة ]================ */
.single-product .woocommerce-breadcrumb{
  border:1.5px solid var(--shz-border); border-radius: var(--shz-radius);
  background:#fff; box-shadow: var(--shz-shadow);
  font-size: var(--bc-fz) ; line-height: var(--bc-lh);
  padding: var(--bc-py) var(--bc-px); margin: 0 0 var(--bc-mb);
  overflow-wrap:anywhere; display:block; width:100%;
}
/* توحيد شكل خط المسار في المنتجات ذات الخيارات أيضًا */
body.shz-product-skin.single-product.product-type-variable .summary .woocommerce-breadcrumb{
  font-size: var(--bc-fz) !important;
  line-height: var(--bc-lh) !important;
}
.single-product .woocommerce-breadcrumb a{
  color: var(--shz-btn); text-decoration:none; font-weight:700;
}
.single-product .woocommerce-breadcrumb a:hover{ color: var(--shz-btn-active); }
body.shz-product-skin [dir="rtl"] .woocommerce-breadcrumb{ text-align:right; }

/* ===============[ 13) عدسة المعرض (زر التكبير) ]================ */
.single-product .woocommerce-product-gallery{ position: relative; }
.single-product .woocommerce-product-gallery__trigger{
  position: absolute;
  inset-inline-end: var(--zoom-end);
  inset-inline-start: var(--zoom-start);
  top: var(--zoom-top);
  display:inline-flex; align-items:center; justify-content:center;
  width: var(--zoom-d) !important; height: var(--zoom-d) !important; aspect-ratio:1/1;
  padding:0; border-radius:50%;
  background: var(--zoom-bg) !important;
  color: var(--zoom-idle);
  border: var(--zoom-bw) solid currentColor;
  text-decoration:none; box-shadow:none; outline:none; z-index:3; -webkit-tap-highlight-color:transparent;
}
.single-product .woocommerce-product-gallery__trigger > span{
  font-size: var(--zoom-ic); line-height:1; display:inline-block;
}
.single-product .woocommerce-product-gallery__trigger:hover,
.single-product .woocommerce-product-gallery__trigger:focus-visible,
.single-product .woocommerce-product-gallery__trigger:active{
  color: var(--zoom-active); border-color: currentColor; outline:none !important; box-shadow:none !important;
}
.single-product .woocommerce-product-gallery__trigger:active{ transform: translateY(1px) scale(.98); filter: brightness(.98); }
.shz-zoom-inline .woocommerce-product-gallery__trigger{
  position: static !important; margin-block: var(--zoom-mt) var(--zoom-mb); margin-inline: var(--zoom-mx);
}
@media (max-width:600px){
  :root{ --zoom-d:48px; --zoom-ic:19px; --zoom-top:.6rem; --zoom-end:.6rem; }
}
@media (min-width:1280px){
  :root{ --zoom-d:46px; --zoom-ic:20px; }
}

/* ===============[ 14) صورة المعرض وراثة نصف القطر والملاءمة ]================ */
.single-product .woocommerce-product-gallery,
.single-product .woocommerce-product-gallery .flex-viewport,
.single-product .woocommerce-product-gallery__wrapper,
.single-product .woocommerce-product-gallery__image{
  border-radius: var(--gallery-radius); overflow: hidden;
}
.single-product .woocommerce-product-gallery__image,
.single-product .woocommerce-product-gallery__image > a{
  display:block; width:100%; height:100%;
}
.single-product .woocommerce-product-gallery__image img.wp-post-image{
  width:100% !important; height:100% !important;
  object-fit: var(--gallery-fit); object-position: var(--gallery-pos);
  display:block; border-radius: inherit;
}
.single-product .woocommerce-product-gallery__image .zoomImg{ border-radius: inherit !important; }
.single-product .flex-control-thumbs img{ border-radius: var(--gallery-radius); }

/* ===============[ 15) توحيد تمركز زر السلة + زر الرغبات (Single Product) ]================ */
body.shz-product-skin.single-product div.product .summary form.cart,
body.shz-product-skin.single-product div.product .summary .shz-wl-actions{
  display:block !important; width:100% !important; margin-inline:auto !important;
  text-align:center !important; float:none !important; clear:both !important;
  flex:0 0 100% !important; grid-column:1 / -1 !important;
}
body.shz-product-skin.single-product .shz-wl-btn--single{
  display:block !important;
  clear:both !important;
  grid-column:1 / -1 !important;
  justify-self:center !important;
  margin-inline:auto !important;
  margin-bottom: var(--wl-mb) !important; /* جديد: مسافة أسفل زر الرغبات */
}
body.shz-product-skin.single-product div.product form.cart .single_add_to_cart_button,
body.shz-product-skin.single-product .shz-wl-btn--single{
  align-items:center; justify-content:center;
  width: min(var(--spair-w), 100%) !important;
  height: var(--spair-h) !important;
  margin-inline:auto !important;
  border-radius: var(--spair-br) !important;
  padding: 0 1rem !important;
  font-size: var(--spair-fz) !important;
  font-weight: 600 !important; line-height:1 !important; text-decoration:none !important; cursor:pointer !important;
  background: transparent !important;
  color: var(--spair-idle) !important;
  border: 1.5px solid var(--spair-idle) !important;
  box-shadow:none !important;
  transition: box-shadow .2s, color .2s, border-color .2s, transform .12s !important;
}
body.shz-product-skin.single-product div.product form.cart .single_add_to_cart_button:hover,
body.shz-product-skin.single-product div.product form.cart .single_add_to_cart_button:focus-visible,
body.shz-product-skin.single-product .shz-wl-btn--single:hover,
body.shz-product-skin.single-product .shz-wl-btn--single:focus-visible{
  color: var(--spair-hover) !important; border-color: var(--spair-hover) !important;
  box-shadow: 0 0 0 4px var(--shz-glow) !important; outline:none !important;
}
body.shz-product-skin.single-product div.product form.cart .single_add_to_cart_button.is-active,
body.shz-product-skin.single-product div.product form.cart .single_add_to_cart_button.added,
body.shz-product-skin.single-product div.product form.cart .single_add_to_cart_button[aria-pressed="true"],
body.shz-product-skin.single-product .shz-wl-btn--single.in-wl,
body.shz-product-skin.single-product .shz-wl-btn--single[aria-pressed="true"]{
  background: transparent !important; color: var(--spair-active) !important; border: 1.5px solid var(--spair-active) !important;
}
body.shz-product-skin.single-product div.product form.cart .single_add_to_cart_button.is-active:hover,
body.shz-product-skin.single-product div.product form.cart .single_add_to_cart_button.added:hover,
body.shz-product-skin.single-product .shz-wl-btn--single.in-wl:hover{ box-shadow: 0 0 0 4px rgba(198,40,40,.18) !important; }
body.shz-product-skin.single-product div.product form.cart .single_add_to_cart_button:active,
body.shz-product-skin.single-product .shz-wl-btn--single:active{ transform: translateY(1px) !important; }
body.shz-product-skin.single-product div.product .summary form.cart .single_add_to_cart_button{
  float:none !important; display:block !important; margin-inline:auto !important;
  width: min(var(--spair-w, 220px), 100%) !important;
  height: var(--spair-h, 44px) !important;
  border-radius: var(--spair-br, 12px) !important;
}
body.shz-product-skin.single-product div.product .summary form.cart .quantity{
  float:none !important; margin: var(--qty-mt) auto .5rem !important; text-align:center !important;
}
/* لون السكون للمنتج البسيط */
body.shz-product-skin.single-product div.product .single_add_to_cart_button:not(:hover):not(.is-active):not(.added):not([aria-pressed="true"]){
  color:#084F5D !important; border-color:#084F5D !important; background:transparent !important;
}
/* idle للمنتج المتغيّر — اجعله مثل باقي الأزرار */
body.shz-product-skin.single-product.product-type-variable
div.product .summary .cart .single_add_to_cart_button:not(:hover):not(.is-active):not(.added):not([aria-pressed="true"]){
  /* توحيد لون السكون مع بقية الأزرار */
  color: var(--shz-text) !important;
  border-color: var(--shz-border) !important;
  background: transparent !important;
}
/* توحيد لون زر الإضافة للسلة في المنتجات ذات الخيارات عندما يكون الزر معطل/بانتظار اختيار التباينات */
body.shz-product-skin.single-product.product-type-variable div.product form.cart .single_add_to_cart_button.disabled,
body.shz-product-skin.single-product.product-type-variable div.product form.cart .single_add_to_cart_button[disabled],
body.shz-product-skin.single-product.product-type-variable div.product form.cart .single_add_to_cart_button.wc-variation-selection-needed{
  background: transparent !important;
  color: var(--shz-text) !important;
  border-color: var(--shz-border) !important;
  opacity: 1 !important; /* نفس اللون تمامًا؛ إن رغبت بإشارة بصرية، اجعلها 0.7 */
  cursor: not-allowed;
}

/* إخفاء قلب الأوفرلاي في صفحة المنتج المفرد */
body.shz-product-skin .shz-wl-heart--single{ display:none !important; }

/* ===============[ 16) أوفرلاي الأيقونات/الأزرار فوق الصور ]================ */
/* تأكيد مرجع التموضع */
.woocommerce ul.products li.product .astra-shop-thumbnail-wrap,
.woocommerce div.product div.images .woocommerce-product-gallery__image{ position:relative; }

/* زر الأوفرلاي */
.ast-on-card-button{
  background: transparent !important; color: var(--shz-text) !important;
  padding:.28rem .5rem !important; line-height:1.1; font-weight:500; font-size:8px !important;
  display:inline-flex; align-items:center; gap:.35rem;
}
.ast-on-card-button:hover, .ast-on-card-button:focus-visible{ color: var(--shz-btn-active) !important; outline:none; }
.ast-on-card-button .ahfb-svg-iconset,
.ast-on-card-button .ast-icon{
  background:transparent !important; display:inline-flex; align-items:center;
  position:absolute; inset-inline-end:1px; z-index:9999;
}
.ast-on-card-button svg{ width: var(--ovl-icon-size); height: var(--ovl-icon-size); display:block; }
.ast-on-card-button svg *, .ast-on-card-button .ahfb-svg-iconset, .ast-on-card-button .ast-icon{ fill: currentColor !important; }

/* تلميح النص */
.ast-card-action-tooltip{
  background: transparent !important; color:#B2905F !important;
  padding:.22rem .45rem; font-weight:700; font-size: var(--ovl-tip-fz);
  position:absolute; bottom:15px; inset-inline-end:20px; z-index:9;
}
.ast-on-card-button:hover .ast-card-action-tooltip{ color: var(--shz-btn-active); }

/* إظهار الأزرار دائمًا */
body.shz-product-skin .ast-on-card-buttons,
body.shz-product-skin .astra-shop-thumbnail-wrap .ast-on-card-button,
body.shz-product-skin .ast-on-card-button{
  opacity:1 !important; visibility:visible !important; transform:none !important; pointer-events:auto !important;
  display:inline-flex !important; z-index:4;
}
body.shz-product-skin .ast-on-card-button.add_to_cart_button{ display:inline-flex !important; }
/* تفعيل/مضاف = أحمر */
body.shz-product-skin .ast-on-card-button.is-active .ahfb-svg-iconset,
body.shz-product-skin .ast-on-card-button.added .ahfb-svg-iconset,
body.shz-product-skin .ast-on-card-button[aria-pressed="true"] .ahfb-svg-iconset,
body.shz-product-skin .ast-on-card-button.is-active .ast-icon,
body.shz-product-skin .ast-on-card-button.added .ast-icon,
body.shz-product-skin .ast-on-card-button[aria-pressed="true"] .ast-icon{ color: var(--shz-bad) !important; }
body.shz-product-skin .ast-on-card-button.shz-busy{ opacity:.6; pointer-events:none; }

/* ===============[ 17) سواتش الخيارات (CFVSW) ]================ */
.woocommerce ul.products li.product .cfvsw-swatches-container,
.woocommerce div.product .cfvsw-swatches-container{
  display:flex !important; flex-wrap:wrap; justify-content:center; align-items:center;
  gap: var(--swatch-gap); width:100%; margin:1px auto;
}
.woocommerce div.product table.variations td.value{ display:block; text-align:center; }

/* السواتش النصي */
.cfvsw-swatches-option.cfvsw-label-option{
  min-width:0 !important; min-height:0 !important; border-radius:6px !important;
  height: var(--swatch-h); padding-inline: var(--swatch-px); padding-block:0;
  display:inline-flex; align-items:center; justify-content:center;
  border:1.5px solid var(--shz-border); background:transparent; color:var(--shz-text);
  font-weight: var(--swatch-fw); font-size: var(--swatch-fz); line-height:1.1;
  box-shadow:none; cursor:pointer; user-select:none;
  transition: color .2s, border-color .2s, box-shadow .2s, transform .12s;
}
.cfvsw-swatches-option.cfvsw-label-option .cfvsw-swatch-inner{ max-width:100%; }
.cfvsw-swatches-option.cfvsw-label-option:hover,
.cfvsw-swatches-option.cfvsw-label-option:focus-visible{
  color: var(--shz-btn-active); border-color: var(--shz-btn-active); outline:none; transform: translateY(-1px);
}
.cfvsw-swatches-option.cfvsw-label-option.selected,
.cfvsw-swatches-option.cfvsw-label-option.cfvsw-selected,
.cfvsw-swatches-option.cfvsw-label-option[aria-pressed="true"]{
  color: var(--shz-btn-active); border-color: var(--shz-btn-active);
}
.cfvsw-swatches-option.cfvsw-label-option.disabled,
.cfvsw-swatches-option.cfvsw-label-option[aria-disabled="true"]{ opacity:.45; pointer-events:none; filter:grayscale(.2); }

/* سواتش الألوان */
.cfvsw-swatches-option.cfvsw-color-option{
  min-width:0 !important; min-height:0 !important; width: var(--swatch-h); height: var(--swatch-h);
  border-radius: var(--shz-radius) !important; border:1.5px solid var(--shz-border);
  box-shadow:none; transition: border-color .2s, box-shadow .2s, transform .12s;
}
.cfvsw-swatches-option.cfvsw-color-option:hover,
.cfvsw-swatches-option.cfvsw-color-option:focus-visible{
  border-color: var(--shz-btn-active); outline:none; transform: translateY(-1px);
}
.cfvsw-swatches-option.cfvsw-color-option.selected,
.cfvsw-swatches-option.cfvsw-color-option.cfvsw-selected{ border-color: var(--shz-btn-active); }

/* مسافات داخل بطاقات المتجر */
.woocommerce ul.products li.product .cfvsw-swatches-container{
  padding-inline: clamp(0.5px, 1.2vw, 10px); box-sizing: border-box;
}

/* ===============[ 18) تحسينات استجابة إضافية ]================ */
@media (max-width:480px){
  body.shz-product-skin .quantity .qty,
  body.shz-product-skin .variations select,
  body.shz-product-skin .variations input[type="text"],
  body.shz-product-skin .variations input[type="number"]{
    width: min(46vw, 160px);
  }
  body.shz-product-skin .cfvsw-swatches-option{ min-width:36px; min-height:36px; padding:.25rem .55rem; }
}

/* ===============[ 19) محاذاة مركزية لبعض الكتل ]================ */
body.shz-product-skin.woocommerce div.product .summary,
body.shz-product-skin.woocommerce div.product .woocommerce-Tabs-panel,
body.shz-product-skin.woocommerce div.product .product_meta,
body.shz-product-skin.woocommerce div.product .woocommerce-breadcrumb,
body.shz-product-skin.woocommerce div.product form.cart,
body.shz-product-skin.woocommerce div.product .variations{ text-align:center; }




/* ===============[ 17-A rev2) CFVSW: توسيط السواتش + إظهار "تحديد أحد الخيارات" تحتها ]================ */
body.shz-product-skin.single-product div.product form.cart table.variations{
  width:100%;
  margin:0 auto;
}
body.shz-product-skin.single-product div.product form.cart table.variations tbody,
body.shz-product-skin.single-product div.product form.cart table.variations tr{
  display:block;
}
body.shz-product-skin.single-product div.product form.cart table.variations th.label{
  display:block;
  text-align:center;
  margin:0 0 .35rem;
}
body.shz-product-skin.single-product div.product form.cart table.variations td.value{
  /* قلب الخلية لعمود وتوسيط كامل المحتوى */
  width:100%;
  display:flex !important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:.45rem;
  text-align:center;
}

/* 1) حاوية السواتش نفسها تكون Flex وتتمركز */
body.shz-product-skin.single-product .variations td.value .cfvsw-swatches-container{
  display:flex !important;
  flex-wrap:wrap;
  justify-content:center !important;
  align-items:center;
  gap:.35rem .5rem;
  width:100%;
  margin:0 auto;
  text-align:center;
}
body.shz-product-skin.single-product .cfvsw-swatches-container .cfvsw-swatches-option{
  float:none !important;          /* تعطيل أي float من الإضافة */
  display:inline-flex;             /* للسماح بالـgap والالتفاف */
}

/* 2) ترتيب العناصر: السواتش أولاً ← الـ<select> ثانياً ← reset ثالثاً */
body.shz-product-skin.single-product .variations td.value .cfvsw-swatches-container{ order:1; }
body.shz-product-skin.single-product .variations td.value .cfvsw-hidden-select{
  order:2; width:100%;
  display:block !important;
  text-align:center;
}
body.shz-product-skin.single-product .variations td.value .reset_variations{
  order:3; margin-top:.25rem; opacity:.85;
}

/* 3) تحويل <select> لزر شازار متمركز */
body.shz-product-skin.single-product .variations .cfvsw-hidden-select select{
  -webkit-appearance:none; -moz-appearance:none; appearance:none;
  display:inline-flex; align-items:center; justify-content:center;
  height: 46px;
  min-width: 220px;               /* عرض مناسب كبزر */
  max-width: 100%;
  margin:0 auto;                  /* توسيط داخل الخلية */
  border:2px solid var(--shz-btn);
  border-radius: var(--shz-radius,14px);
  background: var(--shz-bg,#fff);
  color: var(--shz-btn);
  font-weight:600;
  padding:0 14px;
  cursor:pointer;
  text-align-last:center;         /* توسيط نص الخيار المختار */
}
body.shz-product-skin.single-product .variations .cfvsw-hidden-select select:hover,
body.shz-product-skin.single-product .variations .cfvsw-hidden-select select:focus-visible{
  border-color: var(--shz-btn-active);
  color: var(--shz-btn-active);
  box-shadow: 0 0 0 3px rgba(8,79,93,.18);
  outline:none;
}

/* توحيد لون/حجم عنوان المنتج في الصفحة المفردة */
body.shz-product-skin.single-product .summary h1.product_title.entry-title{
  font-size: var(--title-fz) !important;
  font-weight: var(--title-fw) !important;
  color: var(--title-color) !important;
  line-height: 1.25;
  margin: 0 0 .1rem; /* اختياري: مسافة سفلية بسيطة تحت العنوان */
}


















/* ===========================================================
   Shazar Product Style — Featured Products HOTFIX v1.0.4
   يطبّق فقط داخل صفحات/أقسام "shz-product-skin" (الطريقة أ)
   =========================================================== */

/* متغيّرات تحكّم بسيطة — يمكنك تعديل الأرقام إذا أردت */
body.shz-product-skin,
.shz-product-skin {
  --shz-gap: 18px;        /* كان 14px — يزيد مسافة بين الكروت ليوحي بتضييقها */
  --shz-radius: 14px;     /* نصف قطر الكرت نفسه (ابقِه كما هو) */
  --shz-radius-btn: 12px; /* نصف قطر الأزرار: أصغر ليتطابق مع المتجر */
}

/* (5) تضييق عرض الكروت بشكل بسيط مع بقاء الشبكة كما هي */
body.shz-product-skin .woocommerce ul.products li.product,
.shz-product-skin .woocommerce ul.products li.product {
   max-inline-size: none;
   margin-inline: 0;
}

/* استخدم الـ gap الجديد */
body.shz-product-skin .woocommerce ul.products,
.shz-product-skin .woocommerce ul.products {
  gap: var(--shz-gap);
}

/* لا تلمس: هذه القاعدة خاصة بالأوفرلاي فوق الصورة */
/* (1) إزالة الإطار عن السلة والقلب داخل صورة المنتج فقط (Overlay) */
body.shz-product-skin .astra-shop-thumbnail-wrap .ast-on-card-button,
body.shz-product-skin .astra-shop-thumbnail-wrap .ast-on-card-button *,
body.shz-product-skin .astra-shop-thumbnail-wrap .shz-wl-heart,
body.shz-product-skin .astra-shop-thumbnail-wrap .shz-wl-heart *,
body.shz-product-skin .astra-shop-thumbnail-wrap .shz-wl-btn--loop,
body.shz-product-skin .astra-shop-thumbnail-wrap .shz-wl-btn--loop *,
.shz-product-skin .astra-shop-thumbnail-wrap .ast-on-card-button,
.shz-product-skin .astra-shop-thumbnail-wrap .ast-on-card-button *,
.shz-product-skin .astra-shop-thumbnail-wrap .shz-wl-heart,
.shz-product-skin .astra-shop-thumbnail-wrap .shz-wl-heart *,
.shz-product-skin .astra-shop-thumbnail-wrap .shz-wl-btn--loop,
.shz-product-skin .astra-shop-thumbnail-wrap .shz-wl-btn--loop * {
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* تنظيف أي أثر حدود/ظلال على الأيقونة نفسها داخل الأوفرلاي */
body.shz-product-skin .astra-shop-thumbnail-wrap .ahfb-svg-iconset,
body.shz-product-skin .astra-shop-thumbnail-wrap .ast-icon,
.shz-product-skin .astra-shop-thumbnail-wrap .ahfb-svg-iconset,
.shz-product-skin .astra-shop-thumbnail-wrap .ast-icon {
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* (2) أزرار أسفل الكرت فقط (داخل .astra-shop-summary-wrap) */
body.shz-product-skin .woocommerce ul.products li.product .astra-shop-summary-wrap a.button,
body.shz-product-skin .woocommerce ul.products li.product .astra-shop-summary-wrap .add_to_cart_button,
body.shz-product-skin .woocommerce ul.products li.product .astra-shop-summary-wrap .ast-on-card-button.ast-select-options-trigger,
.shz-product-skin .woocommerce ul.products li.product .astra-shop-summary-wrap a.button,
.shz-product-skin .woocommerce ul.products li.product .astra-shop-summary-wrap .add_to_cart_button,
.shz-product-skin .woocommerce ul.products li.product .astra-shop-summary-wrap .ast-on-card-button.ast-select-options-trigger {
  border: 2px solid var(--shz-btn, #084F5D) !important;
  border-radius: var(--shz-radius-btn, 8px) !important;
  background: transparent !important;
  color: var(--shz-btn, #084F5D) !important;
  font-weight: 800 !important;
  padding: .55rem .9rem !important;
  box-shadow: none !important;
  outline: none !important;
}


body.shz-product-skin .woocommerce ul.products li.product a.button::before,
body.shz-product-skin .woocommerce ul.products li.product a.button::after,
body.shz-product-skin .woocommerce ul.products li.product .add_to_cart_button::before,
body.shz-product-skin .woocommerce ul.products li.product .add_to_cart_button::after,
.shz-product-skin .woocommerce ul.products li.product a.button::before,
.shz-product-skin .woocommerce ul.products li.product a.button::after,
.shz-product-skin .woocommerce ul.products li.product .add_to_cart_button::before,
.shz-product-skin .woocommerce ul.products li.product .add_to_cart_button::after {
  border: 0 !important;
  box-shadow: none !important;
}

/* (4) لون وصف المنتج يرجع للتيال مهما كانت العناصر الداخلية */
body.shz-product-skin .ast-woo-shop-product-description,
body.shz-product-skin .ast-woo-shop-product-description * ,
.shz-product-skin .ast-woo-shop-product-description,
.shz-product-skin .ast-woo-shop-product-description * {
  color: #084F5D !important;
}

/* توحيد زوايا التلميح أيضاً */
body.shz-product-skin .ast-on-card-button .ast-card-action-tooltip,
.shz-product-skin .ast-on-card-button .ast-card-action-tooltip {
  border-radius: var(--shz-radius-btn) !important;
}



/* ===========================================================
   حواف جانبية لصفحات أرشيف المتجر/التصنيفات/الوسوم (Woo Archive)
   — تعمل على الجوال والكمبيوتر
   =========================================================== */

/* قيَم افتراضية قابلة للتعديل لاحقًا */
body.shz-product-skin{
  --shz-archive-gap: 16px;      /* موبايل */
  --shz-archive-gap-md: 24px;   /* تابلت */
  --shz-archive-gap-xl: 48px;   /* شاشات كبيرة */
}

/* تطبيق الأبعاد على الحاوية الرئيسية في صفحات الأرشيف */
body.shz-product-skin.woocommerce.archive .site-content > .ast-container{
  padding-inline: var(--shz-archive-gap) !important;
}

@media (min-width: 768px){
  body.shz-product-skin.woocommerce.archive .site-content > .ast-container{
    padding-inline: var(--shz-archive-gap-md) !important;
  }
}

@media (min-width: 1280px){
  body.shz-product-skin.woocommerce.archive .site-content > .ast-container{
    padding-inline: var(--shz-archive-gap-xl) !important;
  }
}

/* احتياطي: إن كان تخطيط الصفحة لا يحتوي .site-content حول .ast-container */
body.shz-product-skin.woocommerce.archive .ast-container{
  padding-inline: var(--shz-archive-gap) !important;
}
@media (min-width: 768px){
  body.shz-product-skin.woocommerce.archive .ast-container{
    padding-inline: var(--shz-archive-gap-md) !important;
  }
}
@media (min-width: 1280px){
  body.shz-product-skin.woocommerce.archive .ast-container{
    padding-inline: var(--shz-archive-gap-xl) !important;
  }
}











/* ===========================================================
   [SHZ Sync] توحيد كروت القوائم (Elementor/Woo Blocks) مع كرت المتجر
   — تعتمد نفس المتغيرات (الحدود، اللون، الزوايا...) كي يكفي تعديلها مرة واحدة
   =========================================================== */

/* (A) حاوية الكرت — نفس خلفية/حدود/زوايا/ظل كرت المتجر */
.elementor-widget-woocommerce-products ul.products li.product,
.wc-block-grid__products .wc-block-grid__product{
  background: var(--shz-bg) !important;
  border: 1.5px solid var(--shz-border) !important;
  border-radius: var(--shz-radius) !important;
  padding: var(--card-pad) !important;
  box-shadow: 0 7px 22px rgba(0,0,0,.05) !important;
  overflow: hidden !important;
}


/* (B) منطقة الصورة — قص الزوايا العلوية وتثبيت التموضع */
.elementor-widget-woocommerce-products ul.products li.product .astra-shop-thumbnail-wrap,
.wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-image,
.wc-block-grid__products .wc-block-grid__product a.wc-block-grid__product-link{
  position: relative;
  overflow: hidden;
  border-top-left-radius: var(--shz-radius);
  border-top-right-radius: var(--shz-radius);
}
/* مطابقة سحب الصورة كما في كرت المتجر */
.elementor-widget-woocommerce-products ul.products li.product .astra-shop-thumbnail-wrap{
  margin-inline: calc(var(--card-pad) * -1);
  margin-block-start: calc(var(--card-pad) * -1);
  margin-block-end: 0;
  display: block;
}

/* (C) الصورة تملأ العرض بلا هوامش وزوايا داخلية */
.elementor-widget-woocommerce-products ul.products li.product .astra-shop-thumbnail-wrap img,
.wc-block-grid__products .wc-block-grid__product img{
  display: block;
  width: 100%;
  height: auto;
  margin: 0 !important;
  border-radius: 0;
}

/* (D) العنوان — نفس اللون والوزن */
.elementor-widget-woocommerce-products ul.products li.product .woocommerce-loop-product__title,
.wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title{
  color: var(--shz-text) !important; /* الوزن يترك للثيم/القيم العامة مثل المتجر */
}

/* (E) السعر — نفس اللون والوزن والمسافات */
.elementor-widget-woocommerce-products ul.products li.product .price,
.wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-price{
  color: var(--shz-text) !important;
  font-weight: 700 !important;
}

/* (F) الأزرار — نفس أسلوب زر شازار (Outline) */
.elementor-widget-woocommerce-products ul.products li.product a.button,
.elementor-widget-woocommerce-products ul.products li.product .add_to_cart_button,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link{
  background: transparent !important;
  color: var(--shz-btn) !important;
  border: 2px solid var(--shz-btn) !important;
  border-radius: var(--shz-radius) !important;
  font-weight: 800 !important;
  padding: .55rem .9rem !important;
  box-shadow: none !important;
  outline: none !important;
}
.elementor-widget-woocommerce-products ul.products li.product a.button:hover,
.elementor-widget-woocommerce-products ul.products li.product .add_to_cart_button:hover,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:hover{
  color: var(--shz-btn-active) !important;
  border-color: var(--shz-btn-active) !important;
}

/* (G) مسافات الشبكات — نستخدم نفس الفجوات الافتراضية */
.elementor-widget-woocommerce-products ul.products,
.wc-block-grid__products{
  gap: var(--shz-gap, 18px);
}












/* =====================[ Shazar — Prices Stack & Strike (All Contexts) ]===================== */
/* 1) ترتيب "قبل" فوق "بعد" في كل القوائم + صفحة المنتج المفرد */
.price.shz-price.shz-price--on-sale,
.woocommerce div.product .summary .price.shz-price.shz-price--on-sale,
.woocommerce div.product .woocommerce-variation-price .price.shz-price.shz-price--on-sale {
  display: flex;
  flex-direction: column;
  gap: .35rem;
}

/* نجعل del/ins ككتل منفصلة دائماً ونلغي الشطب الافتراضي على del */
.price.shz-price.shz-price--on-sale del,
.price.shz-price.shz-price--on-sale ins {
  display: block;
  text-decoration: none;
}

/* 2) تصغير خانة "السعر قبل التخفيض" فقط (المحوَّل + الأساسي) */
.price.shz-price.shz-price--on-sale del .os-price-box {
  font-size: .88em;   /* أصغر من الافتراضي */
  line-height: 1.15;
}

/* شطب واضح على سطر السعر المحوَّل داخل خانة "قبل" فقط */
.price.shz-price.shz-price--on-sale del .os-main-price {
  text-decoration: line-through;
  text-decoration-thickness: 1px;
  text-decoration-style: solid;
}

/* السطر الأساسي تحت بدون شطب مع خفوت بسيط */
.price.shz-price.shz-price--on-sale del .os-base-price {
  text-decoration: none;
  opacity: .90;
}

/* 3) إبراز خانة "بعد التخفيض" (بدون تغيير الرمز أو البنية) */
.price.shz-price.shz-price--on-sale ins .os-price-box {
  font-size: 1em;
  line-height: 1.2;
}
.price.shz-price.shz-price--on-sale ins .os-main-price {
  font-weight: 800;
}

/* 4)Fallback لو ما في .os-price-box (بعض الثيمات/الودجات النادرة) */
.price.shz-price.shz-price--on-sale del .woocommerce-Price-amount {
  text-decoration: line-through;
  text-decoration-thickness: 1px;
}

/* 5) تحسينات بسيطة للموبايل */
@media (max-width: 480px){
  .price.shz-price.shz-price--on-sale del .os-price-box { font-size: .86em; }
  .price.shz-price.shz-price--on-sale ins .os-price-box { font-size: .98em; }
}


/* =====================[ Shazar — Strike both lines in BEFORE price ]===================== */
/* ترتيب عمودي محفوظ من القواعد السابقة */

/* شطب على السطرين (المحوَّل + الأساسي) داخل خانة "قبل التخفيض" */
.price.shz-price.shz-price--on-sale del .os-main-price,
.price.shz-price.shz-price--on-sale del .os-base-price {
  text-decoration: line-through;
  text-decoration-thickness: 1px;
  text-decoration-style: solid;
}

/* تأكيد: نبقي تصغير حجم خانة "قبل" كما هو (إن كان مُعرّفًا قبلاً) */
.price.shz-price.shz-price--on-sale del .os-price-box {
  font-size: .88em;
  line-height: 1.15;
}

/* fallback نادر: إن لم توجد .os-price-box أصلاً */
.price.shz-price.shz-price--on-sale del .woocommerce-Price-amount {
  text-decoration: line-through;
  text-decoration-thickness: 1px;
}













/* === SHZ Price Stack (compatible, no :has) === */
/* عندما يضيف JS الكلاس على الوعاء الأب المشترك */
body.shz-product-skin.single-product .shz-price-stacked{
  display: flex;
  flex-direction: column;
  gap: .5rem;
}

/* اجعل سعر "بعد الخصم" على سطر مستقل وبروز بصري */
body.shz-product-skin.single-product .shz-price-stacked ins.os-price,
body.shz-product-skin.single-product .shz-price-stacked ins.os-price--sale{
  display: block;
  font-weight: 800;
}

/* شطب واضح لسعر "قبل الخصم" (المحوَّل + الأساسي إن وُجد) */
body.shz-product-skin.single-product .shz-price-stacked .shz-before-price .os-main-price,
body.shz-product-skin.single-product .shz-price-stacked .shz-before-price .os-base-price{
  text-decoration: line-through;
  text-decoration-thickness: 1px;
}




/* عندما تضيف JS كلاس shz-price على الحاوية */
body.shz-product-skin.single-product .price.shz-price--on-sale{
  display: flex;
  flex-direction: column;
  gap: .5rem;
}
/* الشطب المؤكد بعد لفّ السعر الأول بـ <del> */
body.shz-product-skin.single-product del.shz-price-regular .os-main-price{
  text-decoration: line-through;
  text-decoration-thickness: 1px;
}


























/* === SHZ: Single Product — Meta card under wishlist + hide duplicate title === */

/* أخفِ أي عنوان لاحق مطبوع من القالب؛ الإبقاء على أول عنوان فقط داخل .summary */
body.shz-product-skin.single-product .summary h1.product_title.entry-title:not(:first-of-type){
  display: none !important;
}

/* أخفِ صندوق الميتا الأصلي لأننا سنعيد عرضه داخل كرت منفصل */
body.shz-product-skin.single-product .summary .product_meta{
  display: none !important;
}

/* الكرت الجديد للميتا أسفل كرت زر الرغبات */
body.shz-product-skin.single-product .shz-meta-card{

  margin-top: var(--addinfo-mt, 1rem);
  background: var(--shz-bg, #fff);
  border: 1px solid var(--shz-border, #084F5D);
  border-radius: var(--shz-radius, 14px);
  padding: clamp(12px, 1.8vw, 16px);
  box-shadow: 0 6px 18px rgba(0,0,0,.04); overflow: hidden;
}

/* جدول الميتا */
body.shz-product-skin.single-product .shz-meta-table{
  width: 100%;
  border-collapse: separate;
  border-spacing: 0; table-layout: fixed;
  font-size: clamp(12px, 0.95rem, 14px);
  line-height: 1.6;
  direction: rtl;
  
}

body.shz-product-skin.single-product .shz-meta-table th,
body.shz-product-skin.single-product .shz-meta-table td{
  padding: 8px 10px;
  vertical-align: top;
  color: var(--shz-text, #084F5D);
}

body.shz-product-skin.single-product .shz-meta-table th{
  white-space: nowrap;
  font-weight: 800;
  text-align: right; /* RTL */
  
}

body.shz-product-skin.single-product .shz-meta-table td{
  text-align: right; /* RTL */
}

body.shz-product-skin.single-product .shz-meta-table tr + tr th,
body.shz-product-skin.single-product .shz-meta-table tr + tr td{
  border-top: 1px dashed rgba(8,79,93,.25);
  
}

body.shz-product-skin.single-product .shz-meta-table a{
  color: var(--shz-text, #084F5D);
  text-decoration: none;
}
body.shz-product-skin.single-product .shz-meta-table a:hover{
  color: var(--shz-btn-active, #B2905F);
  text-decoration: underline;
}

/* تباعد صغير عن نموذج السلة لو كان ملاصقًا */
body.shz-product-skin.single-product .summary + .shz-meta-card{
  margin-top: 12px;
}



/* === SHZ: تحسينات إضافية لجدول الميتا (زِبرا + لف الكلمات الطويلة) === */
body.shz-product-skin.single-product .shz-meta-table tr:nth-child(odd) td{
  background: rgba(8,79,93,.03); /* ظل خفيف حسب لون العلامة */
}

body.shz-product-skin.single-product .shz-meta-table th{
  min-width: 128px;              /* ثبات عرض عمود العناوين */
}

body.shz-product-skin.single-product .shz-meta-table td{
  word-break: break-word;        /* لا يخرج المحتوى عن الكرت */
  overflow-wrap: anywhere;
}

/* ضمان وجود مسافة صغيرة عندما يأتي الكرت مباشرة بعد نموذج السلة */
body.shz-product-skin.single-product .summary + .shz-meta-card{
  margin-top: 12px;
}

/* تدوير حدود الجدول نفسه + إظهار حد الجدول */
body.shz-product-skin.single-product .shz-meta-table{
  width: 100%;
  border: 1.5px solid var(--shz-border, #084F5D);
  border-radius: 8px;
  background: var(--shz-bg, #fff);
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  overflow: hidden;              /* قص الزوايا */
  clip-path: inset(0 round 8px); /* دعم إضافي لقص الزوايا عبر المتصفحات */
}







/* === SHZ: كرت تقييمات العملاء ======================= */
body.shz-product-skin.single-product .shz-reviews-card{
  margin-top: var(--reviews-mt, 1rem);
  background: var(--shz-bg, #fff);
  border: 1.5px solid var(--shz-border, #084F5D);
  border-radius: var(--shz-radius, 14px);
  padding: clamp(10px, 1.8vw, 16px);
  box-shadow: 0 6px 18px rgba(0,0,0,.04);
}
body.shz-product-skin.single-product .shz-reviews-card .shz-reviews-title{
  margin: 0 0 .6rem;
  text-align: center;
  font-weight: 800;
  color: var(--shz-text, #084F5D);
}

/* قائمة التعليقات */
body.shz-product-skin.single-product .shz-reviews-card #reviews .commentlist{
  list-style: none; margin: 0; padding: 0;
}
body.shz-product-skin.single-product .shz-reviews-card #reviews .commentlist li{
  padding: 10px 0;
  border-top: 1px dashed rgba(8,79,93,.25);
}

/* حقول نموذج التقييم */
body.shz-product-skin.single-product .shz-reviews-card #review_form_wrapper input,
body.shz-product-skin.single-product .shz-reviews-card #review_form_wrapper textarea,
body.shz-product-skin.single-product .shz-reviews-card #review_form_wrapper select{
  height: 50px;
  padding: 0 12px;
  border: 1.5px solid var(--shz-border, #084F5D);
  border-radius: var(--shz-radius, 14px);
  background: #fff;
  box-shadow: none;
}
body.shz-product-skin.single-product .shz-reviews-card #review_form_wrapper textarea{
  min-height: 110px; height: auto; padding: 12px;
}

/* زر الإرسال */
body.shz-product-skin.single-product .shz-reviews-card #review_form #submit{
  background: transparent;
  border: 2px solid var(--shz-btn, #084F5D);
  color: var(--shz-text, #084F5D);
  border-radius: var(--shz-radius, 14px);
  font-weight: 800;
  padding: .6rem 1rem;
}
body.shz-product-skin.single-product .shz-reviews-card #review_form #submit:hover{
  border-color: var(--shz-btn-active, #B2905F);
  color: var(--shz-btn-active, #B2905F);
}

/* روابط النجوم */
body.shz-product-skin.single-product .shz-reviews-card .stars a{
  text-decoration: none;
}











/* SHZ: Cart — إبقاء التحرير ممكنًا مع أخطاء المخزون */
body.woocommerce-cart .woocommerce-cart-form input.qty,
body.woocommerce-cart .woocommerce-cart-form .actions .button[name="update_cart"]{
  pointer-events: auto !important;
  opacity: 1 !important;
}


/* SHZ: حافظ على أسطر الرسائل (الـ \n) داخل صناديق Woo */
.woocommerce .woocommerce-error,
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info {
  white-space: pre-line; /* يُظهر كل سطر في سطر منفصل */
}



















/* === SHZ: Single Product — Vertical tabs card (Description / Additional info / Reviews) === */
body.shz-product-skin.single-product .shz-tabs-card{
  --shz-tabs-gap: 10px;
  --shz-tabs-w: 240px;
  background: var(--shz-bg, #fff);
  border: 1.5px solid var(--shz-border, #084F5D);
  border-radius: var(--shz-radius, 14px);
  padding: 14px;
  display: grid;
  grid-template-columns: 1fr; /* mobile: stacked */
  gap: var(--shz-tabs-gap);
  margin-top: 1rem;
}

/* layout ≥ 768px: nav left (RTL aware), panels right */
@media (min-width: 768px){
  body.shz-product-skin.single-product .shz-tabs-card{
    grid-template-columns: minmax(180px, var(--shz-tabs-w)) 1fr;
    align-items: start;
  }
}

.shz-tabs-card .shz-tabs-nav{
  display: flex;
  flex-direction: column;
  gap: var(--shz-tabs-gap);
}
.shz-tabs-card .shz-tab-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .4rem;
  padding: .6rem 1rem;
  border: 2px solid var(--shz-border, #084F5D);
  background: transparent;
  color: var(--shz-text, #084F5D);
  border-radius: var(--shz-radius, 14px);
  font-weight: 800;
  cursor: pointer;
  transition: transform .25s ease, border-color .2s ease, color .2s ease, background .2s ease, box-shadow .2s ease;
  will-change: transform;
}
body.shz-tabs-card .shz-tab-btn:is(:hover,:focus-visible){
  border-color: var(--shz-btn-active,#B2905F);
  color: var(--shz-btn-active,#B2905F);
  outline: none;
  box-shadow: 0 0 0 3px rgba(8,79,93,.18);
  transform: translateY(-1px);
}
.shz-tabs-card .shz-tab-btn.is-active{
  border-color: var(--shz-btn-active,#B2905F);
  color: var(--shz-btn-active,#B2905F);
}

/* Panels */
.shz-tabs-card .shz-tabs-panels{
  min-height: 120px;
}
.shz-tabs-card .shz-tabs-panel{
  display: none;
  opacity: 0;
  transform: translateY(6px);
  transition: opacity .25s ease, transform .25s ease;
  border: 1px dashed var(--shz-border,#084F5D);
  border-radius: calc(var(--shz-radius,14px) - 2px);
  padding: 12px;
  background: var(--shz-bg,#fff);
}
.shz-tabs-card .shz-tabs-panel.is-active{
  display: block;
  opacity: 1;
  transform: translateY(0);
}

/* Hide inner default headings inside Woo templates to avoid duplicate titles */
.shz-tabs-card .shz-tabs-panel h2.woocommerce-Reviews-title,
.shz-tabs-card .shz-tabs-panel h2:first-child{
  display: none;
}

/* Reviews list cosmetics inside card */
.shz-tabs-card #reviews .commentlist{
  list-style: none;
  margin: 0;
  padding: 0;
}
.shz-tabs-card #reviews .commentlist li{
  border-bottom: 1px solid var(--shz-muted,#F2DBAD);
  padding: 10px 0;
}
.shz-tabs-card #reviews .commentlist li:last-child{
  border-bottom: 0;
}

/* Keep RTL tidy inside panels */
body.rtl .shz-tabs-card .shz-tabs-panel{
  direction: rtl;
}

/* === SHZ fix: Additional Info table — remove extra white bg / unify look === */
body.shz-product-skin.single-product .shz-tabs-card{
  --shz-table-radius: 14px;
}

/* أزل أي خلفية/هوامش حول تبويب "معلومات إضافية" داخل اللوح */
body.shz-product-skin.single-product .shz-tabs-card .shz-tabs-panel #tab-additional_information,
body.shz-product-skin.single-product .shz-tabs-card .shz-tabs-panel .woocommerce-Tabs-panel--additional_information{
  background: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* الجدول نفسه */
body.shz-product-skin.single-product .shz-tabs-card .shz-tabs-panel table.woocommerce-product-attributes.shop_attributes{
  width: 100%;
  margin: 0;
  background: transparent !important;      /* لا خلفية ثانية */
  border: 1px solid var(--shz-border, #084F5D);
  border-radius: var(--shz-table-radius, 8px);  /* زوايا الجدول فقط */
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;                         /* لقص الزوايا داخليًا */
  box-shadow: none !important;
}

/* الخلايا: أزل أي خلفيات/حدود افتراضية وطبّق تقسيم أنيق */
body.shz-product-skin.single-product .shz-tabs-card .shz-tabs-panel table.shop_attributes th,
body.shz-product-skin.single-product .shz-tabs-card .shz-tabs-panel table.shop_attributes td{
  background: transparent !important;
  border: 0 !important;
  padding: 10px 12px;
  vertical-align: top;
  color: var(--shz-text, #084F5D);
}

/* خط فاصل بين الصفوف بدلاً من خلفيات ملوّنة */
body.shz-product-skin.single-product .shz-tabs-card .shz-tabs-panel table.shop_attributes tr + tr th,
body.shz-product-skin.single-product .shz-tabs-card .shz-tabs-panel table.shop_attributes tr + tr td{
  border-top: 1px solid var(--shz-muted, #F2DBAD) !important;
}

/* عرض عمود العناوين وتحسين وزن الخط */
body.shz-product-skin.single-product .shz-tabs-card .shz-tabs-panel table.shop_attributes th{
  width: 38%;
  font-weight: 700;
}

/* ألغِ أي تلوين متناوب من القالب */
body.shz-product-skin.single-product .shz-tabs-card .shz-tabs-panel table.shop_attributes tr:nth-child(odd) th,
body.shz-product-skin.single-product .shz-tabs-card .shz-tabs-panel table.shop_attributes tr:nth-child(odd) td,
body.shz-product-skin.single-product .shz-tabs-card .shz-tabs-panel table.shop_attributes tr:nth-child(even) th,
body.shz-product-skin.single-product .shz-tabs-card .shz-tabs-panel table.shop_attributes tr:nth-child(even) td{
  background: transparent !important;
}

/* === SHZ: Reviews styling — circular avatar, tidy cards, rounded textarea === */

/* متغيرات مساعدة */
body.shz-product-skin.single-product .shz-tabs-card{
  --shz-review-gap: 5px;
  --shz-review-avatar: 56px;
  --shz-review-br: var(--shz-radius, 14px);
}

/* بزنس التقييم: أفاتار + نص */
.shz-tabs-card #reviews .comment_container{
  display: grid;
  grid-template-columns: var(--shz-review-avatar) 1fr;
  gap: var(--shz-review-gap);
  align-items: start;
}

/* صورة بروفايل المقيم: دائرية + إطار */
.shz-tabs-card #reviews .comment_container img.avatar{
  width: var(--shz-review-avatar);
  height: var(--shz-review-avatar);
  border-radius: 50%;
  object-fit: cover;
  border: 1px solid var(--shz-border, #084F5D);
  background: #fff;
}

/* الكارد النصي للتقييم */
.shz-tabs-card #reviews .comment_container .comment-text{
  background: var(--shz-bg, #fff);
  border: 1px dashed var(--shz-border, #084F5D);
  border-radius: var(--shz-review-br);
  padding: 10px 12px;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.shz-tabs-card #reviews .comment_container .comment-text:hover{
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(0,0,0,.05);
  border-color: var(--shz-btn-active, #B2905F);
}
.shz-tabs-card #reviews .comment-respond textarea{
  min-height: 120px;         /* خانة "ملاحظاتك" أطول */
  height: auto;              /* للسماح بالتمدد */
  padding: 10px 12px;        /* راحة كتابة */
  border-radius: var(--shz-radius, 14px); /* تدوير زوايا خانة ملاحظاتك */
}
.shz-tabs-card #reviews .comment-respond input[type="text"]:focus,
.shz-tabs-card #reviews .comment-respond input[type="email"]:focus,
.shz-tabs-card #reviews .comment-respond textarea:focus{
  outline: none;
  border-color: var(--shz-btn-active, #B2905F);
  box-shadow: 0 0 0 3px rgba(8,79,93,.18);
}

/* حقل النجوم في النموذج */
.shz-tabs-card #reviews .comment-form-rating{
  margin: 8px 0;
}
.shz-tabs-card #reviews .comment-form-rating .stars a{
  text-decoration: none;
  padding: 2px 8px;
  margin-inline-end: 6px;
  display: inline-block;
  transition: border-color .2s ease, color .2s ease, transform .15s ease;
}
.shz-tabs-card #reviews .comment-form-rating .stars a:hover,
.shz-tabs-card #reviews .comment-form-rating .stars a:focus{
  border-color: var(--shz-btn-active, #B2905F);
  color: var(--shz-btn-active, #B2905F);
  transform: translateY(-1px);
}

/* زر الإرسال بنفس ستايل الأزرار */
.shz-tabs-card #reviews .form-submit input[type="submit"]{
  border: 2px solid var(--shz-border, #084F5D);
  background: transparent;
  color: var(--shz-text, #084F5D);
  border-radius: var(--shz-radius, 14px);
  font-weight: 600;
  padding: .6rem 1rem;
  cursor: pointer;
  transition: border-color .2s ease, color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.shz-tabs-card #reviews .form-submit input[type="submit"]:hover,
.shz-tabs-card #reviews .form-submit input[type="submit"]:focus-visible{
  border-color: var(--shz-btn-active, #B2905F);
  color: var(--shz-btn-active, #B2905F);
  box-shadow: 0 0 0 3px rgba(8,79,93,.18);
  transform: translateY(-1px);
}

/* توافُق RTL داخل اللوح */
body.rtl .shz-tabs-card #reviews .comment-respond,
body.rtl .shz-tabs-card #reviews .commentlist,
body.rtl .shz-tabs-card #reviews .comment_container{
  direction: rtl;
}

/* اجعل محتوى التقييم عمودًا لنتمكّن من إعادة الترتيب عبر order */
.shz-tabs-card #reviews .comment_container .comment-text{
  display: flex;               /* كان Grid سابقًا، هذا يحسم الترتيب */
  flex-direction: column;      /* عمودي */
  font-size: .30rem;           /* تصغير طفيف للنص داخل الكارد */
}

/* 1) الاسم + التاريخ في الأعلى */
.shz-tabs-card #reviews .comment-text .meta{
  order: 1;
  font-size: .40rem;           /* أصغر قليلًا من النص العام */
  line-height: 1.3;
  margin: 0 0 4px 0;
  display: block;              /* اجعلها كتلة لتفصل الاسم عن التاريخ */
}

/* الاسم كسطر مستقل */
.shz-tabs-card #reviews .comment-text .meta .woocommerce-review__author{
  display: block;
  font-weight: 800;
}

/* التاريخ كسطر تحته مباشرة وبحجم أصغر وشفافية بسيطة */
.shz-tabs-card #reviews .comment-text .meta .woocommerce-review__published-date{
  display: block;
  opacity: .85;
  font-size: .25rem;
  margin-top: 2px;
}

/* أخفِ الشرطة الصغيرة التي يضيفها Woo بين الاسم والتاريخ إن وُجدت */
.shz-tabs-card #reviews .comment-text .meta .woocommerce-review__dash{
  display: none;
}

/* 2) النجوم تأتي بعد الاسم/التاريخ */
.shz-tabs-card #reviews .comment-text .star-rating{
  order: 2;
  font-size: 0.5rem;           /* أصغر قليلًا من السابق */
  margin: 10px 10px 10px 0;
  left: 75px;
}

/* 3) نص التعليق داخل إطار ومحاذاته لليسار قليلًا */
.shz-tabs-card #reviews .comment-text .description{
  order: 3;
  font-size: .45rem;                          /* متسق مع الكارد */
  display: block;
  background: var(--shz-bg, #FFFFFF);         /* خلفية الكارت */
  border: 1px solid var(--shz-border, #084F5D);
  border-radius: var( --btn-br, 8px);         /* نفس زوايا شازار */
  padding: .3rem 0.4rem;                      /* مساحة داخلية مريحة */
  margin: 2px 2px 2px 60px;                   /* فصل بسيط فوق الإطار */
  text-align: right;                          /* محاذاة النص لليسار */
  position: relative;
  box-sizing: border-box;                      /* لضبط القياسات مع الحواف */
  width:100%;
}

/* إزالة هوامش الفقرة الداخلية إن وُجدت */
.shz-tabs-card #reviews .comment-text .description p{
  margin: 0;
  line-height: 1.6;
}

/* SHZ — crisp rounded frame for the wrapper only (patched) */
.single-product .shz-tabs-card #review_form_wrapper{
  --shz-radius: 14px;
  --shz-ring: 1px; /* يمكنك رفعها لـ 2px إذا رغبت */
  border: 0;
  border-radius: var(--shz-radius);
  background: var(--shz-bg, #fff);
  position: relative;
  overflow: hidden;
  isolation: isolate;       /* ينشئ stacking context مستقل */
}

.single-product .shz-tabs-card #review_form_wrapper::before{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  box-shadow: inset 0 0 0 var(--shz-ring) var(--shz-border, #084F5D);
  pointer-events: none;
  z-index: 1;               /* اجعل الحلقة فوق العناصر الداخلية */
}

/* اجعل محتوى الحاوية أسفل الحلقة */
.single-product .shz-tabs-card #review_form_wrapper > *{
  position: relative;
  z-index: 0;
}

/* (اختياري) تقوية الحلقة على الشاشات الكبيرة فقط */
@media (min-width: 1024px){
  .single-product .shz-tabs-card #review_form_wrapper{ --shz-ring: 2px; }
}

/* ================================
   أجهزة الكمبيوتر فقط: تصغير الخطوط
   (لا تغييرات أخرى)
   ================================ */
@media (min-width: 1024px){
    
     /* 1) تقليل عرض عمود الأزرار لزيادة مساحة البنال */
  body.shz-product-skin.single-product .shz-tabs-card{
    --shz-tabs-w: 120px; /* كان افتراضياً 240px؛ الآن مساحة أكبر للبنال */
    grid-template-columns: minmax(100px, var(--shz-tabs-w)) 1fr; /* تأكيد تقسيم الأعمدة بعد تقليل عرض الـnav */
  }

  /* 2) تقليل الهوامش الداخلية للبنال نفسها */
  body.shz-product-skin.single-product .shz-tabs-card .shz-tabs-panel{
    padding: 4px; /* كان 12px */
  }
    
  /* تقليص عام داخل البطاقة */
  body.shz-product-skin.single-product .shz-tabs-card{
    font-size: 0.50rem; /* تقليص طفيف لكتلة التبويبات */
  }
  /* أزرار التبويب والنص داخل اللوح */
  .shz-tabs-card .shz-tab-btn{ font-size: 0.30rem; }
  .shz-tabs-card .shz-tabs-panel{ font-size: 0.40rem; }

  /* مراجعات: تقليص دقيق للقيم المحددة بالـ rem */
  .shz-tabs-card #reviews .comment_container .comment-text{ font-size: .17rem; }
  .shz-tabs-card #reviews .comment-text .meta{ font-size: .17rem; }
  .shz-tabs-card #reviews .comment-text .meta .woocommerce-review__published-date{ font-size: .22rem; }
  .shz-tabs-card #reviews .comment-text .star-rating{ font-size: .20rem; }
  .shz-tabs-card #reviews .comment-text .description{ font-size: .20rem; }
  .shz-tabs-card #reviews .form-submit input[type="submit"]{ font-size: 0.50rem; }
}






/* [إضافة — شازار] إخفاء سواتش الخيارات داخل بطاقات المتجر حتى الضغط على "تحديد الخيارات"
   لا تغييرات على الاستايل، فقط إظهار/إخفاء. يخص بطاقات المتجر فقط (ul.products li.product). */

/* مخفي افتراضيًا داخل بطاقات المتجر */
.woocommerce ul.products li.product .cfvsw-swatches-container{
  display: none !important;
}

/* عند إضافة الكلاس على البطاقة تُعرض السواتش */
.woocommerce ul.products li.product.shz-show-options .cfvsw-swatches-container{
  display: flex !important;
}
/* (جديدة) wc-block-grid: أخفِ السواتش حتى الضغط */
.wc-block-grid__products .wc-block-grid__product .cfvsw-swatches-container{
  display: none !important;
}
/* عند إضافة الكلاس على البطاقة تُعرض السواتش */
.wc-block-grid__products .wc-block-grid__product.shz-show-options .cfvsw-swatches-container{
  display: flex !important;
}

/* (اختياري وآمن) إن كان يوجد form.cart داخل البطاقة (بعض ملحقات السواتش تُولّده) */
.woocommerce ul.products li.product:not(.shz-show-options) form.cart{
  display: none;
}
.woocommerce ul.products li.product.shz-show-options form.cart{
  display: block;
}

/* (اختياري) دعم form.cart داخل بطاقات wc-block-grid */
.wc-block-grid__products .wc-block-grid__product:not(.shz-show-options) form.cart{ display:none; }
.wc-block-grid__products .wc-block-grid__product.shz-show-options form.cart{ display:block; }

















/* === SHZ: Elementor Featured / Lists — Final 1:1 Sync with Shop Cards === */

/* الوصف القصير داخل بطائق Elementor/Woo Blocks */
.elementor-widget-woocommerce-products ul.products li.product .woocommerce-product-details__short-description,
.elementor-widget-woocommerce-products ul.products li.product .product-short-description,
.wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-excerpt{
  color: var(--shz-text) !important;
  font-size: var(--card-fz) !important;
  line-height: 1.5 !important;
  margin: .35rem 0 .5rem !important;
  text-align: center !important;
}

/* العنوان + السعر — نفس لون/وزن/مسافات بطائق المتجر */
.elementor-widget-woocommerce-products ul.products li.product .woocommerce-loop-product__title{
  color: var(--shz-text) !important;
  margin: .35rem 0 .35rem !important;
  line-height: 1.25 !important;
}
.elementor-widget-woocommerce-products ul.products li.product .price,
.wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-price{
  color: var(--shz-text) !important;
  font-weight: 700 !important;
  margin-top: .5rem !important;
}

/* الأزرار (إضافة للسلة/تحديد الخيارات) — شفافة بإطار 2px وزوايا شازار */
.elementor-widget-woocommerce-products ul.products li.product a.button,
.elementor-widget-woocommerce-products ul.products li.product .add_to_cart_button,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link{
  background: transparent !important;
  color: var(--shz-btn) !important;
  border: 2px solid var(--shz-btn) !important;
  border-radius: var(--shz-radius) !important;
  font-weight: 800 !important;
  padding: .55rem .9rem !important;
  box-shadow: none !important;
  outline: none !important;
}
.elementor-widget-woocommerce-products ul.products li.product a.button:hover,
.elementor-widget-woocommerce-products ul.products li.product .add_to_cart_button:hover,
.elementor-widget-woocommerce-products ul.products li.product a.button:active,
.elementor-widget-woocommerce-products ul.products li.product a.button:focus-visible,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:hover,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:active,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:focus-visible{
  color: var(--shz-btn-active) !important;
  border-color: var(--shz-btn-active) !important;
  box-shadow: 0 0 0 4px var(--shz-glow) !important;
}

/* أزرار/قلوب الرغبات في بطائق Elementor — نفس نمط الأزرار */
.elementor-widget-woocommerce-products ul.products li.product .shz-wl-heart,
.elementor-widget-woocommerce-products ul.products li.product .shz-wl-btn--loop{
  background: transparent !important;
  color: var(--shz-btn) !important;
  border: 2px solid var(--shz-btn) !important;
  border-radius: var(--shz-radius) !important;
  font-weight: 800 !important;
  padding: .4rem .7rem !important;
  box-shadow: none !important;
}
/* أزرار الرغبات (النصّية) في بطائق Elementor — لا يشمل قلب الأوفرلاي */
.elementor-widget-woocommerce-products ul.products li.product .shz-wl-btn--loop{
  background: transparent !important;
  color: var(--shz-btn) !important;
  border: 2px solid var(--shz-btn) !important;
  border-radius: var(--shz-radius) !important;
  font-weight: 800 !important;
  padding: .4rem .7rem !important;
  box-shadow: none !important;
}
.elementor-widget-woocommerce-products ul.products li.product .shz-wl-btn--loop:hover,
.elementor-widget-woocommerce-products ul.products li.product .shz-wl-btn--loop:focus-visible{
  color: var(--shz-btn-active) !important;
  border-color: var(--shz-btn-active) !important;
  box-shadow: 0 0 0 4px var(--shz-glow) !important;
}


/* فجوات الشبكة داخل ويدجت Elementor — مطابقة لفجوات المتجر */
.elementor-widget-woocommerce-products ul.products{
  gap: var(--shz-gap, 18px) !important;
}








/* SHZ — نَقل قلب الرغبات يسارًا على الكمبيوتر فقط */
@media (min-width: 1024px){
  /* مقدار الإزاحة – عدّل القيمة لو رغبت (px-) */
  :root{ --shz-heart-desktop-nudge-x: -60px; }

  /* الغلاف الخاص بقلب الرغبات داخل بطائق القوائم */
  .shz-wl-heart--loop{
    /* لا نلمس المواضع المطلقة/الحواف الحالية؛ نستخدم translate فقط */
    translate: var(--shz-heart-desktop-nudge-x) 0;
  }
}



/* أخفِ بانر أسترا الأصلي وابقِ شازار */
body.search section.ast-archive-entry-banner:not(.shz-search-hero){
  display: none !important;
}