/* ==========================================================================
   VPR Fashion — fixes-8.6.css
   لایهٔ آخر اصلاحات (نسخه ۸.۶):
     ۱) اینماد در موبایل نمایان‌تر و بزرگ‌تر
     ۲) استایل‌دهی تمیز و خوانا به فرم «ثبت نظر/دیدگاه»
     ۳) نمایش «کد محصول» در صفحه تک‌محصول
     ۴) تضمین نمایش درست گالری و لایت‌باکس (رفع نیمه‌باز شدن/قفل صفحه)
   هیچ چیز حذف نمی‌شود؛ فقط تقویت نمایش.
   ========================================================================== */

:root{
  --vpr86-primary: var(--vpr-primary, #4a1942);
  --vpr86-accent:  var(--vpr-accent,  #c99b6b);
  --vpr86-ink:     var(--vpr-ink,     #2b2030);
  --vpr86-soft:    var(--vpr-ink-soft,#7d7186);
  --vpr86-line:    var(--vpr-line,    #ece6ec);
  --vpr86-cream:   var(--vpr-cream-2, #faf5f7);
}

/* --------------------------------------------------------------------------
   ۱) اینماد — نمایان‌تر، به‌خصوص در موبایل
   -------------------------------------------------------------------------- */
.footer-trust-badges{
  justify-content:center;
  width:100%;
  gap:16px;
}
.enamad-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  padding:8px;
  border:1px solid rgba(201,155,107,.35);
  box-shadow:0 6px 20px rgba(74,25,66,.10);
}
.enamad-badge img{
  height:84px;
  width:auto;
  display:block;
}
/* نوار اعتماد موبایل: اینماد بالای فوتر، بزرگ و تمام‌عرض در یک کارت مشخص */
@media (max-width:768px){
  .footer-bottom{
    gap:14px;
    padding:18px 12px;
  }
  .footer-trust-badges{
    order:-1;                 /* اینماد قبل از کپی‌رایت دیده شود */
    flex-direction:column;
    gap:12px;
  }
  .enamad-badge{
    width:100%;
    max-width:260px;
    padding:14px;
    border-radius:16px;
    background:linear-gradient(180deg,#ffffff,#fdf8f3);
    border:1.5px solid var(--vpr86-accent);
    box-shadow:0 10px 30px rgba(74,25,66,.18);
    animation:vprEnamadPulse 2.4s ease-in-out infinite;
  }
  .enamad-badge img{
    height:104px;             /* در موبایل کاملاً واضح و بزرگ */
  }
  .footer-trust-badges .pay-chip{
    width:100%;
    max-width:260px;
    justify-content:center;
    padding:10px 14px;
  }
}
@keyframes vprEnamadPulse{
  0%,100%{ box-shadow:0 10px 30px rgba(74,25,66,.16); }
  50%    { box-shadow:0 12px 38px rgba(201,155,107,.45); }
}

/* --------------------------------------------------------------------------
   ۲) فرم «ثبت نظر / دیدگاه» — تمیز، خوانا و هماهنگ با برند
   -------------------------------------------------------------------------- */
#reviews,
.woocommerce-Reviews,
#review_form_wrapper,
#respond{
  background:var(--vpr86-cream);
  border:1px solid var(--vpr86-line);
  border-radius:18px;
  padding:22px;
  margin-top:18px;
}
#review_form_wrapper{
  background:#fff;
  box-shadow:0 8px 30px rgba(74,25,66,.06);
}
#reply-title,
.comment-reply-title{
  font-size:17px;
  font-weight:800;
  color:var(--vpr86-primary);
  margin:0 0 14px;
}
#respond form .comment-form-author,
#respond form .comment-form-email,
#respond form .comment-form-cookies-consent,
#respond form .comment-form-rating,
#respond form .comment-form-comment{
  margin-bottom:14px;
}
#respond form label{
  display:block;
  font-weight:700;
  font-size:13px;
  color:var(--vpr86-ink);
  margin-bottom:6px;
}
#respond form label .required{ color:#d93636; }
#respond input[type="text"],
#respond input[type="email"],
#respond input[type="url"],
#respond textarea,
.woocommerce form .comment-form input,
.woocommerce form .comment-form textarea{
  width:100%;
  padding:12px 14px;
  border:1.5px solid var(--vpr86-line);
  border-radius:12px;
  background:#fff;
  font-size:14px;
  color:var(--vpr86-ink);
  transition:border-color .2s ease, box-shadow .2s ease;
  box-sizing:border-box;
}
#respond input:focus,
#respond textarea:focus{
  outline:none;
  border-color:var(--vpr86-accent);
  box-shadow:0 0 0 3px rgba(201,155,107,.18);
}
#respond textarea{ min-height:130px; resize:vertical; }
#respond .form-submit input[type="submit"],
#respond button[type="submit"],
#review_form .submit{
  background:var(--vpr86-primary);
  color:#fff;
  border:0;
  border-radius:12px;
  padding:12px 30px;
  font-size:14px;
  font-weight:800;
  cursor:pointer;
  transition:transform .15s ease, background .2s ease;
}
#respond .form-submit input[type="submit"]:hover{
  background:var(--vpr86-accent);
  transform:translateY(-1px);
}
/* ستاره‌های امتیاز در فرم نظر */
.comment-form-rating .stars a,
.comment-form-rating .stars{ color:var(--vpr86-accent); }
@media (min-width:560px){
  #respond .comment-form-author,
  #respond .comment-form-email{ width:48%; display:inline-block; }
  #respond .comment-form-author{ margin-inline-end:2%; }
}

