/* ===========================================================
   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;   /* مسافة أعلى الكمية */
  --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: 'Tajawal', sans-serif;
}

/* تخصيصات سياق صفحة المنتجات فقط */
body.shz-product-skin{ font-family: var(--shz-font, 'Tajawal', 'Fredoka',
                         system-ui, -apple-system,
                         BlinkMacSystemFont, 'Segoe UI', sans-serif) !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); }

/* ===============[ 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; }




/* ===============[ 5-A ) Quantity Plus/Minus — Fix + Horizontal Control ]================ */
/* حاوية الكمية: نمنع أي float ونضيف متغيرات تحكم */
.woocommerce .quantity.buttons_added{
  /* حجم الأزرار والخط */
  --shz-qtypm-size: 44px;
  --shz-qtypm-fz: 24px;

  /* التحكم بالمسافة الأساسية بين ( - / input / + ) */
  --shz-qtypm-gap: 1px;

  /* التحكم الدقيق بموقع كل زر بالنسبة لحقل الكمية (قيم سالبة = أقرب) */
  --shz-qtypm-minus-nudge: -5px; /* مسافة بعد زر السالب (بينه وبين input) */
  --shz-qtypm-plus-nudge:  -2px; /* مسافة قبل زر الموجب (بينه وبين input) */

  display: inline-flex !important;
  align-items: center !important;
  gap: var(--shz-qtypm-gap) !important;
}

/* منع أي float/هوامش افتراضية تسبب الانزياح */
.woocommerce .quantity.buttons_added .minus,
.woocommerce .quantity.buttons_added .plus,
.woocommerce .quantity.buttons_added input.qty{
  float: none !important;
  margin: 0 !important;
}

/* نَدْج (تحريك) أفقي عبر margin منطقية (تشتغل صح مع RTL/LTR) */
.woocommerce .quantity.buttons_added .minus{
  margin-inline-end: var(--shz-qtypm-minus-nudge) !important;
}
.woocommerce .quantity.buttons_added .plus{
  margin-inline-start: var(--shz-qtypm-plus-nudge) !important;
}

