/* ==========================================================================
   mtemps7 — FLOATING (flt)
   موبايل (<768): شريط تحت بزرارين (كهرماني + واتساب) ظاهر دايمًا.
   ديسكتوب: زرارين دواير في الركن تحت بيظهروا بعد الهيرو (mtemps7-is-shown من الـ JS)،
   والكلام بيطلع من ورا الدايرة مع الـ hover/focus.
   ========================================================================== */
.mtemps7-flt { position: fixed; z-index: var(--mtemps7-z-float); }
.mtemps7-flt-btn { display: inline-flex; align-items: center; gap: var(--mtemps7-sp-2); font-weight: var(--mtemps7-fw-bold); }
.mtemps7-flt-btn--call { background: var(--mtemps7-accent); color: var(--mtemps7-on-accent); }
.mtemps7-flt-btn--wa { background: var(--mtemps7-whatsapp); color: var(--mtemps7-on-whatsapp); }
.mtemps7-flt-ico { display: grid; place-items: center; flex-shrink: 0; }

@media (max-width: 767.98px) {
  .mtemps7-flt { inset-inline: 0; inset-block-end: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 1px; padding-block-end: env(safe-area-inset-bottom, 0px); background: var(--mtemps7-ink); box-shadow: 0 -10px 30px -18px var(--mtemps7-ink); }
  .mtemps7-flt-btn { justify-content: center; min-height: 3.5rem; font-size: var(--mtemps7-fs-sm); }
}
@media (min-width: 768px) {
  .mtemps7-flt { inset-block-end: var(--mtemps7-sp-5); inset-inline-start: var(--mtemps7-sp-5); display: grid; justify-items: start; gap: var(--mtemps7-sp-2); opacity: 0; visibility: hidden; transform: translateY(1rem); transition: opacity var(--mtemps7-dur-3), transform var(--mtemps7-dur-3) var(--mtemps7-ease-out), visibility 0s linear var(--mtemps7-dur-3); }
  .mtemps7-flt.mtemps7-is-shown { opacity: 1; visibility: visible; transform: none; transition-delay: 0s; }
  .mtemps7-flt-btn { height: 3.5rem; padding-inline-end: 0; border-radius: var(--mtemps7-r-pill); box-shadow: 0 16px 30px -14px color-mix(in srgb, var(--mtemps7-ink) 70%, transparent); transition: padding var(--mtemps7-dur-3) var(--mtemps7-ease-out); }
  .mtemps7-flt-ico { width: 3.5rem; height: 3.5rem; font-size: 1.2rem; }
  .mtemps7-flt-txt { max-width: 0; overflow: hidden; white-space: nowrap; opacity: 0; transition: max-width var(--mtemps7-dur-3) var(--mtemps7-ease-out), opacity var(--mtemps7-dur-2); }
  .mtemps7-flt-btn:hover, .mtemps7-flt-btn:focus-visible { padding-inline-end: var(--mtemps7-sp-5); }
  .mtemps7-flt-btn:hover .mtemps7-flt-txt, .mtemps7-flt-btn:focus-visible .mtemps7-flt-txt { max-width: 9rem; opacity: 1; }
  .mtemps7-flt-btn--wa .mtemps7-flt-ico { animation: mtemps7-flt-ring 3.2s var(--mtemps7-ease-out) infinite; border-radius: 50%; }
  @keyframes mtemps7-flt-ring { 0%, 70% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--mtemps7-whatsapp) 50%, transparent); } 100% { box-shadow: 0 0 0 14px transparent; } }
}
@media (prefers-reduced-motion: reduce) { .mtemps7-flt-btn--wa .mtemps7-flt-ico { animation: none; } }