/* --------------------------------------------------------------------------
   ۳) «کد محصول» در صفحه تک‌محصول — مثال: کد: 1545
   -------------------------------------------------------------------------- */
.vpr-product-code{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:4px 0 10px;
  padding:6px 14px;
  background:rgba(201,155,107,.12);
  border:1px solid rgba(201,155,107,.35);
  border-radius:999px;
  font-size:13px;
  line-height:1.6;
}
.vpr-product-code .vpr-pc-label{ color:var(--vpr86-soft); font-weight:600; }
.vpr-product-code .vpr-pc-value{
  color:var(--vpr86-primary);
  font-weight:800;
  letter-spacing:.5px;
  direction:ltr;
  display:inline-block;
}

/* ستون «کد» در جدول مدیریت محصولات */
.vpr-code-cell{ font-weight:700; color:var(--vpr86-primary); white-space:nowrap; }

/* --------------------------------------------------------------------------
   ۴) گالری و لایت‌باکس — تضمین نمایش درست
   -------------------------------------------------------------------------- */
.vpr-product-gallery .gallery-main img,
.vpr-product-gallery .gallery-main-button img{
  display:block;
  width:100%;
  height:auto;
  border-radius:14px;
  background:var(--vpr86-cream);
  transition:opacity .16s ease;
}
.vpr-product-gallery .gallery-main img.is-changing{ opacity:.35; }
.vpr-product-gallery .gallery-main-button{
  display:block;
  width:100%;
  padding:0;
  border:0;
  background:transparent;
  cursor:zoom-in;
}
.vpr-product-gallery .gallery-thumbs{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:12px;
}
.vpr-product-gallery .gallery-thumb{
  width:72px;
  height:72px;
  flex:0 0 72px;
  padding:3px;
  border:2px solid var(--vpr86-line);
  border-radius:12px;
  background:#fff;
  cursor:pointer;
  overflow:hidden;
  opacity:.7;
  transition:opacity .15s ease, border-color .15s ease, transform .15s ease;
}
.vpr-product-gallery .gallery-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:8px;
  display:block;
}
.vpr-product-gallery .gallery-thumb.active,
.vpr-product-gallery .gallery-thumb[aria-current="true"]{
  border-color:var(--vpr86-primary);
  opacity:1;
}

/* لایت‌باکس: تضمین اینکه در حالت باز واقعاً روی همه‌چیز و تمام‌صفحه دیده شود */
.vpr-gallery-lightbox.open{
  visibility:visible !important;
  opacity:1 !important;
}
.vpr-gallery-lightbox[hidden]{ display:none !important; }
html.vpr-lb-open, body.vpr-lightbox-open{ overflow:hidden !important; }
.vpr-lightbox-figure img{
  box-shadow:0 20px 60px rgba(0,0,0,.5);
}

/* --------------------------------------------------------------------------
   ۵) فرم تسویه: اطمینان از اینکه فیلدهای اختیاری ستارهٔ اجباری ندارند و قابل ویرایش‌اند
   -------------------------------------------------------------------------- */
.woocommerce-checkout .form-row .optional{
  color:var(--vpr86-soft);
  font-weight:600;
}
.woocommerce-checkout #billing_phone_field label::after,
.woocommerce-checkout .vpr-phone-input ~ label{ /* تلفن الزامی */ }

/* --------------------------------------------------------------------------
   ۶) فرم تسویه — ایمیل اختیاری و خالی در پایین فرم + دکمهٔ «من ایمیل ندارم»
   -------------------------------------------------------------------------- */
.woocommerce-checkout #billing_email_field{
  /* فیلد ایمیل نمایش داده می‌شود (مخفی نیست)؛ اختیاری و خالی */
}
.woocommerce-checkout #billing_email_field label .required,
.woocommerce-checkout #billing_email_field abbr.required{ display:none; } /* ستارهٔ اجباری نگیرد */

.vpr-gen-email-btn{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-top:8px;
  padding:9px 16px;
  border:1.5px dashed var(--vpr86-accent,#c99b6b);
  border-radius:10px;
  background:rgba(201,155,107,.10);
  color:var(--vpr86-primary,#4a1942);
  font-size:13px;
  font-weight:700;
  cursor:pointer;
  text-decoration:none;
  transition:background .18s ease, transform .12s ease;
}
.vpr-gen-email-btn:hover{ background:rgba(201,155,107,.22); transform:translateY(-1px); }
.vpr-gen-email-btn.is-done{ border-style:solid; background:var(--vpr86-accent,#c99b6b); color:#fff; }
.vpr-email-hint{ display:block; margin-top:6px; font-size:11.5px; color:var(--vpr86-soft,#7d7186); }
#billing_email{ direction:ltr; text-align:left; }

/* تلفن در فرم کلاسیک کاملاً اجباری و مشخص */
.woocommerce-checkout #billing_phone_field label{ font-weight:800; }

/* بلاک‌چک‌اوت: بخش «اطلاعات تماس» و فیلد ایمیل مخفی (به‌صورت فنی با موبایل ساخته می‌شود) */
.wc-block-checkout__contact-fields,
.wc-block-components-contact-information,
.wc-block-checkout .wc-block-components-text-input:has(#email),
.wc-block-checkout .wc-block-components-text-input:has(input#contact-email),
.wc-block-checkout .wc-block-components-text-input:has(input[type="email"]) {
  display:none !important;
}