/* ستايل الأزرار (a/button) */
.woocommerce .quantity.buttons_added a.minus,
.woocommerce .quantity.buttons_added a.plus,
.woocommerce .quantity.buttons_added button.minus,
.woocommerce .quantity.buttons_added button.plus{
  -webkit-appearance: none;
  appearance: none;

  width: var(--shz-qtypm-size);
  height: var(--shz-qtypm-size);
  min-width: var(--shz-qtypm-size);
  min-height: var(--shz-qtypm-size);

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

  /* إزالة الإطار تمامًا */
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;

  background: transparent !important;
  color: var(--shz-text, #084F5D) !important;

  font-size: var(--shz-qtypm-fz) !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  padding: 0 !important;
  text-decoration: none !important;

  border-radius: var(--shz-radius, 14px) !important;
  cursor: pointer;
  user-select: none;

  transition: color .18s ease, transform .12s ease, box-shadow .18s ease;
}

.woocommerce .quantity.buttons_added a.minus:hover,
.woocommerce .quantity.buttons_added a.plus:hover,
.woocommerce .quantity.buttons_added button.minus:hover,
.woocommerce .quantity.buttons_added button.plus:hover{
  color: var(--shz-btn-active, #B2905F) !important;
  transform: translateY(-1px);
}

.woocommerce .quantity.buttons_added a.minus:active,
.woocommerce .quantity.buttons_added a.plus:active,
.woocommerce .quantity.buttons_added button.minus:active,
.woocommerce .quantity.buttons_added button.plus:active{
  transform: translateY(1px);
}

.woocommerce .quantity.buttons_added a.minus:focus-visible,
.woocommerce .quantity.buttons_added a.plus:focus-visible,
.woocommerce .quantity.buttons_added button.minus:focus-visible,
.woocommerce .quantity.buttons_added button.plus:focus-visible{
  color: var(--shz-btn-active, #B2905F) !important;
  box-shadow: 0 0 0 3px rgba(8,79,93,.18) !important;
}





/* جدول التباينات */
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);
}


/* ===============[ 11-A) تثبيت زر (إضافة إلى السلة) أسفل كرت المنتج دائماً ]================
   الهدف: يظل الزر ملاصقاً لأسفل الكرت في كل القوائم (متجر/مرتبط/Up-sells/Cross-sells/Elementor/Woo Blocks)
   بدون أن يتأثر بطول اسم المنتج أو السعر — متوافق موبايل + كمبيوتر.
*/

/* اجعل حاويات الشبكة تسمح بالتمدد لتوحيد ارتفاع الكروت داخل الصف (إن كان الثيم يستخدم flex/grid) */
body.shz-product-skin ul.products,
body.shz-product-skin .related ul.products,
body.shz-product-skin .upsells ul.products,
body.shz-product-skin .cross-sells ul.products,
body.shz-product-skin .woocommerce ul.products,
.shz-product-skin .woocommerce ul.products,
.elementor-widget-woocommerce-products ul.products,
.wc-block-grid__products{
  align-items: stretch;
}

/* حوّل الكرت إلى Flex Column ليكون لدينا "أسفل" ثابت للزر */
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,
body.shz-product-skin .cross-sells ul.products li.product,
body.shz-product-skin .woocommerce ul.products li.product,
.shz-product-skin .woocommerce ul.products li.product,
.elementor-widget-woocommerce-products ul.products li.product,
.wc-block-grid__products .wc-block-grid__product{
  display: flex !important;
  flex-direction: column;
  height: 100%;
}

/* Astra: اجعل الملخص يتمدد ويعمل كعمود مستقل */
body.shz-product-skin ul.products li.product .astra-shop-summary-wrap,
body.shz-product-skin .related ul.products li.product .astra-shop-summary-wrap,
body.shz-product-skin .upsells ul.products li.product .astra-shop-summary-wrap,
body.shz-product-skin .cross-sells ul.products li.product .astra-shop-summary-wrap,
.shz-product-skin .woocommerce ul.products li.product .astra-shop-summary-wrap,
.elementor-widget-woocommerce-products ul.products li.product .astra-shop-summary-wrap{
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
}

/* Woo القياسي: الرابط (الصورة+العنوان+السعر) يتمدد ليترك مساحة للزر بالأسفل */
body.shz-product-skin ul.products li.product > a.woocommerce-LoopProduct-link,
body.shz-product-skin ul.products li.product > a.woocommerce-loop-product__link,
body.shz-product-skin .related ul.products li.product > a.woocommerce-LoopProduct-link,
body.shz-product-skin .upsells ul.products li.product > a.woocommerce-LoopProduct-link,
body.shz-product-skin .cross-sells ul.products li.product > a.woocommerce-LoopProduct-link{
  flex: 1 1 auto;
  min-height: 0;
}

/* اجعل زر الإضافة دائماً آخر عنصر ويلتصق بالأسفل */
body.shz-product-skin ul.products li.product .astra-shop-summary-wrap a.button,
body.shz-product-skin ul.products li.product .astra-shop-summary-wrap .add_to_cart_button,
body.shz-product-skin ul.products li.product .astra-shop-summary-wrap .ast-on-card-button.ast-select-options-trigger,
body.shz-product-skin .related ul.products li.product .astra-shop-summary-wrap a.button,
body.shz-product-skin .related ul.products li.product .astra-shop-summary-wrap .add_to_cart_button,
body.shz-product-skin .related ul.products li.product .astra-shop-summary-wrap .ast-on-card-button.ast-select-options-trigger,
body.shz-product-skin .upsells ul.products li.product .astra-shop-summary-wrap a.button,
body.shz-product-skin .upsells ul.products li.product .astra-shop-summary-wrap .add_to_cart_button,
body.shz-product-skin .upsells ul.products li.product .astra-shop-summary-wrap .ast-on-card-button.ast-select-options-trigger,
body.shz-product-skin .cross-sells ul.products li.product .astra-shop-summary-wrap a.button,
body.shz-product-skin .cross-sells ul.products li.product .astra-shop-summary-wrap .add_to_cart_button,
body.shz-product-skin .cross-sells ul.products li.product .astra-shop-summary-wrap .ast-on-card-button.ast-select-options-trigger,
.elementor-widget-woocommerce-products ul.products li.product a.button,
.elementor-widget-woocommerce-products ul.products li.product .add_to_cart_button{
  margin-top: auto !important;
}

/* Woo القياسي: الزر يكون Child مباشر للكرت */
body.shz-product-skin ul.products li.product > a.button,
body.shz-product-skin ul.products li.product > a.add_to_cart_button,
body.shz-product-skin ul.products li.product > a.ajax_add_to_cart,
body.shz-product-skin .related ul.products li.product > a.button,
body.shz-product-skin .upsells ul.products li.product > a.button,
body.shz-product-skin .cross-sells ul.products li.product > a.button{
  margin-top: auto !important;
}

/* Woo Blocks: ادفع زر الإضافة لأسفل */
.wc-block-grid__products .wc-block-grid__product{
  display: flex;
  flex-direction: column;
  height: 100%;
}
.wc-block-grid__products .wc-block-grid__product .wp-block-button{
  margin-top: auto !important;
}
/* ===============[ 11-B) تثبيت حجم كرت المنتج (ارتفاع موحّد لكل المنتجات) ]================
   الهدف: كل المنتجات بنفس حجم الكرت بغض النظر عن طول الاسم/السعر أو وجود خصم/تقييم.
   - تثبيت ارتفاع الكرت عبر متغيرات مرنة (Clamp) حسب حجم الشاشة
   - تثبيت نسبة صورة الكرت
   - قص عنوان المنتج لعدد أسطر ثابت + حجز مساحة للسعر
*/

body.shz-product-skin{
  /* ارتفاع موحّد للكرت (يتغير فقط حسب حجم الشاشة وليس حسب محتوى المنتج) */
  --shz-card-h: clamp(460px, 32vw, 560px);
  --shz-card-h-mobile: clamp(340px, 74vw, 430px);

  /* نسبة صورة الكرت (عدّلها لو تحب: 4 / 5 أو 3 / 4) */
  --shz-card-img-ratio: 1 / 1;

  /* العنوان: عدد أسطر ثابت */
  --shz-card-title-lines: 2;
  --shz-card-title-lh: 1.25;

  /* السعر: حجز مساحة ثابتة */
  --shz-card-price-min: 1.6em;

  /* تقدير ارتفاع زر الإضافة لاستخدامه في تموضع سواتش الخيارات (إن وُجدت) */
  --shz-card-btn-h: 46px;
  --shz-card-actions-gap: 8px;
}

@media (max-width: 768px){
  body.shz-product-skin{
    --shz-card-h: var(--shz-card-h-mobile);
  }
}

/* تطبيق ارتفاع موحّد لكل أماكن بطاقات المنتجات */
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,
body.shz-product-skin .cross-sells ul.products li.product,
body.shz-product-skin .woocommerce ul.products li.product,
body.shz-product-skin .elementor-widget-woocommerce-products ul.products li.product,
body.shz-product-skin .wc-block-grid__products .wc-block-grid__product{
  height: var(--shz-card-h);
  position: relative; /* لدعم أي عناصر Overlay داخل الكرت */
}

/* تثبيت نسبة صورة الكرت (حتى لو كانت الصور بأبعاد مختلفة) */
body.shz-product-skin ul.products li.product img.attachment-woocommerce_thumbnail,
body.shz-product-skin ul.products li.product img.size-woocommerce_thumbnail,
body.shz-product-skin ul.products li.product img.wp-post-image,
body.shz-product-skin ul.products li.product img.woocommerce-placeholder,
body.shz-product-skin .elementor-widget-woocommerce-products ul.products li.product img.attachment-woocommerce_thumbnail,
body.shz-product-skin .elementor-widget-woocommerce-products ul.products li.product img.size-woocommerce_thumbnail,
body.shz-product-skin .elementor-widget-woocommerce-products ul.products li.product img.wp-post-image,
body.shz-product-skin .elementor-widget-woocommerce-products ul.products li.product img.woocommerce-placeholder,
body.shz-product-skin .wc-block-grid__products .wc-block-grid__product img{
  aspect-ratio: var(--shz-card-img-ratio);
  object-fit: cover;
}

/* قص عنوان المنتج لعدد أسطر ثابت لمنع تمدد الكرت */
body.shz-product-skin ul.products li.product .woocommerce-loop-product__title,
body.shz-product-skin .elementor-widget-woocommerce-products ul.products li.product .woocommerce-loop-product__title,
body.shz-product-skin .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title{
  line-height: var(--shz-card-title-lh) !important;
  min-height: calc(var(--shz-card-title-lines) * var(--shz-card-title-lh) * 1em);
  display: -webkit-box;
  -webkit-line-clamp: var(--shz-card-title-lines);
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-top: .35rem !important;
}

/* قص الوصف القصير (إن وُجد) لمنع تمدد الكرت */
body.shz-product-skin ul.products li.product .woocommerce-product-details__short-description,
body.shz-product-skin ul.products li.product .product-short-description,
body.shz-product-skin .elementor-widget-woocommerce-products ul.products li.product .woocommerce-product-details__short-description,
body.shz-product-skin .elementor-widget-woocommerce-products ul.products li.product .product-short-description,
body.shz-product-skin .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-excerpt{
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: .35rem;
}

/* حجز مساحة للسعر لمنع تغيير الارتفاع بين (خصم/بدون خصم) */
body.shz-product-skin ul.products li.product .price,
body.shz-product-skin .elementor-widget-woocommerce-products ul.products li.product .price,
body.shz-product-skin .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-price{
  min-height: var(--shz-card-price-min);
}

/* ===============[ 11-B-2) سواتش الخيارات Overlay (إن وُجدت) ]================
   حتى عند إظهار السواتش لا يتغير ارتفاع الكرت (تظهر فوق المحتوى).
*/
body.shz-product-skin .woocommerce ul.products li.product .cfvsw-swatches-container,
body.shz-product-skin .elementor-widget-woocommerce-products ul.products li.product .cfvsw-swatches-container,
body.shz-product-skin .wc-block-grid__products .wc-block-grid__product .cfvsw-swatches-container{
  display: none !important; /* الوضع الافتراضي */
  position: absolute;
  inset-inline: var(--card-pad);
  bottom: calc(var(--card-pad) + var(--shz-card-btn-h) + var(--shz-card-actions-gap));
  z-index: 6;
  padding: .28rem .35rem;
  background: rgba(242,219,173,.58);
  border: 1.5px solid rgba(8,79,93,.22);
  border-radius: var(--shz-radius);
  box-shadow: none;
  backdrop-filter: none;
  max-height: 148px;
  overflow: auto;
  scrollbar-width: thin;
  -webkit-overflow-scrolling: touch;
}
body.shz-product-skin .woocommerce ul.products li.product.shz-show-options .cfvsw-swatches-container,
body.shz-product-skin .elementor-widget-woocommerce-products ul.products li.product.shz-show-options .cfvsw-swatches-container,
body.shz-product-skin .wc-block-grid__products .wc-block-grid__product.shz-show-options .cfvsw-swatches-container{
  display: flex !important;
}

/* 11-B-2 refinements: خيارات متوسطة داخل كرت المنتج (بدون خلفية بيضاء وبأزرار مناسبة للحجم) */
body.shz-product-skin ul.products li.product.shz-show-options .cfvsw-swatches-container,
body.shz-product-skin .elementor-widget-woocommerce-products ul.products li.product.shz-show-options .cfvsw-swatches-container,
body.shz-product-skin .wc-block-grid__products .wc-block-grid__product.shz-show-options .cfvsw-swatches-container{
  --swatch-h: 32px;
  --swatch-fz: 11px;
  --swatch-fw: 700;
  --swatch-px: .65rem;
  --swatch-gap: 6px;
}
@media (max-width:480px){
  body.shz-product-skin ul.products li.product.shz-show-options .cfvsw-swatches-container,
  body.shz-product-skin .elementor-widget-woocommerce-products ul.products li.product.shz-show-options .cfvsw-swatches-container,
  body.shz-product-skin .wc-block-grid__products .wc-block-grid__product.shz-show-options .cfvsw-swatches-container{
    --swatch-h: 30px;
    --swatch-fz: 10px;
    --swatch-px: .55rem;
    --swatch-gap: 5px;
  }
}
body.shz-product-skin ul.products li.product.shz-show-options .cfvsw-swatches-option.cfvsw-label-option,
body.shz-product-skin .elementor-widget-woocommerce-products ul.products li.product.shz-show-options .cfvsw-swatches-option.cfvsw-label-option,
body.shz-product-skin .wc-block-grid__products .wc-block-grid__product.shz-show-options .cfvsw-swatches-option.cfvsw-label-option{
  border-radius: var(--shz-radius) !important;
  background: transparent !important;
}
body.shz-product-skin ul.products li.product.shz-show-options .cfvsw-swatches-option.cfvsw-label-option .cfvsw-swatch-inner,
body.shz-product-skin .elementor-widget-woocommerce-products ul.products li.product.shz-show-options .cfvsw-swatches-option.cfvsw-label-option .cfvsw-swatch-inner,
body.shz-product-skin .wc-block-grid__products .wc-block-grid__product.shz-show-options .cfvsw-swatches-option.cfvsw-label-option .cfvsw-swatch-inner{
  background: transparent !important;
}






/* ===============[ 11-B-3) إخفاء خانات الخيارات داخل كروت المنتجات في أرشيف المتجر ]================
   الهدف: لا تظهر أي dropdown/swatch/variations داخل الكرت في صفحات (المتجر/التصنيفات/الوسوم/الأرشيف)
   لأن اختيار الخيارات سيتم فقط عبر المودال في وسط الشاشة.
*/
body.woocommerce.archive ul.products li.product form.variations_form,
body.woocommerce.archive ul.products li.product .variations,
body.woocommerce.archive ul.products li.product table.variations,
body.woocommerce.archive ul.products li.product .single_variation_wrap,
body.woocommerce.archive ul.products li.product .reset_variations,
body.woocommerce.archive ul.products li.product .cfvsw-swatches-container,
body.woocommerce.archive ul.products li.product .cfvsw_variations_form,
body.woocommerce.archive ul.products li.product .cfvsw-selected-label,

/* Woo Blocks */
body.woocommerce.archive .wc-block-grid__products .wc-block-grid__product form.variations_form,
body.woocommerce.archive .wc-block-grid__products .wc-block-grid__product .variations,
body.woocommerce.archive .wc-block-grid__products .wc-block-grid__product table.variations,
body.woocommerce.archive .wc-block-grid__products .wc-block-grid__product .single_variation_wrap,
body.woocommerce.archive .wc-block-grid__products .wc-block-grid__product .reset_variations,
body.woocommerce.archive .wc-block-grid__products .wc-block-grid__product .cfvsw-swatches-container,
body.woocommerce.archive .wc-block-grid__products .wc-block-grid__product .cfvsw_variations_form,
body.woocommerce.archive .wc-block-grid__products .wc-block-grid__product .cfvsw-selected-label{
  display: none !important;
}

/* ===============[ 11-C) نافذة خيارات المنتج المتعدد (Modal) داخل الكرت ]================*/
body.shz-ps-modal-open{
  overflow: hidden !important;
}

#shz-ps-var-modal{
  display: none;
  position: fixed;
  inset: 0;
  z-index: 999999;
}
#shz-ps-var-modal.is-open{
  display: block;
}
#shz-ps-var-modal .shz-ps-var-modal__overlay{
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.55);
}

