/* Alfath Group — lead popup (matches the navy/gold theme; RTL-aware). */

.afg-leadm{
  position:fixed; inset:0; z-index:99990;
  display:flex; align-items:center; justify-content:center;
  padding:20px; opacity:0; visibility:hidden;
  transition:opacity .3s ease, visibility .3s ease;
}
.afg-leadm.is-open{ opacity:1; visibility:visible; }
.afg-leadm__bg{
  position:absolute; inset:0;
  background:rgba(6,14,24,.74); backdrop-filter:blur(6px);
}
.afg-leadm__panel{
  position:relative; width:100%; max-width:460px;
  background:var(--surface,#102842);
  border:1px solid var(--line,rgba(197,165,114,.18));
  border-radius:var(--radius-lg,8px);
  padding:clamp(26px,4vw,40px);
  box-shadow:0 30px 80px rgba(0,0,0,.5);
  transform:translateY(18px) scale(.98);
  transition:transform .35s cubic-bezier(.22,.61,.36,1);
  max-height:92vh; overflow:auto;
}
.afg-leadm.is-open .afg-leadm__panel{ transform:none; }
.afg-leadm__x{
  position:absolute; top:12px; inset-inline-end:12px;
  width:38px; height:38px; border:1px solid var(--line,rgba(197,165,114,.18));
  border-radius:50%; background:none; color:var(--text-2,#aebccd);
  display:grid; place-items:center; cursor:pointer; transition:.25s;
}
.afg-leadm__x svg{ width:18px; height:18px; }
.afg-leadm__x:hover{ color:var(--gold,#c5a572); border-color:var(--gold,#c5a572); transform:rotate(90deg); }
.afg-leadm__title{
  font-family:var(--f-serif,serif); color:var(--text,#eef2f8);
  font-size:clamp(22px,3vw,30px); margin:10px 0 6px; line-height:1.15;
}
.afg-leadm__sub{ color:var(--text-2,#aebccd); font-size:14px; margin:0 0 22px; }
.afg-leadm__hp{ position:absolute !important; left:-9999px !important; width:1px; height:1px; opacity:0; }

.afg-leadm__form .afg-field{ margin-bottom:14px; }
.afg-leadm__form label{
  display:block; font-size:12px; letter-spacing:.06em; color:var(--text-3,#7d8ea3);
  margin-bottom:7px;
}
.afg-leadm__form label small{ color:var(--text-3,#7d8ea3); font-size:11px; }
.afg-leadm__form input{
  width:100%; background:var(--bg-2,#0c1d31);
  border:1px solid var(--line,rgba(197,165,114,.18)); border-radius:var(--radius,4px);
  color:var(--text,#eef2f8); padding:13px 15px; font-family:inherit; font-size:15px;
  transition:border-color .25s, box-shadow .25s;
}
.afg-leadm__form input:focus{
  outline:none; border-color:var(--gold,#c5a572); box-shadow:0 0 0 1px var(--gold,#c5a572);
}
.afg-leadm__form input.is-invalid{ border-color:#e0796b; box-shadow:0 0 0 1px #e0796b; }
.afg-leadm__submit{ width:100%; justify-content:center; margin-top:6px; }
.afg-leadm__submit[disabled]{ opacity:.6; pointer-events:none; }
.afg-leadm__msg{ margin:14px 0 0; font-size:14px; text-align:center; min-height:1px; }
.afg-leadm__msg.is-ok{ color:#9fce8f; }
.afg-leadm__msg.is-err{ color:#e0796b; }

body.afg-leadm-lock{ overflow:hidden; }

/* ============ Floating contact bar (Call + WhatsApp) ============ */
.afg-fab{
  position:fixed; z-index:9000; bottom:18px; left:50%; transform:translateX(-50%);
  display:flex; gap:10px; padding:8px;
  background:rgba(10,24,40,.7); backdrop-filter:blur(12px);
  border:1px solid var(--line,rgba(197,165,114,.22)); border-radius:60px;
  box-shadow:0 14px 40px rgba(0,0,0,.4);
  animation:afgFabUp .6s cubic-bezier(.22,.61,.36,1) both .4s;
  transition:bottom .35s ease, opacity .35s ease;
}
.afg-fab--hide{ bottom:-140px !important; opacity:0; pointer-events:none; }
@supports(padding:max(0px)){ .afg-fab{ bottom:max(18px,env(safe-area-inset-bottom)); } }
@keyframes afgFabUp{ from{ opacity:0; transform:translateX(-50%) translateY(30px); } to{ opacity:1; transform:translateX(-50%) translateY(0); } }
.afg-fab__btn{
  display:inline-flex; align-items:center; gap:9px; height:52px; padding:0 22px;
  border-radius:40px; color:#fff; font-family:inherit; font-size:14px; font-weight:500;
  letter-spacing:.02em; text-decoration:none; transition:transform .25s, box-shadow .25s, filter .25s; white-space:nowrap;
}
.afg-fab__btn:hover{ transform:translateY(-2px); }
.afg-fab__ic{ display:inline-flex; }
.afg-fab__ic svg{ width:22px; height:22px; display:block; }
.afg-fab__call{ background:linear-gradient(135deg,#c5a572,#a8884f); color:#0a1828; }
.afg-fab__call:hover{ box-shadow:0 10px 26px rgba(197,165,114,.45); }
.afg-fab__wa{ background:linear-gradient(135deg,#25d366,#1faa51); }
.afg-fab__wa:hover{ box-shadow:0 10px 26px rgba(37,211,102,.45); }
.afg-fab__ic--pulse{ position:relative; }
.afg-fab__ic--pulse::after{
  content:""; position:absolute; inset:-6px; border-radius:50%;
  border:2px solid rgba(255,255,255,.6); animation:afgPulse 1.8s ease-out infinite;
}
@keyframes afgPulse{ 0%{ transform:scale(.7); opacity:.8; } 100%{ transform:scale(1.5); opacity:0; } }

/* On the Jazeel green page, tint the call button to sage to match identity */
.afg-jazeel ~ * .afg-fab{ } /* (no-op; bar is global) */

@media(max-width:600px){
  .afg-fab{ gap:8px; padding:7px; bottom:14px; width:auto; }
  .afg-fab__btn{ height:48px; padding:0 16px; font-size:13px; }
  .afg-fab__txt{ display:none; }                 /* icons-only pill on small phones */
  .afg-fab__btn{ width:48px; padding:0; justify-content:center; }
}
@media(prefers-reduced-motion:reduce){
  .afg-fab{ animation:none; }
  .afg-fab__ic--pulse::after{ animation:none; display:none; }
}