/* ==========================================================================
   VPR Fashion 8.3 — لایت‌باکس گالری محصول + اصلاح نمونه‌های محصول متغیر
   تیمـا — تجارت یار مهارت‌های آریایی
   ========================================================================== */

/* --------------------------------------------------------------------------
   ۱) پاپ‌آپ نمایش تصاویر (Lightbox)
   -------------------------------------------------------------------------- */
.vpr-lightbox{
  position:fixed; inset:0; z-index:99999;
  display:none;
  background:rgba(18,8,14,.94);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  direction:rtl;
}
.vpr-lightbox.open{
  display:grid;
  grid-template-rows:1fr auto auto;
  animation:vlbFade .25s ease;
}
@keyframes vlbFade{from{opacity:0}to{opacity:1}}

.vpr-lightbox *{ box-sizing:border-box; }

/* صحنه‌ی تصویر */
.vpr-lightbox .vlb-stage{
  grid-row:1;
  display:flex; align-items:center; justify-content:center;
  padding:clamp(48px,7vh,80px) clamp(56px,8vw,110px) 12px;
  overflow:hidden;
}
.vpr-lightbox .vlb-img{
  max-width:100%; max-height:100%;
  width:auto; height:auto;
  object-fit:contain;
  border-radius:12px;
  box-shadow:0 24px 70px rgba(0,0,0,.55);
  transition:opacity .22s ease;
  user-select:none;
  -webkit-user-drag:none;
}

/* شمارنده */
.vpr-lightbox .vlb-counter{
  grid-row:2;
  text-align:center;
  color:#E9DCE4;
  font-size:13px;
  font-weight:700;
  padding:4px 0 8px;
  letter-spacing:.5px;
}

/* نوار بندانگشتی */
.vpr-lightbox .vlb-thumbs{
  grid-row:3;
  display:flex; gap:9px;
  justify-content:center;
  align-items:center;
  padding:0 16px clamp(16px,3vh,26px);
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:thin;
  scrollbar-color:rgba(255,255,255,.28) transparent;
}
.vpr-lightbox .vlb-thumbs::-webkit-scrollbar{ height:5px; }
.vpr-lightbox .vlb-thumbs::-webkit-scrollbar-thumb{ background:rgba(255,255,255,.28); border-radius:99px; }
.vpr-lightbox .vlb-thumbs img{
  width:60px; height:60px; flex:0 0 auto;
  object-fit:cover;
  border-radius:10px;
  cursor:pointer;
  opacity:.5;
  border:2px solid transparent;
  transition:all .2s ease;
}
.vpr-lightbox .vlb-thumbs img:hover{ opacity:.85; transform:translateY(-2px); }
.vpr-lightbox .vlb-thumbs img.active{
  opacity:1;
  border-color:#E8C877;
  box-shadow:0 4px 14px rgba(232,200,119,.35);
}

/* دکمه بستن */
.vpr-lightbox .vlb-close{
  position:absolute; top:clamp(12px,2vh,22px); left:clamp(12px,2vw,24px);
  z-index:5;
  width:44px; height:44px; border-radius:50%;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.22);
  color:#fff; cursor:pointer;
  display:flex; align-items:center; justify-content:center;
  transition:all .2s ease;
  backdrop-filter:blur(6px);
}
.vpr-lightbox .vlb-close:hover{ background:rgba(255,255,255,.28); transform:rotate(90deg); }
.vpr-lightbox .vlb-close svg{ width:20px; height:20px; }

/* فلش‌های ناوبری — RTL: «قبلی» سمت راست، «بعدی» سمت چپ */
.vpr-lightbox .vlb-nav{
  position:absolute; top:50%; transform:translateY(-50%);
  z-index:5;
  width:50px; height:50px; border-radius:50%;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.22);
  color:#fff; cursor:pointer;
  display:flex; align-items:center; justify-content:center;
  transition:all .2s ease;
  backdrop-filter:blur(6px);
}
.vpr-lightbox .vlb-nav:hover{ background:rgba(255,255,255,.3); }
.vpr-lightbox .vlb-nav svg{ width:23px; height:23px; }
.vpr-lightbox .vlb-prev{ right:clamp(10px,2vw,26px); }  /* قبلی → راست */
.vpr-lightbox .vlb-next{ left:clamp(10px,2vw,26px); }   /* بعدی → چپ  */

/* موبایل */
@media(max-width:768px){
  .vpr-lightbox .vlb-stage{ padding:56px 12px 8px; }
  .vpr-lightbox .vlb-nav{ width:42px; height:42px; }
  .vpr-lightbox .vlb-prev{ right:8px; }
  .vpr-lightbox .vlb-next{ left:8px; }
  .vpr-lightbox .vlb-thumbs img{ width:48px; height:48px; }
  .vpr-lightbox .vlb-close{ width:40px; height:40px; }
}

@media (prefers-reduced-motion:reduce){
  .vpr-lightbox, .vpr-lightbox *{ animation:none !important; transition:none !important; }
}

/* --------------------------------------------------------------------------
   ۲) گالری صفحه محصول — نشانگر بزرگنمایی
   -------------------------------------------------------------------------- */