#shz-ps-var-modal .shz-ps-var-modal__panel{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: min(92vw, 560px);
  max-height: min(86vh, 720px);
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  background: var(--shz-bg, #fff);
  color: var(--shz-text, #084F5D);
  border: 2px solid var(--shz-border, #084F5D);
  border-radius: var(--shz-radius, 14px);
  background-radius: var(--shz-radius, 14px);
  box-shadow: 0 18px 60px rgba(0,0,0,.18);
  padding: 14px;
  direction: rtl;
  font-family: Tajawal,sans-serif;
}
/* تكبير صورة النوع (Lightbox) */
body.shz-ps-zoom-open{
  overflow: hidden !important;
}

#shz-ps-var-zoom{
  display: none;
  position: fixed;
  inset: 0;
  z-index: 1000000;
}
#shz-ps-var-zoom.is-open{
  display: block;
}
#shz-ps-var-zoom .shz-ps-var-zoom__overlay{
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.75);
}
#shz-ps-var-zoom .shz-ps-var-zoom__panel{
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px;
}
#shz-ps-var-zoom .shz-ps-var-zoom__img{
  max-width: min(96vw, 1200px);
  max-height: 88vh;
  width: auto;
  height: auto;
  border-radius: var(--shz-radius, 14px);
  border: 2px solid var(--shz-border, #084F5D);
  background: var(--shz-bg, #fff);
  object-fit: contain;
}
#shz-ps-var-zoom .shz-ps-var-zoom__close{
  position: absolute;
  top: 14px;
  right: 14px;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  border: 1.5px solid rgba(255,255,255,.7);
  background: rgba(0,0,0,.35);
  color: #fff;
  font-size: 17px;
  font-weight: 900;
  line-height: 1;
  display: grid;
  place-items: center;
   aspect-ratio: 1 / 1 !important; 
  padding: 0 !important; 
  display: grid !important;
  place-items: center!important;
  border-radius: 50% !important;
  text-align: center !important;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  border: 1.5px solid var(--shz-border, #084F5D);
  background:transparent;
  color: var(--shz-text, #084F5D);
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 60;
}
#shz-ps-var-zoom .shz-ps-var-zoom__close:hover,
#shz-ps-var-zoom .shz-ps-var-zoom__close:focus-visible{
  outline: none;
  border-color: var(--shz-btn-active, #B2905F);
  box-shadow: 0 0 0 3px rgba(178,144,95,.18);
}


#shz-ps-var-modal .shz-ps-var-modal__header{
  position: sticky;
  top: 0;
  z-index: 20;
  display: flex;
  justify-content: flex-end;
  padding: 0 0 30px 0;
  background:transparent;
}

#shz-ps-var-modal .shz-ps-var-modal__close{
  position: absolute;
  top: -5px!important;     
  right: -5px!important; 
  width: 28px!important;  
  height: 28px !important; 
  aspect-ratio: 1 / 1 !important; 
  padding: 0 !important; 
  display: grid !important;
  place-items: center!important;
  border-radius: 50% !important;
  text-align: center !important;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  z-index: 30;
  border: 1.5px solid var(--shz-border, #084F5D);
  background:transparent;
  color: var(--shz-text, #084F5D);
  font-size: 14px!important;
  font-weight: 900;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 60;
  
}

#shz-ps-var-modal .shz-ps-var-modal__close:hover,
#shz-ps-var-modal .shz-ps-var-modal__close:focus-visible{
  border-color: var(--shz-btn-active, #B2905F);
  color: var(--shz-btn-active, #B2905F);
  outline: none;
  box-shadow: 0 0 0 3px rgba(178,144,95,.18);
}


#shz-ps-var-modal .shz-ps-var-modal__title{
  margin: -4px 0 1px 0;     /* رفع للأعلى */
  padding: 4px 4px 14px 4px ;          /* مساحة حتى لا يتداخل مع زر الإغلاق */
  text-align: center;
  font-weight: 800;
  font-size: .58rem;        /* أصغر */
  line-height: 1.35;
}

#shz-ps-var-modal .shz-ps-var-modal__thumbs{
  --shz-var-thumb: clamp(94px, 15vw, 104px);
  display: flex;
  flex-wrap: nowrap;              /* مهم: لا التفاف عمودي */
  justify-content: flex-start;
  gap: 4px;
  margin: 0 auto 12px;
  padding: 0 12px;
  overflow-x: auto;               /* تمرير أفقي عند زيادة الصور */
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
}

#shz-ps-var-modal .shz-ps-var-modal__thumbItem{
  width: var(--shz-var-thumb);
  height: var(--shz-var-thumb);
  position: relative;
  flex: 0 0 auto;
}

