/* ==========================================================================
   VPR Fashion — vpr-87.css (نسخه ۸.۷)
   ۱) دکمه تماس شناور + اینستاگرام/تلگرام شناور + دکمه‌های سفارشی
   ۲) شیت دسته‌بندی محصولات موبایل (بازشونده از تب‌بار)
   ۳) آیکون SVG آیتم دسته‌بندی در تب‌بار
   ۴) بهبود فرم تسویه بدون ایمیل
   ========================================================================== */

/* --------------------------------------------------------------------------
   ۱) دکمه‌های شناور جدید
   -------------------------------------------------------------------------- */
.vpr-fc-v2 .fc-phone{
  background:linear-gradient(135deg,#2E7D4F,#1B5E3B);
  color:#fff;
  border:none;
}
.vpr-fc-v2 .fc-phone svg{width:24px;height:24px;}
.vpr-fc-v2 .fc-phone::after{
  content:"";
  position:absolute;inset:-3px;border-radius:50%;
  border:2px solid rgba(46,125,79,.5);
  animation:vprPhoneRing 2.4s ease-out infinite;
  pointer-events:none;
}
@keyframes vprPhoneRing{
  0%{transform:scale(.9);opacity:.8;}
  70%,100%{transform:scale(1.25);opacity:0;}
}
.vpr-fc-v2 .fc-instagram{
  background:linear-gradient(45deg,#F58529,#DD2A7B 50%,#8134AF 75%,#515BD4);
  color:#fff;
  border:none;
}
.vpr-fc-v2 .fc-telegram{
  background:#229ED9;
  color:#fff;
  border:none;
}
.vpr-fc-v2 .fc-custom{
  background:#fff;
  color:var(--vpr-primary,#4A1942);
}
.vpr-fc-v2 .fc-custom svg{width:24px;height:24px;}
.vpr-fc-v2 .fc-custom img{border-radius:50%;object-fit:cover;}

/* در موبایل اگر دکمه‌ها زیاد شدند، جمع‌وجورتر */
@media(max-width:480px){
  .vpr-fc-v2{gap:9px;}
  .vpr-fc-v2 .fc-btn{width:46px;height:46px;}
  .vpr-fc-v2 .fc-btn svg{width:22px;height:22px;}
}

/* --------------------------------------------------------------------------
   ۲) شیت دسته‌بندی محصولات موبایل
   -------------------------------------------------------------------------- */
.vpr-cats-overlay{
  position:fixed;inset:0;z-index:400;
  background:rgba(17,12,19,.55);
  backdrop-filter:blur(2px);
  opacity:0;visibility:hidden;
  transition:opacity .3s ease,visibility .3s ease;
}
.vpr-cats-overlay.open{opacity:1;visibility:visible;}
.vpr-cats-sheet{
  position:fixed;bottom:0;right:0;left:0;z-index:401;
  background:#fff;
  border-radius:22px 22px 0 0;
  max-height:82dvh;
  display:flex;flex-direction:column;
  transform:translateY(105%);
  transition:transform .38s cubic-bezier(.165,.84,.44,1);
  box-shadow:0 -12px 40px rgba(23,16,26,.2);
  padding-bottom:env(safe-area-inset-bottom);
}
.vpr-cats-sheet.open{transform:translateY(0);}
.vpr-cats-sheet::before{
  content:"";display:block;width:44px;height:5px;border-radius:99px;
  background:var(--vpr-line,#EADFE0);margin:10px auto 0;
}
.vpr-cats-sheet-head{
  display:flex;align-items:center;justify-content:space-between;
  padding:12px 18px 10px;
  border-bottom:1px solid var(--vpr-line,#EADFE0);
}
.vpr-cats-sheet-head strong{font-size:15px;color:var(--vpr-primary,#4A1942);}
.vpr-cats-close{width:36px;height:36px;}
.vpr-cats-sheet-body{
  overflow-y:auto;padding:14px 16px 20px;
  -webkit-overflow-scrolling:touch;
}
.vpr-cats-all{
  display:block;text-align:center;
  background:var(--vpr-grad-primary,linear-gradient(135deg,#5C1F52,#35112F));
  color:#fff;font-weight:800;font-size:13px;
  border-radius:12px;padding:12px;
  margin-bottom:12px;
}
.vpr-cats-group{
  border:1px solid var(--vpr-line,#EADFE0);
  border-radius:14px;margin-bottom:10px;overflow:hidden;
}
.vpr-cats-parent{
  display:flex;align-items:center;gap:10px;
  padding:10px 12px;font-weight:800;font-size:13.5px;
  color:var(--vpr-ink,#231021);
}
.vpr-cats-parent img{width:44px;height:44px;border-radius:10px;object-fit:cover;flex-shrink:0;}
.vpr-cats-parent span:last-child{margin-inline-start:auto;}
.vpr-cats-count{
  font-size:10.5px;font-weight:700;color:var(--vpr-ink-soft,#5B4A58);
  background:var(--vpr-cream-2,#F3EAE6);
  border-radius:99px;padding:2px 9px;
}
.vpr-cats-children{
  display:flex;flex-wrap:wrap;gap:8px;
  padding:0 12px 12px;
}
.vpr-cats-children a{
  font-size:12px;color:var(--vpr-primary,#4A1942);
  background:var(--vpr-cream,#FBF6F3);
  border:1px solid var(--vpr-line,#EADFE0);
  border-radius:99px;padding:6px 13px;
  transition:all .2s ease;
}
.vpr-cats-children a:hover{background:var(--vpr-primary,#4A1942);color:#fff;}
.vpr-cats-empty{text-align:center;color:#888;font-size:13px;padding:20px 0;}
/* ۸.۷.۱: جستجوی زنده دسته‌بندی‌ها */
.vpr-cats-search{
  display:flex;align-items:center;gap:8px;
  padding:10px 16px;flex-shrink:0;
  border-bottom:1px solid var(--vpr-line,#EADFE0);
  background:#fff;
}
.vpr-cats-search svg{width:20px;height:20px;flex-shrink:0;color:var(--vpr-ink-soft,#5B4A58);}
.vpr-cats-search-input{
  flex:1;border:none;background:transparent;outline:none;
  font:inherit;font-size:13.5px;color:var(--vpr-ink,#231021);
  padding:6px 0;min-width:0;
}
.vpr-cats-search-input::placeholder{color:#A3939B;}
.vpr-cats-no-result{text-align:center;color:#888;font-size:13px;padding:20px 0;}
body.vpr-cats-open{overflow:hidden;}

/* فقط موبایل: شیت روی دسکتاپ هم کار می‌کند ولی تب‌بار فقط موبایل است */
@media(min-width:781px){
  .vpr-cats-sheet{max-width:480px;margin:0 auto;right:0;left:0;}
}

/* --------------------------------------------------------------------------
   ۳) آیکون SVG دسته‌بندی در تب‌بار
   -------------------------------------------------------------------------- */
.vpr-tabbar-v2 .tb-svg{
  display:flex;align-items:center;justify-content:center;
  width:24px;height:24px;
  color:var(--vpr-ink-soft,#5B4A58);
}
.vpr-tabbar-v2 .tb-svg svg{width:24px;height:24px;}
.vpr-tabbar-v2 a.active .tb-svg{color:var(--vpr-primary,#4A1942);}
.vpr-tabbar-v2 a.vpr-open-cats.tb-open .tb-svg{color:var(--vpr-primary,#4A1942);}

/* --------------------------------------------------------------------------
   ۴) فرم تسویه بدون ایمیل — مخفی بودن کامل فیلد ایمیل
   -------------------------------------------------------------------------- */
.woocommerce-checkout #billing_email_field.vpr-email-hidden,
.woocommerce-checkout .vpr-email-hidden{display:none!important;}
.vpr-checkout-no-email-note{
  display:flex;align-items:center;gap:8px;
  background:#F0F9F2;border:1px solid #C4E5CE;color:#21663A;
  border-radius:10px;padding:10px 14px;font-size:12.5px;margin-bottom:14px;
}
.vpr-checkout-no-email-note svg{width:18px;height:18px;flex-shrink:0;}

/* استوری: ویدیو کاور کامل */
.vpr-story-viewer-v2 .story-slide video{
  object-fit:cover!important;
  width:100%;height:100%;
}

/* --------------------------------------------------------------------------
   ۸.۷.۱) اینماد شناور سمت چپ (روبروی دکمه‌های شناور) + فوتر کوچیک
   -------------------------------------------------------------------------- */
.vpr-enamad-float{
  position:fixed;left:14px;bottom:86px;z-index:260;
  display:inline-flex;align-items:center;justify-content:center;
  background:#fff;border:1px solid rgba(201,155,107,.4);border-radius:14px;
  padding:5px;box-shadow:0 8px 24px rgba(74,25,66,.14);
  transition:transform .2s ease,box-shadow .2s ease;
}
.vpr-enamad-float:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(74,25,66,.2);}
.vpr-enamad-float img{height:62px;width:auto;display:block;border-radius:8px;}
@media(max-width:780px){
  /* بالای تب‌بار + دکمه بازگشت‌به‌بالا */
  .vpr-enamad-float{left:10px;bottom:calc(132px + env(safe-area-inset-bottom));padding:4px;border-radius:12px;}
  .vpr-enamad-float img{height:50px;}
}
/* فوتر: کوچیک و جمع‌وجور (لغو حالت بزرگ ۸.۶) */
.footer-trust-badges .enamad-badge{
  width:auto;max-width:none;padding:5px;border-radius:12px;
  background:#fff;border:1px solid rgba(201,155,107,.35);
  box-shadow:0 4px 14px rgba(74,25,66,.08);
  animation:none;
}
.footer-trust-badges .enamad-badge img{height:62px;}
@media(max-width:768px){
  .footer-trust-badges{order:0;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;}
  .footer-trust-badges .enamad-badge{width:auto;max-width:none;padding:4px;border-radius:10px;animation:none;background:#fff;border:1px solid rgba(201,155,107,.35);box-shadow:0 4px 14px rgba(74,25,66,.08);}
  .footer-trust-badges .enamad-badge img{height:54px;}
  .footer-trust-badges .pay-chip{width:auto;max-width:none;padding:8px 14px;}
}

/* --------------------------------------------------------------------------
   ۸.۷.۲) تسویه: دکمه «من ایمیل ندارم» کنار فیلد ایمیل (مثل ورژن اول)
   -------------------------------------------------------------------------- */
.woocommerce-checkout #billing_email_field.vpr-email-optional{
  display:flex;flex-wrap:wrap;align-items:center;gap:10px;
}
.woocommerce-checkout #billing_email_field.vpr-email-optional > label{width:100%;}
.woocommerce-checkout #billing_email_field.vpr-email-optional > .woocommerce-input-wrapper{flex:1 1 200px;min-width:0;}
.woocommerce-checkout #billing_email_field.vpr-email-optional > .description{background:transparent;border:none;padding:0;margin:0;}
.vpr-gen-email-btn{
  display:inline-flex;align-items:center;gap:6px;white-space:nowrap;
  background:var(--vpr-cream-2,#F3EAE6);color:var(--vpr-primary,#4A1942);
  border:1px solid var(--vpr-line,#EADFE0);border-radius:10px;
  font-size:12.5px;font-weight:800;padding:10px 14px;text-decoration:none;
  transition:all .2s ease;
}
.vpr-gen-email-btn:hover{background:var(--vpr-primary,#4A1942);color:#fff;border-color:var(--vpr-primary,#4A1942);}
.vpr-gen-email-btn.is-done{background:#F0F9F2;border-color:#C4E5CE;color:#21663A;}

/* --------------------------------------------------------------------------
   ۸.۷.۳) شیت «جستجو و دسته»: نتایج جستجوی زندهٔ محصولات
   -------------------------------------------------------------------------- */
.vpr-sheet-prod-results{
  background:#fff;border-bottom:1px solid var(--vpr-line,#EADFE0);
  padding:6px 16px 12px;max-height:38dvh;overflow-y:auto;flex-shrink:0;
}
.vpr-sheet-prod-title{font-size:12px;font-weight:800;color:var(--vpr-ink-soft,#5B4A58);margin:8px 0 6px;}
.vpr-sheet-prod{display:flex;align-items:center;gap:10px;padding:8px 0;text-decoration:none;border-bottom:1px dashed var(--vpr-line,#EADFE0);}
.vpr-sheet-prod:last-of-type{border-bottom:none;}
.vpr-sheet-prod img{width:52px;height:52px;border-radius:12px;object-fit:cover;flex-shrink:0;background:var(--vpr-cream-2,#F3EAE6);}
.vpr-sheet-prod-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;}
.vpr-sheet-prod-name{font-size:13px;font-weight:700;color:var(--vpr-ink,#231021);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.vpr-sheet-prod-price{font-size:12px;color:var(--vpr-primary,#4A1942);font-weight:700;}
.vpr-sheet-prod-price del{opacity:.55;font-weight:400;margin-inline-end:4px;}
.vpr-sheet-prod-more{display:block;text-align:center;font-size:12.5px;font-weight:800;color:var(--vpr-primary,#4A1942);background:var(--vpr-cream-2,#F3EAE6);border-radius:10px;padding:9px;margin-top:10px;}