/* Floating WhatsApp contact button. Bottom-right, above page content, out of
   the way of the mobile bottom bar. Collapses to a round icon on small screens. */
.jyuee-wa-float{
  position:fixed;
  right:20px;
  bottom:24px;
  z-index:9990;
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:12px 18px 12px 14px;
  border-radius:999px;
  background:#25d366;
  color:#fff;
  font-weight:600;
  font-size:15px;
  line-height:1;
  text-decoration:none;
  box-shadow:0 8px 24px rgba(37,211,102,.38), 0 2px 6px rgba(0,0,0,.18);
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.jyuee-wa-float:hover,
.jyuee-wa-float:focus-visible{
  background:#1fb457;
  transform:translateY(-2px);
  box-shadow:0 12px 30px rgba(37,211,102,.5), 0 3px 8px rgba(0,0,0,.22);
  color:#fff;
}
.jyuee-wa-float:focus-visible{
  outline:3px solid rgba(255,255,255,.85);
  outline-offset:2px;
}
.jyuee-wa-float svg{flex:0 0 auto;display:block;}
.jyuee-wa-float__label{white-space:nowrap;}

/* Gentle attention pulse (respects reduced-motion). */
@media (prefers-reduced-motion:no-preference){
  .jyuee-wa-float{animation:jyuee-wa-pop .4s ease both;}
  @keyframes jyuee-wa-pop{from{transform:scale(.6);opacity:0;}to{transform:scale(1);opacity:1;}}
}

/* On phones show just the round icon to avoid crowding the screen. */
@media (max-width:600px){
  .jyuee-wa-float{
    right:14px;
    bottom:16px;
    padding:14px;
    gap:0;
  }
  .jyuee-wa-float__label{
    position:absolute;
    width:1px;height:1px;
    padding:0;margin:-1px;
    overflow:hidden;clip:rect(0 0 0 0);
    white-space:nowrap;border:0;
  }
}