#shz-ps-var-modal .shz-ps-var-modal__thumb{
  width: 100%;
  height: 100%;
  padding: 0;
  border-radius: 14px;            /* زوايا 6px */
  overflow: hidden;
  border: 1.5px solid var(--shz-border, #084F5D);
  background: transparent;
  cursor: pointer;
  opacity: .55;
  transition: transform .15s ease, opacity .15s ease, border-color .15s ease, box-shadow .15s ease;
  -webkit-tap-highlight-color: transparent;
}

#shz-ps-var-modal .shz-ps-var-modal__thumb img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
#shz-ps-var-modal .shz-ps-var-modal__thumbZoom{
  position: absolute;
  top: 2px;
  left: 2px;
  width: 22px;
  height: 22px;
  padding: 0;
  display: grid;
  border: none;
  place-items: center;
  cursor: pointer;
  z-index: 2;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}
#shz-ps-var-modal .shz-ps-var-modal__thumbZoom::before{
  content: "🔍";
  font-size: 9px;
  line-height: 1;
}
#shz-ps-var-modal .shz-ps-var-modal__thumbZoom:hover,
#shz-ps-var-modal .shz-ps-var-modal__thumbZoom:focus-visible{
  outline: none;
  box-shadow: 0 0 0 3px rgba(178,144,95,.18);
}
#shz-ps-var-modal .shz-ps-var-modal__thumbZoom.is-disabled{
  opacity: .25;
  cursor: not-allowed;
}