.vpr-product-gallery .gallery-main{ position:relative; }
.vpr-product-gallery .gallery-main img{
  cursor:zoom-in;
  transition:opacity .2s ease, transform .35s ease;
}
.vpr-product-gallery .gallery-main:hover img{ transform:scale(1.015); }
.vpr-product-gallery .gallery-main .zoom-hint{
  cursor:zoom-in;
  user-select:none;
}
.vpr-product-gallery .gallery-thumbs img{
  cursor:pointer;
  transition:all .2s ease;
}
.vpr-product-gallery .gallery-thumbs img:hover{ transform:translateY(-2px); }

/* --------------------------------------------------------------------------
   ۳) محصولات متغیر — نمونه‌های رنگ و سایز
   رفع مشکل: گزینه‌ها نمایش داده نمی‌شدند یا دکمه افزودن به سبد کار نمی‌کرد
   -------------------------------------------------------------------------- */
.vpr-swatch-wrap,
.vpr-size-wrap{
  display:flex !important;
  gap:10px;
  flex-wrap:wrap;
  margin-top:10px;
  align-items:center;
}

/* نمونه‌های رنگ */
.vpr-swatch-enhanced{
  width:38px; height:38px;
  border-radius:50%;
  border:3px solid #fff;
  box-shadow:0 0 0 1.5px #DFD4DD;
  cursor:pointer; padding:0;
  position:relative;
  transition:transform .2s ease, box-shadow .2s ease;
}
.vpr-swatch-enhanced:hover{ transform:scale(1.1); }
.vpr-swatch-enhanced.active{
  box-shadow:0 0 0 2.5px #6B1F43 !important;
  transform:scale(1.08);
}
.vpr-swatch-enhanced.vpr-oos{ opacity:.32; cursor:not-allowed; }
.vpr-swatch-enhanced.vpr-oos::after{
  content:''; position:absolute; inset:-3px;
  background:linear-gradient(to top left, transparent 46%, #C43B5A 46%, #C43B5A 54%, transparent 54%);
  border-radius:50%;
}

/* دکمه‌های سایز */
.vpr-size-btn-enhanced{
  min-width:48px; height:44px;
  padding:0 16px;
  border:1.5px solid #DFD4DD;
  border-radius:12px;
  background:#fff;
  font:inherit; font-size:14px; font-weight:700;
  color:#2D1D2A;
  cursor:pointer;
  transition:all .2s ease;
}
.vpr-size-btn-enhanced:hover{ border-color:#6B1F43; }
.vpr-size-btn-enhanced.active{
  background:#6B1F43 !important;
  color:#fff !important;
  border-color:#6B1F43 !important;
}
.vpr-size-btn-enhanced.vpr-oos{
  opacity:.4; cursor:not-allowed;
  text-decoration:line-through;
  background:#F6F2F5;
}

/* برچسب ویژگی */
.vpr-attr-label{
  display:block;
  font-size:13px; font-weight:700;
  color:#3A2029;
  margin-bottom:4px;
}
.vpr-attr-label .vpr-attr-current{
  font-weight:400; color:#8A7A84; margin-right:4px;
}

/* دکمه پاک‌کردن انتخاب */
.vpr-clear-variations{
  display:inline-flex; align-items:center; gap:5px;
  font-size:12px; color:#8A7A84;
  background:none; border:none; cursor:pointer;
  padding:6px 0; margin-top:6px;
  text-decoration:underline;
}
.vpr-clear-variations:hover{ color:#6B1F43; }

/* جدول وارییشن ووکامرس — پنهان‌سازی سلکت اصلی ولی قابل‌دسترس برای فرم */
.variations_form .variations select.vpr-hidden-select{
  position:absolute !important;
  width:1px !important; height:1px !important;
  padding:0 !important; margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0,0,0,0) !important;
  white-space:nowrap !important;
  border:0 !important;
}

/* پیام «این ترکیب موجود نیست» */
.woocommerce-variation-availability p.stock.out-of-stock{
  background:#FDECEF; color:#B02A45;
  padding:10px 14px; border-radius:10px;
  font-size:13px; font-weight:700;
}

/* دکمه افزودن به سبد وقتی وارییشن انتخاب نشده */
.variations_form .single_add_to_cart_button.disabled,
.variations_form .single_add_to_cart_button:disabled{
  opacity:.45 !important;
  cursor:not-allowed !important;
}

/* راهنمای انتخاب گزینه */
.vpr-variation-hint{
  display:none;
  background:#FFF8E5;
  border:1px solid #F0DFB0;
  color:#8A6D3B;
  border-radius:10px;
  padding:10px 14px;
  font-size:12.5px;
  margin:10px 0;
}
.variations_form.vpr-needs-selection .vpr-variation-hint{ display:block; }

@media(max-width:768px){
  .vpr-swatch-wrap, .vpr-size-wrap{ gap:8px; }
  .vpr-size-btn-enhanced{ min-width:44px; height:42px; padding:0 13px; font-size:13px; }
}