/* ===== JX Variations as Chips (WooCommerce) ===== */
.single-product form.variations_form table.variations{
  width:100% !important;
  margin: 0 0 12px !important;
}
.single-product form.variations_form table.variations th.label{
  width:auto !important;
  padding: 0 0 8px !important;
  display:block !important;
}
.single-product form.variations_form table.variations td.value{
  padding:0 !important;
  display:block !important;
}

/* اخفاء select الافتراضي (مع بقاءه للـ Woo / accessibility) */
.single-product form.variations_form select{
  position:absolute !important;
  left:-9999px !important;
  width:1px !important;
  height:1px !important;
  overflow:hidden !important;
}

/* حاوية الكبسولات */
.jx-var-chips{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  margin-top:6px;
}

/* كبسولة */
.jx-var-chip{
  cursor:pointer;
  user-select:none;
  -webkit-tap-highlight-color: transparent;
  padding:10px 14px;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.12);
  background:#fff;
  font-weight:900;
  font-size:14px;
  line-height:1;
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease;
}

/* هوفر (ديسكتوب فقط) */
@media (hover:hover){
  .jx-var-chip:hover{
    transform: translateY(-1px);
    box-shadow: 0 10px 22px rgba(0,0,0,.08);
  }
}

/* المختار */
.jx-var-chip.is-active{
  border-color: rgba(122,31,31,.35);
  background: rgba(122,31,31,.06);
  box-shadow: 0 10px 22px rgba(122,31,31,.10);
}

/* الخيار غير متاح */
.jx-var-chip.is-disabled{
  opacity:.45;
  cursor:not-allowed;
  text-decoration: line-through;
  box-shadow:none !important;
  transform:none !important;
}

/* رسالة “اختار المقاس” بشكل لطيف */
.jx-var-hint{
  margin-top:8px;
  font-size:13px;
  font-weight:800;
  opacity:.85;
}

/* RTL/LTR */
html[dir="rtl"] .jx-var-chips{ justify-content:flex-start; }
html[dir="ltr"] .jx-var-chips{ justify-content:flex-start; }

/* موبايل */
@media (max-width:767px){
  .jx-var-chip{ padding:11px 14px; font-size:14px; }
}

/* إخفاء النص الأصلي */
.single-product .variations .label label[for="pa_size"]{
  font-size:0 !important;
}

/* عربي */
html[dir="rtl"] .single-product .variations .label label[for="pa_size"]::after{
  content:"اختيار المنتج";
  font-size:15px;
  font-weight:900;
  display:inline-block;
}

/* إنجليزي */
html[dir="ltr"] .single-product .variations .label label[for="pa_size"]::after{
  content:"Choose option";
  font-size:15px;
  font-weight:900;
  display:inline-block;
}