#shz-ps-var-modal .shz-ps-var-modal__thumb:hover{
  opacity: .85;
  transform: translateY(-1px);
}

#shz-ps-var-modal .shz-ps-var-modal__thumb.is-active{
  opacity: 1; /* تظهر بوضوح عند اختيار النوع */
  border: 2px solid var(--shz-btn-active, #B2905F);
  box-shadow: 0 0 0 3px rgba(178,144,95,.18);
  transform: translateY(0px);

  
}

#shz-ps-var-modal .shz-ps-var-modal__thumb.is-disabled{
  opacity: .22;
  filter: grayscale(1);
  cursor: not-allowed;
}


#shz-ps-var-modal .shz-ps-var-modal__loading{
  padding: 22px 10px;
  text-align: center;
  opacity: .9;
}


/* داخل المودال: توسيط المحتوى بالكامل + ضبط عرض الحقول/الأزرار */
#shz-ps-var-modal .shz-ps-var-modal__content,
#shz-ps-var-modal .shz-ps-var-modal__head,
#shz-ps-var-modal .shz-ps-var-modal__body{
  text-align: center;
}
#shz-ps-var-modal form.cart,
#shz-ps-var-modal form.variations_form{
  display: flex;
  flex-direction: column;
  align-items: center;
}
#shz-ps-var-modal table.variations{
  width: 100%;
  max-width: 170px;
  margin: 0 auto;
  border: none;
  align-items: center;
}
#shz-ps-var-modal table.variations th,
#shz-ps-var-modal table.variations td{
  text-align: center;
}
#shz-ps-var-modal table.variations select{
  width: min(170px, 100%) ;
  margin-inline: auto;
   text-align: center;

}
#shz-ps-var-modal .single_variation_wrap{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
#shz-ps-var-modal .quantity{
  margin-inline: auto;
  padding: 10px;
}

/* تكبير أزرار +/- داخل المودال فقط + بدون إطار + ألوان شازار */
#shz-ps-var-modal .quantity.buttons_added{
  --shz-qtypm-size: clamp(48px, 12vw, 58px);
  --shz-qtypm-fz: clamp(24px, 7vw, 36px);
  --shz-qtypm-minus-nudge: -4px;
  --shz-qtypm-plus-nudge:  -2px;
}

#shz-ps-var-modal .quantity.buttons_added a.minus,
#shz-ps-var-modal .quantity.buttons_added a.plus,
#shz-ps-var-modal .quantity.buttons_added button.minus,
#shz-ps-var-modal .quantity.buttons_added button.plus{
  border: 0 !important;             
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
  color: var(--shz-btn, #084F5D) !important; 
  border-radius: 6px !important;
  text-decoration: none !important;
}

#shz-ps-var-modal .quantity.buttons_added a.minus:hover,
#shz-ps-var-modal .quantity.buttons_added a.plus:hover,
#shz-ps-var-modal .quantity.buttons_added button.minus:hover,
#shz-ps-var-modal .quantity.buttons_added button.plus:hover{
  color: var(--shz-btn-active, #B2905F) !important;
}

#shz-ps-var-modal .quantity.buttons_added a.minus:active,
#shz-ps-var-modal .quantity.buttons_added a.plus:active,
#shz-ps-var-modal .quantity.buttons_added button.minus:active,
#shz-ps-var-modal .quantity.buttons_added button.plus:active{
  color: var(--shz-btn-active, #B2905F) !important;
}

#shz-ps-var-modal .quantity.buttons_added a.minus:focus-visible,
#shz-ps-var-modal .quantity.buttons_added a.plus:focus-visible,
#shz-ps-var-modal .quantity.buttons_added button.minus:focus-visible,
#shz-ps-var-modal .quantity.buttons_added button.plus:focus-visible{
  color: var(--shz-btn-active, #B2905F) !important;
  box-shadow: 0 0 0 3px rgba(8,79,93,.18) !important;
}



/* تكبير أزرار +/- وإزالة الإطار تمامًا */
.shz-ps-var-modal__panel .quantity.buttons_added > a.minus,
.shz-ps-var-modal__panel .quantity.buttons_added > a.plus{
  width: 48px;
  height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  color: var(--shz-btn) !important;
  font-size: 24px;
  line-height: 1;
  font-weight: 900;
  border-radius: var(--shz-radius);
  text-decoration: none !important;

  transition: color .15s ease, background .15s ease, transform .05s ease, box-shadow .15s ease;
  -webkit-tap-highlight-color: transparent;
  user-select: none;
}

.shz-ps-var-modal__panel .quantity.buttons_added > a.minus:hover,
.shz-ps-var-modal__panel .quantity.buttons_added > a.plus:hover{
  color: var(--shz-btn-active) !important;
  background: rgba(8,79,93,.06) !important;
}

.shz-ps-var-modal__panel .quantity.buttons_added > a.minus:active,
.shz-ps-var-modal__panel .quantity.buttons_added > a.plus:active{
  transform: scale(.96);
}

.shz-ps-var-modal__panel .quantity.buttons_added > a.minus:focus-visible,
.shz-ps-var-modal__panel .quantity.buttons_added > a.plus:focus-visible{
  box-shadow: 0 0 0 3px rgba(8,79,93,.18) !important;
}


