/* گلد ویسا — پوشه شناور یکپارچه (v10 — خوشه در موبایل به سمت راست منتقل شد) */
/* چیدمان حالت باز به سمت راست: (+) منو · ربات · واتساپ · تلفن — [بازگشت به بالا] بالای کلید اصلی */
.hv-fab-row{position:relative;display:flex;align-items:center;gap:.6rem}
/* بازگشت به بالا: همیشه نمایان؛ حلقهٔ سفید تا روی زمینهٔ سرمه‌ای گم نشود */
.hv-fab .top{display:flex;background:#0B2D5B;margin-left:.35rem;box-shadow:0 10px 24px rgba(0,0,0,.25),0 0 0 2px rgba(255,255,255,.9)}
/* کلید اصلی طلایی (+) */
.hv-fab .gv-main{width:3.9rem;height:3.9rem;background:linear-gradient(135deg,#D5AD65,#D5AD65);color:#231a04;box-shadow:0 12px 28px rgba(0,0,0,.3),0 0 0 2px rgba(255,255,255,.9);transition:transform .3s ease}
.hv-fab .gv-main svg{width:26px;height:26px;flex:0 0 auto}
.hv-fab.open .gv-main{transform:rotate(45deg)}
.hv-fab.open .gv-main:hover{transform:rotate(45deg) scale(1.05)}
/* دکمه‌های فرعی: فقط هنگام باز بودن خوشه نمایان می‌شوند (منو → ربات → واتساپ → تلفن) */
.hv-fab .sub{position:absolute;top:.35rem;left:8.3rem;opacity:0;pointer-events:none;visibility:hidden;transform:translateX(-14px) scale(.6);box-shadow:0 10px 24px rgba(0,0,0,.25),0 0 0 2px rgba(255,255,255,.9);transition:opacity .26s ease,transform .26s ease,visibility 0s linear .26s}
.hv-fab .wa.sub{left:12.1rem;background:#25D366}
.hv-fab .ph.sub{left:15.9rem}
.hv-fab.open .sub{opacity:1;pointer-events:auto;visibility:visible;transform:none;transition-delay:0s}
.hv-fab.open .gv-cta-fab.sub{transition-delay:.04s}
.hv-fab.open .wa.sub{transition-delay:.1s}
.hv-fab.open .ph.sub{transition-delay:.16s}
/* کلید «منوی سایت» (☰): مثل بقیهٔ دکمه‌های فرعی فقط در حالت باز نمایان است */
.hv-fab .fab-menu{display:flex;position:absolute;top:.35rem;left:4.5rem;opacity:0;pointer-events:none;visibility:hidden;transform:translateX(-14px) scale(.6);box-shadow:0 10px 24px rgba(0,0,0,.25),0 0 0 2px rgba(255,255,255,.9);transition:opacity .26s ease,transform .26s ease,visibility 0s linear .26s}
.hv-fab.open .fab-menu{opacity:1;pointer-events:auto;visibility:visible;transform:none;transition-delay:0s}
/* آیکن «مشاوره رایگان»: هم‌اندازه بقیه با گرادیان طلایی */
.hv-fab a.gv-cta-fab{width:3.2rem;height:3.2rem;background:linear-gradient(135deg,#D5AD65,#D5AD65);color:#231a04;box-shadow:0 10px 24px rgba(0,0,0,.25),0 0 0 2px rgba(255,255,255,.9)}
.hv-fab a.gv-cta-fab svg{width:22px;height:22px;flex:0 0 auto}
.hv-fab a.gv-cta-fab span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:330px){
  .hv-fab .gv-main{width:3.5rem;height:3.5rem}
  .hv-fab .gv-main svg{width:23px;height:23px}
  .hv-fab .sub{top:.15rem;left:7.9rem}
  .hv-fab .fab-menu{top:.15rem;left:4.1rem}
  .hv-fab .wa.sub{left:11.7rem}
  .hv-fab .ph.sub{left:15.5rem}
}

/* پنل منوی سایت دقیقاً بالای خوشهٔ شناور باز می‌شود */
.gv-navpanel{bottom:9.4rem}

/* ── v10 — موبایل: خوشهٔ شناور کامل به سمت راست منتقل می‌شود ── */
/* آینه‌سازی: (+) لبهٔ راست، بقیهٔ دکمه‌ها به سمت چپ باز می‌شوند */
/* انتخابگر body برای بردن کاسکاد مقابل استایل درون‌خطی صفحات bot/admin/404 (بعد از cta.css) */
@media (max-width:1023px){
  body .hv-fab{left:auto;right:1.25rem;width:max-content;align-items:flex-end}
  .hv-fab .fab-menu{left:auto;right:4.5rem;transform:translateX(14px) scale(.6)}
  .hv-fab.open .fab-menu{transform:none}
  .hv-fab .sub{left:auto;right:8.3rem;transform:translateX(14px) scale(.6)}
  .hv-fab .wa.sub{left:auto;right:12.1rem}
  .hv-fab .ph.sub{left:auto;right:15.9rem}
  .hv-fab.open .sub{transform:none}
  body .gv-navpanel{left:auto;right:1.25rem}
}
/* حالت فشردهٔ صفحه‌های خیلی باریک — قرینهٔ نسخهٔ ۳۳۰px */
@media (max-width:330px){
  .hv-fab .sub{left:auto;right:7.9rem}
  .hv-fab .fab-menu{left:auto;right:4.1rem}
  .hv-fab .wa.sub{left:auto;right:11.7rem}
  .hv-fab .ph.sub{left:auto;right:15.5rem}
}
