/* احفظ هذا المحتوى كـ /components/fly-cta/fly-cta.css */

/* الزر العائم */
.fly-cta-launcher{
  position:fixed; inset:auto 20px 20px auto; z-index:9999;
  display:flex; align-items:center; gap:8px;
  padding:10px 12px; border-radius:999px; border:0; cursor:pointer;
  background:#1d4ed8; color:#fff; font-weight:800; box-shadow:0 8px 22px rgba(0,0,0,.25);
}
.fly-cta-launcher__dot{ width:10px; height:10px; border-radius:50%; background:#22c55e; }
.fly-cta-launcher__txt{ font-size:14px; }

/* النافذة */
.fly-cta{
  position:fixed; inset:0; display:grid; place-items:end end; z-index:10000;
  background:rgba(0,0,0,.0); /* شفّاف */
}
.fly-cta__card{
  margin:20px; max-width:520px; background:#111827; color:#fff;
  border:1px solid rgba(255,255,255,.08); border-radius:14px; padding:16px;
  box-shadow:0 12px 40px rgba(0,0,0,.35); position:relative; isolation:isolate;
}
.fly-cta__x{
  position:absolute; inset-inline-end:8px; top:8px; width:32px; height:32px;
  border-radius:8px; background:rgba(255,255,255,.08); color:#fff; border:0; cursor:pointer;
}
.fly-cta__row{ display:grid; gap:14px; grid-template-columns:1fr auto; align-items:center; }
.fly-cta__title{ margin:0 0 4px; font-size:16px; font-weight:900; }
.fly-cta__desc{ margin:0; opacity:.9; font-size:13px; line-height:1.55; }
.fly-cta__actions{ display:flex; gap:8px; flex-wrap:wrap; justify-content:flex-end; }
.fly-cta__btn{ appearance:none; border:0; cursor:pointer; font-weight:800; border-radius:10px; padding:10px 14px; font-size:14px; text-decoration:none; }
.fly-cta__btn--primary{ background:#2563eb; color:#fff; }
.fly-cta__btn--ghost{ background:transparent; color:#fff; border:1px solid rgba(255,255,255,.22); }

/* حركات */
@media (prefers-reduced-motion:no-preference){
  .fly-cta__card{ transform:translateY(12px); opacity:0; animation:flyin .25s ease forwards; }
  @keyframes flyin{ to{ transform:none; opacity:1; } }
}
@media (min-width:640px){
  .fly-cta-launcher{ inset:auto 24px 24px auto; }
}
/* /components/fly-cta/fly-cta.css */
.fly-cta { position: fixed; inset: 0; display: grid; place-items: end; padding: 16px; z-index: 9999; background: rgba(0,0,0,.0); }
.fly-cta__card { position: relative; width: min(560px, 100%); background:#111827; color:#fff; border-radius:14px; padding:16px; border:1px solid rgba(255,255,255,.08); box-shadow: 0 10px 30px rgba(0,0,0,.35);}
.fly-cta__x { position:absolute; top:8px; inset-inline-end:8px; width:32px; height:32px; border:0; border-radius:8px; background:rgba(255,255,255,.08); color:#fff; cursor:pointer; }
.fly-cta__row { display:grid; gap:12px; grid-template-columns: 1fr auto; align-items:center; }
.fly-cta__title{ margin:0 0 4px; font-weight:800; font-size:16px; } 
.fly-cta__desc{ margin:0; opacity:.85; font-size:13px; line-height:1.5; }
.fly-cta__actions{ display:flex; gap:8px; }
.fly-cta__btn{ appearance:none; border:0; cursor:pointer; font-weight:700; border-radius:10px; padding:10px 14px; font-size:14px; text-decoration:none; }
.fly-cta__btn--primary{ background:#1d4ed8; color:#fff; }
.fly-cta__btn--ghost{ background:transparent; color:#fff; border:1px solid rgba(255,255,255,.22); }

/* الزر العائم */
.fly-cta-launcher{ position: fixed; right: 18px; bottom: 18px; z-index: 9998; background:#1d4ed8; color:#fff; border:0; border-radius:999px; padding:10px 14px; font-weight:700; display:flex; gap:8px; align-items:center; cursor:pointer; box-shadow: 0 8px 24px rgba(0,0,0,.2); }
.fly-cta-launcher__dot{ width:8px; height:8px; border-radius:50%; background:#22c55e; }
.fly-cta-launcher__txt{ font-size:14px; }

/* حركة خفيفة */
@media (prefers-reduced-motion: no-preference){
  .fly-cta { animation: flyFade .25s ease-out; }
  @keyframes flyFade { from{ opacity:0; transform: translateY(10px);} to{ opacity:1; transform:none; } }
}