/* إطار الكمية: 2px + زوايا 6px */
#shz-ps-var-modal .quantity.buttons_added input.qty,
#shz-ps-var-modal .quantity input.qty{
  border: 2px solid var(--shz-border, #084F5D) !important;
  border-radius: 8px ;
  background:transparent;
  color: var(--shz-text, #084F5D) !important;
  
}


/* زر الإضافة داخل المودال — نفس ستايل شازار (Outline) + عرض أصغر */
#shz-ps-var-modal button.single_add_to_cart_button,
#shz-ps-var-modal button.button.single_add_to_cart_button{
  width: clamp(20px, 78%, 34px) !important; /* تصغير العرض */
  max-width: 100%;
  margin-inline: auto !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: .4rem;

  border-radius: var(--shz-radius, 14px) !important;
  border: 20px solid var(--shz-btn, #084F5D) !important;
  background: transparent !important;
  color: var(--shz-btn, #084F5D) !important;

  font-weight: 900;
  padding: .72rem 1rem;
  line-height: 1;
  box-shadow: none !important;
  text-decoration: none !important;
}

#shz-ps-var-modal button.single_add_to_cart_button:hover,
#shz-ps-var-modal button.button.single_add_to_cart_button:hover{
  border-color: var(--shz-btn-active, #B2905F) !important;
  color: var(--shz-btn-active, #B2905F) !important;
}

#shz-ps-var-modal button.single_add_to_cart_button:focus-visible,
#shz-ps-var-modal button.button.single_add_to_cart_button:focus-visible{
  outline: none;
  border-color: var(--shz-btn-active, #B2905F) !important;
  color: var(--shz-btn-active, #B2905F) !important;
  box-shadow: 0 0 0 3px rgba(178,144,95,.18) !important;
}

#shz-ps-var-modal button.single_add_to_cart_button.disabled,
#shz-ps-var-modal button.button.single_add_to_cart_button.disabled,
#shz-ps-var-modal button.single_add_to_cart_button:disabled,
#shz-ps-var-modal button.button.single_add_to_cart_button:disabled,
#shz-ps-var-modal button.single_add_to_cart_button[disabled],
#shz-ps-var-modal button.button.single_add_to_cart_button[disabled]{
  opacity: .55;
  cursor: not-allowed !important;
}


/* داخل المودال: فورم المتغيرات */
#shz-ps-var-modal table.variations{ width: 100%; border-collapse: collapse; }
#shz-ps-var-modal table.variations,
#shz-ps-var-modal table.variations tbody{
  display: block;
}
#shz-ps-var-modal table.variations tr{
  display: flex;
  flex-direction: column;     /* label فوق select */
  align-items: center;
  gap: 6px;
  padding: 8px 0;
}
#shz-ps-var-modal table.variations th,
#shz-ps-var-modal table.variations td{
  display: block;
  width: 100%;
  padding: 0;
  vertical-align: top;
  border: 0 !important;       /* إزالة إطار الحاوية */
  background: transparent !important;
  text-align: center;
}
#shz-ps-var-modal table.variations th.label label{
  display: inline-block;
  font-weight: 800;
  font-size: .45rem;          /* تصغير بسيط */
  margin: 0 0 2px 0;
  opacity: .95;
}



#shz-ps-var-modal table.variations select{
  width: 100% !important;
  height: 46px;
  border: 1.5px solid var(--shz-border, #084F5D);
  border-radius: var(--shz-radius, 14px);
  padding: 0 12px;
  margin-bottom: 10px;
  background: transparent;
  color: var(--shz-text, #084F5D);
}

#shz-ps-var-modal table.variations select:focus{
  outline: none;
  box-shadow: 0 0 0 3px rgba(8,79,93,.18);
}

#shz-ps-var-modal .single_variation_wrap{ margin-top: 12px; }

/* زر الإضافة داخل المودال — نفس ستايل شازار (Outline) */
#shz-ps-var-modal button.single_add_to_cart_button,
#shz-ps-var-modal button.button.single_add_to_cart_button{
  width: 100% !important;
  border-radius: var(--shz-radius, 14px) !important;
  border: 2px solid var(--shz-btn, #084F5D) !important;
  background: transparent !important;
  color: var(--shz-btn, #084F5D) !important;
  font-weight: 900;
  padding: .75rem 1rem;
}
#shz-ps-var-modal button.single_add_to_cart_button:hover{
  border-color: var(--shz-btn-active, #B2905F) !important;
  color: var(--shz-btn-active, #B2905F) !important;
}

/* دعم سواتش (CFVSW) داخل المودال — حجم متوسط بدون خلفية */
#shz-ps-var-modal .cfvsw-swatches-container{
  position: static !important;
  display: flex !important;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px;
  padding: 0 !important;
  margin: 6px 0 0 0;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
#shz-ps-var-modal .cfvsw-swatches-option{
  min-height: 32px;
}
#shz-ps-var-modal .cfvsw-swatches-option.cfvsw-label-option{
  border-radius: var(--shz-radius, 14px) !important;
  border: 1.5px solid rgba(8,79,93,.25) !important;
  background: transparent !important;
}
#shz-ps-var-modal .cfvsw-swatches-option.cfvsw-label-option .cfvsw-swatch-inner{
  height: 32px !important;
  padding: 0 .7rem !important;
  font-size: 11px !important;
  font-weight: 800;
  background: transparent !important;
  color: inherit;
}


/* إشعارات Woo داخل المودال — نضمن أنها ليست fixed ولا تحجب زر الإغلاق */
#shz-ps-var-modal .woocommerce-notices-wrapper.shz-ps-var-modal__notices{
  position: static !important;
  inset: auto !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  bottom: auto !important;
  width: 100%;
  margin: 0 0 12px 0 !important;
  padding: 0 !important;
  z-index: 1;
}
#shz-ps-var-modal .shz-ps-var-modal__notices .woocommerce-message,
#shz-ps-var-modal .shz-ps-var-modal__notices .woocommerce-error,
#shz-ps-var-modal .shz-ps-var-modal__notices .woocommerce-info{
  margin: 0 !important;
  border-radius: var(--shz-radius, 14px);
  padding: .65rem .85rem;
  border: 1.5px solid rgba(8,79,93,.22);
  background: rgba(242,219,173,.35);
  color: var(--shz-text, #084F5D);
  text-align: center;
}
#shz-ps-var-modal .shz-ps-var-modal__notices .woocommerce-error{
  border-color: rgba(198,40,40,.30);
  background: rgba(198,40,40,.08);
  color: #c62828;
}
body.os-dark #shz-ps-var-modal .shz-ps-var-modal__notices .woocommerce-message,
body.os-dark #shz-ps-var-modal .shz-ps-var-modal__notices .woocommerce-error,
body.os-dark #shz-ps-var-modal .shz-ps-var-modal__notices .woocommerce-info{
  border-color: var(--os-dark-border, rgba(255,255,255,.14));
  background: rgba(255,255,255,.06);
  color: var(--os-dark-text, #e7f0f3);
}
body.os-dark #shz-ps-var-modal .shz-ps-var-modal__notices .woocommerce-error{
  border-color: rgba(198,40,40,.35);
  background: rgba(198,40,40,.12);
  color: #ffb4b4;
}
#shz-ps-var-modal .shz-ps-var-modal__notices a{
  color: inherit;
  text-decoration: underline;
}

