/* ==========================================================================
   mtemps6 — FLOATING (flt)  النص ظاهر دايمًا
   موبايل: شريط سفلي كحلي بزرارين (اتصال/واتساب) فوقه شريط لاصق رفيع.
   ديسكتوب: "ملصقين" مرصوصين في ركن النهاية بيظهروا بعد الهيرو (الهيرو فيه
   نفس الزراير). مفيش blur ولا transform على أب للمنيو.
   ========================================================================== */
.mtemps6-flt {
  position: fixed;
  inset-inline: 0;
  inset-block-end: 0;
  z-index: var(--mtemps6-z-float);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--mtemps6-sp-2);
  padding: var(--mtemps6-sp-2) var(--mtemps6-sp-3) calc(var(--mtemps6-sp-2) + env(safe-area-inset-bottom, 0px));
  border-block-start: 4px solid var(--mtemps6-accent);
  background: var(--mtemps6-deep);
  animation: mtemps6-flt-in var(--mtemps6-dur-4) var(--mtemps6-ease-spring) 600ms both;
}
@keyframes mtemps6-flt-in { from { opacity: 0; transform: translateY(100%); } }
.mtemps6-flt-btn { display: inline-flex; align-items: center; justify-content: center; gap: var(--mtemps6-sp-2); min-height: 3rem; padding: var(--mtemps6-sp-1) var(--mtemps6-sp-4); border-radius: var(--mtemps6-r-sm); font-size: var(--mtemps6-fs-sm); font-weight: var(--mtemps6-fw-bold); white-space: nowrap; transition: transform var(--mtemps6-dur-2) var(--mtemps6-ease-spring), opacity var(--mtemps6-dur-3), visibility var(--mtemps6-dur-3); }
.mtemps6-flt-ico { display: grid; place-items: center; width: 1.8rem; height: 1.8rem; border-radius: var(--mtemps6-r-xs); background: color-mix(in srgb, currentColor 16%, transparent); }
.mtemps6-flt-btn--call { background: var(--mtemps6-accent); color: var(--mtemps6-on-accent); }
.mtemps6-flt-btn--wa { background: var(--mtemps6-whatsapp); color: var(--mtemps6-on-whatsapp); }
.mtemps6-flt-btn:hover i { animation: mtemps6-flt-ring 0.6s var(--mtemps6-ease-out) 1; }
@keyframes mtemps6-flt-ring { 30% { transform: rotate(-14deg); } 60% { transform: rotate(10deg); } }

@media (min-width: 768px) {
  .mtemps6-flt { inset-inline: auto; inset-inline-end: var(--mtemps6-sp-5); inset-block-end: var(--mtemps6-sp-5); grid-template-columns: none; padding: 0; border: 0; background: transparent; }
  .mtemps6-flt-btn { justify-content: flex-start; min-height: 3.1rem; padding-inline: var(--mtemps6-sp-2) var(--mtemps6-sp-5); border: var(--mtemps6-bw) solid var(--mtemps6-deep); box-shadow: 0 5px 0 var(--mtemps6-deep); }
  .mtemps6-flt-btn--wa { transform: rotate(-1.5deg); }
  .mtemps6-flt-btn--call { transform: rotate(1.5deg); }
  .mtemps6-flt-ico { width: 2.2rem; height: 2.2rem; }
  .mtemps6-flt-btn:hover, .mtemps6-flt-btn:focus-visible { transform: translateX(calc(var(--mtemps6-dir) * -6px)) rotate(0deg); }
  html.mtemps6-js .mtemps6-flt:not(.mtemps6-is-shown) .mtemps6-flt-btn { opacity: 0; visibility: hidden; transform: translateY(1rem); }
}
@media (prefers-reduced-motion: reduce) { .mtemps6-flt { animation: none !important; } }