/* Contact FAB - WhatsApp pill (avatar + text + green button) */
.contact-fab{position:fixed;bottom:20px;right:20px;z-index:999;display:flex;align-items:center;gap:0;font-family:var(--sans),sans-serif;pointer-events:none}
.contact-fab > *{pointer-events:auto}
.contact-fab.pill-closed .contact-fab-wrap{display:none}
.contact-fab-wrap{position:relative;margin-right:8px}
.contact-fab-pill{
  display:flex;
  align-items:center;
  gap:14px;
  background:linear-gradient(180deg,#1a1c22 0%,#0d1015 100%);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:60px;
  padding:8px 24px 8px 8px;
  box-shadow:0 12px 36px rgba(0,0,0,0.45);
  color:#fff;
  text-decoration:none;
  max-width:360px;
  transition:transform 0.25s;
}
.contact-fab-pill:hover{transform:translateY(-2px);color:#fff}
.contact-fab-avatar{
  width:54px;
  height:54px;
  border-radius:50%;
  overflow:hidden;
  flex-shrink:0;
  border:2px solid var(--gold);
  background:#333;
}
.contact-fab-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.contact-fab-text{
  font-size:15px;
  font-weight:500;
  line-height:1.35;
  color:#fff;
}
.contact-fab-text b{color:var(--gold);font-weight:600}
.contact-fab-close{
  position:absolute;
  top:-10px;
  right:-8px;
  width:24px;
  height:24px;
  border-radius:50%;
  background:#2a2c32;
  border:1px solid rgba(255,255,255,0.18);
  color:#fff;
  font-size:15px;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
  line-height:1;
  z-index:3;
  transition:background 0.2s,transform 0.2s;
  font-family:var(--sans),sans-serif;
}
.contact-fab-close:hover{background:#3a3c42;transform:scale(1.1)}
.contact-fab-wa{
  width:58px;
  height:58px;
  border-radius:50%;
  background:radial-gradient(circle at 30% 30%,#3ddc84 0%,#1faa5e 70%);
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 6px 22px rgba(37,211,102,0.4),0 0 0 5px rgba(37,211,102,0.15);
  text-decoration:none;
  flex-shrink:0;
  transition:transform 0.25s;
  position:relative;
  z-index:1;
}
.contact-fab-wa:hover{transform:scale(1.05)}
.contact-fab-wa svg{width:28px;height:28px;fill:#fff}

/* Mobile: shrink but keep same layout */
@media(max-width:640px){
  .contact-fab{bottom:14px;right:12px}
  .contact-fab-wrap{margin-right:6px}
  .contact-fab-pill{padding:6px 18px 6px 6px;gap:10px;max-width:calc(100vw - 84px)}
  .contact-fab-avatar{width:46px;height:46px}
  .contact-fab-text{font-size:13px;line-height:1.3}
  .contact-fab-close{width:22px;height:22px;font-size:14px;top:-10px;right:-12px}
  .contact-fab-wa{width:50px;height:50px}
  .contact-fab-wa svg{width:24px;height:24px}
}

/* RTL */
html[dir="rtl"] .contact-fab{right:auto;left:20px;flex-direction:row-reverse}
html[dir="rtl"] .contact-fab-wrap{margin-right:0;margin-left:8px}
html[dir="rtl"] .contact-fab-pill{padding:8px 8px 8px 24px}
html[dir="rtl"] .contact-fab-close{right:auto;left:-12px}
@media(max-width:640px){
  html[dir="rtl"] .contact-fab{left:12px;right:auto}
  html[dir="rtl"] .contact-fab-wrap{margin-left:6px}
  html[dir="rtl"] .contact-fab-close{left:-12px;right:auto}
}