body.shz-product-skin ul.products li.product .button{
  width:100%; text-align:center;
}
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;
}



@media (min-width: 1025px){
  #shz-ps-var-modal .shz-ps-var-modal__title{ font-size: .72rem; }
  #shz-ps-var-modal table.variations select{
  width: min(300px, 100%) !important;
}
#shz-ps-var-modal table.variations{
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
}
}
/* ===============[ 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{
  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 div.product form.cart .single_add_to_cart_button{
  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{
  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.shz-added,
body.shz-product-skin.single-product div.product form.cart .single_add_to_cart_button[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 div.product form.cart .single_add_to_cart_button.shz-added:hover,
body.shz-product-skin.single-product div.product form.cart .single_add_to_cart_button: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(.shz-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(.shz-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;
}


/* ===============[ 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.shz-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.shz-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 *,
.shz-product-skin .astra-shop-thumbnail-wrap .ast-on-card-button,
.shz-product-skin .astra-shop-thumbnail-wrap .ast-on-card-button * {
  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;
}





/* ===========================================================
   SHZ FIX: منع تداخل/تراكب نص زر "إضافة إلى السلة" في بعض أجهزة الجوال/الكمبيوتر
   السبب الأكثر شيوعًا: قيود ارتفاع/سطر/مرونة من القالب أو ملحقات الكرت تؤدي لتراكب السطور
   الحل: نسمح بالالتفاف الطبيعي للنص مع line-height آمن + نخفي Tooltip النصي إن وُجد داخل نفس الزر
   (محدود داخل أزرار أسفل الكرت فقط: .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{
  height: auto !important;
  min-height: 40px !important;
  line-height: 1.35 !important;

  white-space: normal !important;
  flex-wrap: wrap !important;
  text-align: center !important;
}

/* لو Astra/القالب يضيف عنصر Tooltip نصي داخل الزر، قد يظهر فوق النص الأساسي في بعض البيئات */
body.shz-product-skin .woocommerce ul.products li.product .astra-shop-summary-wrap .ast-card-action-tooltip,
.shz-product-skin .woocommerce ul.products li.product .astra-shop-summary-wrap .ast-card-action-tooltip{
  display: 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 summary + 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). */

/* (تم نقل قواعد السواتش إلى قسم 11-B-2 لتثبيت ارتفاع الكرت وعدم تغيّر الحجم) */
/* (اختياري وآمن) إن كان يوجد 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;
}





/* ===========================================================
   FIX: تداخل/تراكب نص زر "إضافة إلى السلة" في كروت المنتجات المرتبطة داخل صفحة المنتج
   يدعم: Related / Up-sells / Cross-sells + Elementor + Woo Blocks
   =========================================================== */

/* 1) ضبط الزر نفسه (ارتفاع + التفاف النص + تمركز) */
.single-product .related ul.products li.product a.button,
.single-product .related ul.products li.product .add_to_cart_button,
.single-product .related ul.products li.product .ast-on-card-button,
.single-product .up-sells ul.products li.product a.button,
.single-product .up-sells ul.products li.product .add_to_cart_button,
.single-product .up-sells ul.products li.product .ast-on-card-button,
.single-product .cross-sells ul.products li.product a.button,
.single-product .cross-sells ul.products li.product .add_to_cart_button,
.single-product .cross-sells ul.products li.product .ast-on-card-button,

/* Elementor Woo Products widget */
.single-product .elementor-widget-woocommerce-products ul.products li.product a.button,
.single-product .elementor-widget-woocommerce-products ul.products li.product .add_to_cart_button,
.single-product .elementor-widget-woocommerce-products ul.products li.product .ast-on-card-button,

