/* =========================
   Fenix Exotics Concierge UI
   Shared across all pages
========================= */

/* Floating WhatsApp Concierge */
.whatsapp-float{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:1200;
  display:flex;
  align-items:center;
  gap:12px;
}
.whatsapp-float a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:14px 16px;
  border-radius:999px;
  text-decoration:none;
  font-weight:900;
  background:#25D366;
  color:#000;
  box-shadow:0 18px 45px rgba(37,211,102,.28);
  transition:.25s ease;
}
.whatsapp-float a:hover{
  transform:translateY(-3px);
  box-shadow:0 26px 70px rgba(37,211,102,.38);
}
.whatsapp-float span{
  color:rgba(255,255,255,.85);
  font-size:.82rem;
  background:rgba(0,0,0,.35);
  border:1px solid rgba(255,255,255,.10);
  padding:10px 12px;
  border-radius:14px;
}

/* Hero contact row: Call 24/7 + WhatsApp */
.hero-contact{
  margin:18px auto 0;
  display:flex;
  gap:12px;
  justify-content:center;
  flex-wrap:wrap;
}
.hero-call,
.hero-wa{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:14px 18px;
  border-radius:999px;
  font-weight:900;
  text-decoration:none;
  transition:.25s ease;
}
.hero-call{
  background:rgba(255,255,255,.92);
  color:#000;
  border:1px solid rgba(255,255,255,.70);
  box-shadow:0 18px 45px rgba(255,255,255,.12);
}
.hero-call:hover{
  transform:translateY(-3px);
  box-shadow:0 26px 70px rgba(255,255,255,.18);
}
.hero-wa{
  background:#25D366;
  color:#000;
  box-shadow:0 18px 45px rgba(37,211,102,.25);
}
.hero-wa:hover{
  transform:translateY(-3px);
  box-shadow:0 26px 70px rgba(37,211,102,.35);
}

/* Universal WhatsApp button for modals (will be injected) */
.wa-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:12px 22px;
  border-radius:999px;
  font-weight:900;
  text-decoration:none;
  background:#25D366;
  color:#000;
  box-shadow:0 18px 45px rgba(37,211,102,.25);
  transition:.25s ease;
  border:none;
  white-space:nowrap;
}
.wa-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 26px 70px rgba(37,211,102,.35);
}

/* reduce motion */
@media (prefers-reduced-motion: reduce){
  .whatsapp-float a,
  .hero-call,
  .hero-wa,
  .wa-btn{transition:none}
  .whatsapp-float a:hover,
  .hero-call:hover,
  .hero-wa:hover,
  .wa-btn:hover{transform:none}
}