/* Woo Blocks (wc-block-grid) */
.single-product .wc-block-grid__product-add-to-cart a,
.single-product .wc-block-grid__product-add-to-cart .wp-block-button__link{
  height: auto !important;
  min-height: 42px !important;
  line-height: 1.35 !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;

  white-space: normal !important;
  flex-wrap: wrap !important;
  text-align: center !important;

  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

/* 2) إخفاء Tooltip النصّي (Astra غالباً يسبب ظهور نفس كلمة "إضافة إلى السلة" فوق النص) */
.single-product .related .ast-card-action-tooltip,
.single-product .up-sells .ast-card-action-tooltip,
.single-product .cross-sells .ast-card-action-tooltip,
.single-product .elementor-widget-woocommerce-products .ast-card-action-tooltip,
.single-product .wc-block-grid__product .ast-card-action-tooltip{
  display: none !important;
}

/* 3) احتياط: إن كان القالب يطبع نص إضافي عبر ::before/::after على زر Astra فقط */
.single-product .related ul.products li.product .ast-on-card-button::before,
.single-product .related ul.products li.product .ast-on-card-button::after,
.single-product .up-sells ul.products li.product .ast-on-card-button::before,
.single-product .up-sells ul.products li.product .ast-on-card-button::after,
.single-product .cross-sells ul.products li.product .ast-on-card-button::before,
.single-product .cross-sells ul.products li.product .ast-on-card-button::after,
.single-product .elementor-widget-woocommerce-products ul.products li.product .ast-on-card-button::before,
.single-product .elementor-widget-woocommerce-products ul.products li.product .ast-on-card-button::after{
  content: none !important;
  display: 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{
  gap: var(--shz-gap, 18px) !important;
}











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










/* ===============[  X) أزرار التنقل في صفحات المنتجات ]================ */

/* 1) تنظيف كل أغلفة الترقيم من ستايل أسترا / ووكميرس */
body.shz-product-skin .ast-pagination,
body.shz-product-skin .ast-pagination .nav-links,
body.shz-product-skin .woocommerce nav.woocommerce-pagination,
body.shz-product-skin .woocommerce nav.woocommerce-pagination ul{
  margin-top: 24px;
  text-align: center;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0;
}

/* 2) جعل قائمة الأرقام في الوسط، في سطر واحد، بدون شكل إضافي حولها */
body.shz-product-skin .woocommerce nav.woocommerce-pagination ul.page-numbers,
body.shz-product-skin .ast-pagination .page-numbers,
body.shz-product-skin ul.page-numbers{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  list-style: none;
  margin: 0;
  padding: 0;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* 3) هنا نعدل "المستطيلات الأصلية" نفسها (li) لتكون بأستايل شازار */
body.shz-product-skin ul.page-numbers li{
  list-style: none;
  margin: 0 0 10px 0;
  padding: 5px;
  border-radius: 6px;
  border: 2px solid var(--shz-btn, #084F5D) !important;
  background: transparent !important;
  box-shadow: none !important;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  min-height: 34px;
  overflow: hidden; /* عشان ما يبان أي شكل داخلي قديم */
}

/* 4) النص / الرابط داخل نفس المستطيل (بدون إطار جديد) */
body.shz-product-skin ul.page-numbers .page-numbers{
  display: block;
  width: 100%;
  padding: 0 .9rem;

  border: 0 !important;            /* منع أي إطار داخلي */
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;

  color: var(--shz-text, #084F5D);
  font-weight: 700;
  font-size: 13px;
  text-decoration: none;
  cursor: pointer;
  text-align: center;

  transition:
    color .2s ease,
    background-color .2s ease,
    transform .15s ease,
    box-shadow .15s ease,
    border-color .15s ease;
}

/* 5) حالة الصفحة الحالية + الهوفر — نغيّر إطار المستطيل الأصلي (li) نفسه */
body.shz-product-skin ul.page-numbers li:hover,
body.shz-product-skin ul.page-numbers li:focus-within{
  border-color: var(--shz-btn-active, #B2905F) !important;
  box-shadow: 0 0 0 3px rgba(8,79,93,.18);
  transform: translateY(-1px);
}

/* تمييز الرقم الحالي بتغيير لون النص */
body.shz-product-skin ul.page-numbers .page-numbers.current{
  color: var(--shz-btn-active, #B2905F);
}

/* 6) نقاط الاختصار (…) بدون إطار ولا مربع إضافي */
body.shz-product-skin ul.page-numbers .page-numbers.dots{
  cursor: default;
}

/* 7) سهم السابق / التالي */
body.shz-product-skin ul.page-numbers .prev.page-numbers,
body.shz-product-skin ul.page-numbers .next.page-numbers{
  font-size: 16px;
}

/* 8) استجابة للشاشات الصغيرة */
@media (max-width: 600px){
  body.shz-product-skin .woocommerce nav.woocommerce-pagination,
  body.shz-product-skin .ast-pagination{
    margin-top: 18px;
  }

  body.shz-product-skin ul.page-numbers{
    flex-wrap: wrap;
    row-gap: 6px;
  }

  body.shz-product-skin ul.page-numbers li{
    min-width: 20px !important;
    min-height: 20px;
  }

  body.shz-product-skin ul.page-numbers .page-numbers{
    padding-inline: .3rem;
    font-size: 12px;
  }
}

/* 9) دعم للوضع الداكن (OS Dark) */
body.os-dark.shz-product-skin ul.page-numbers li{
  border-color: var(--os-btn-border, var(--shz-border, #084F5D)) !important;
  background: var(--os-dark-card, #020617) !important;
}

body.os-dark.shz-product-skin ul.page-numbers .page-numbers{
  color: var(--os-btn-text, var(--os-dark-text, #F9FAFB));
}

body.os-dark.shz-product-skin ul.page-numbers li:hover,
body.os-dark.shz-product-skin ul.page-numbers li:focus-within{
  border-color: var(--os-link-focus-border, var(--os-accent, #B2905F)) !important;
  box-shadow: 0 0 0 2px var(--os-focus-ring, rgba(178,144,95,.35));
}

body.os-dark.shz-product-skin ul.page-numbers .page-numbers.current{
  color: var(--os-link-focus-text, var(--os-accent, #B2905F));
}








/* ===============[ 13) بطاقات تصنيفات المتجر (الصورة تملأ الكرت) ]================ */

/* الكرت نفسه — نفس إطار وزوايا بطاقات المنتج، مع إلغاء الحشوة الداخلية */
body.shz-product-skin ul.products li.product.product-category{
  position: relative;
  padding: 0;
  background: var(--shz-bg);
  border: 1.5px solid var(--shz-border);
  border-radius: var(--shz-radius);
  box-shadow: var(--shz-shadow);
  overflow: hidden;
}

/* الرابط يغطي الكرت بالكامل */
body.shz-product-skin ul.products li.product.product-category > a{
  display: block;
  position: relative;
  border-radius: inherit;
  overflow: hidden;
  text-decoration: none;
}

/* الصورة تملأ الكرت بدون أي هوامش */
body.shz-product-skin ul.products li.product.product-category > a > img{
  display: block;
  width: 100%;
  height: auto;
  margin: 0 !important;
}

/* شريط العنوان وعدد المنتجات في أسفل الكرت فوق الصورة */
body.shz-product-skin ul.products li.product.product-category h2.woocommerce-loop-category__title{
  position: absolute;
  inset-inline: 10px;
  bottom: 0;
  margin: 0;
  padding: 6px 10px;
  border-radius: calc(var(--shz-radius) - 4px);
  background: rgba(255,255,255,.90);
  color: var(--shz-text, #084F5D);
  font-weight: 700;
  font-size: .95rem;
  line-height: 1.4;
}

/* عدد المنتجات داخل الشريط */
body.shz-product-skin ul.products li.product.product-category h2.woocommerce-loop-category__title .count{
  display: inline-block;
  margin-inline-start: .5em;
  font-size: .85em;
  font-weight: 600;
  color: inherit;
}

/* في الوضع الداكن — ثبّت نفس ألوان النص ولا تحوّله للأبيض */
body.os-dark.shz-product-skin ul.products li.product.product-category h2.woocommerce-loop-category__title,
body.os-dark.shz-product-skin ul.products li.product.product-category h2.woocommerce-loop-category__title .count{
  color: var(--shz-text, #084F5D) !important;
}



/* ===============[ 13.1) كروت تصنيفات المتجر على الجوال ]================ */
@media (max-width: 768px){
  /* تصغير خط عنوان التصنيف على الجوال */
  body.shz-product-skin ul.products li.product.product-category h2.woocommerce-loop-category__title{
    font-size: .40rem;
    line-height: 1.3;
    padding: 2px 4px;
  }

  /* جعل عدد المنتجات تحت اسم التصنيف على الجوال */
  body.shz-product-skin ul.products li.product.product-category h2.woocommerce-loop-category__title .count{
    display: block;          /* سطر جديد تحت الاسم */
    margin-inline-start: 0;  /* إزالة فراغ اليسار */
    margin-top: 2px;         /* مسافة بسيطة تحت الاسم */
    font-size: .75em;        /* أصغر قليلاً من عنوان التصنيف */
  }
}