/* ===== Bessou Hair Beauty — floating salon assistant widget (adapted from the fleet Maya widget, 2026-11-09) ===== */
#maya-widget-btn{
  position:fixed;right:22px;bottom:22px;z-index:99990;
  width:64px;height:64px;border-radius:50%;padding:0;cursor:pointer;
  background:#141419;border:3px solid #D4AF37;
  box-shadow:0 6px 24px rgba(0,0,0,.5),0 0 18px rgba(212,175,55,.35);
}
#maya-widget-btn img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
#maya-widget-btn .mw-label{
  position:absolute;left:50%;bottom:-9px;transform:translateX(-50%);
  background:#D4AF37;color:#141414;font-family:'Inter',sans-serif;
  font-size:11px;font-weight:800;letter-spacing:.04em;line-height:1;
  padding:3px 9px;border-radius:999px;white-space:nowrap;
  box-shadow:0 2px 8px rgba(0,0,0,.45);
}
#maya-widget-btn::after{
  content:'';position:absolute;inset:-3px;border-radius:50%;
  border:2px solid rgba(212,175,55,.55);animation:mw-pulse 2.6s ease-out infinite;
}
@keyframes mw-pulse{0%{transform:scale(1);opacity:.8}70%{transform:scale(1.28);opacity:0}100%{transform:scale(1.28);opacity:0}}
@media (prefers-reduced-motion: reduce){#maya-widget-btn::after{animation:none;opacity:0}}
/* ===== Yellow hand flag (Joseph 2026-11-06): big yellow waving hand so visitors SEE they can reach out ===== */
#maya-widget-btn .mw-hand{
  position:absolute;top:-20px;left:-20px;z-index:3;
  width:48px;height:48px;border-radius:50%;
  background:#FFD400;border:3px solid #141414;
  display:flex;align-items:center;justify-content:center;
  font-size:29px;line-height:1;filter:drop-shadow(0 2px 2px rgba(0,0,0,.5));
  box-shadow:0 4px 16px rgba(0,0,0,.55),0 0 14px rgba(255,212,0,.65);
  animation:mw-wave 1.8s ease-in-out infinite;transform-origin:70% 80%;
}
@keyframes mw-wave{0%,60%,100%{transform:rotate(0deg)}10%{transform:rotate(16deg)}20%{transform:rotate(-10deg)}30%{transform:rotate(16deg)}40%{transform:rotate(-6deg)}50%{transform:rotate(10deg)}}
#maya-widget-btn .mw-flag{
  position:absolute;right:calc(100% + 14px);top:50%;transform:translateY(-50%);
  background:#FFD400;color:#141414;font-family:'Inter',sans-serif;
  font-size:14px;font-weight:800;letter-spacing:.01em;line-height:1.2;
  padding:9px 13px;border-radius:999px;white-space:nowrap;
  box-shadow:0 4px 16px rgba(0,0,0,.5);
  animation:mw-flagin .6s ease-out .9s both;
}
#maya-widget-btn .mw-flag::after{
  content:'';position:absolute;left:100%;top:50%;transform:translateY(-50%);
  border:7px solid transparent;border-left-color:#FFD400;border-right:0;
}
@keyframes mw-flagin{from{opacity:0;transform:translateY(-50%) translateX(10px)}to{opacity:1;transform:translateY(-50%) translateX(0)}}
@media (prefers-reduced-motion: reduce){#maya-widget-btn .mw-hand{animation:none}#maya-widget-btn .mw-flag{animation:none}}
@media (max-width:480px){#maya-widget-btn .mw-flag{display:none}#maya-widget-btn .mw-hand{width:42px;height:42px;font-size:25px;top:-16px;left:-16px}}
#maya-widget-btn:hover{box-shadow:0 6px 24px rgba(0,0,0,.55),0 0 26px rgba(212,175,55,.55)}

#maya-widget-panel{
  position:fixed;right:22px;bottom:104px;z-index:99991;
  width:min(384px,calc(100vw - 32px));max-height:min(660px,calc(100vh - 140px));
  overflow-y:auto;display:none;box-sizing:border-box;
  background:#101014;color:#F5F2E8;border:1px solid rgba(212,175,55,.45);
  border-radius:18px;padding:18px;box-shadow:0 18px 50px rgba(0,0,0,.6);
  font-family:'Inter',sans-serif;font-size:15px;text-align:left;
}
#maya-widget-panel.open{display:block}
#maya-widget-panel *{box-sizing:border-box}
.mw-head{display:flex;gap:12px;align-items:flex-start}
.mw-head img{width:56px;height:56px;object-fit:cover;border-radius:50%;border:2px solid #D4AF37;flex:none}
.mw-name{font-family:'Space Grotesk','Inter',sans-serif;font-size:20px;line-height:1.15;color:#F5F2E8}
.mw-role{color:#D4AF37;font-size:13px;margin-top:2px}
.mw-close{
  margin-left:auto;flex:none;width:30px;height:30px;border-radius:50%;
  border:1px solid rgba(212,175,55,.4);background:#2A2A30;color:#F5F2E8;
  font-size:16px;line-height:1;cursor:pointer;
}
.mw-note{color:rgba(255,255,255,.55);font-size:12.5px;line-height:1.5;margin:10px 0 4px}
.mw-consent{color:rgba(255,255,255,.5);font-size:12px;line-height:1.45;margin:6px 0 2px}
.mw-intro{color:rgba(255,255,255,.78);font-size:13.5px;line-height:1.5;margin:6px 0 2px}
#maya-widget-panel label{display:block;margin:10px 0 5px;font-size:13px;color:rgba(255,255,255,.75)}
#maya-widget-panel input[type=text],#maya-widget-panel input[type=email]{
  width:100%;padding:10px;border-radius:8px;font-size:15px;
  border:1px solid rgba(212,175,55,.35);background:#141419;color:#F5F2E8;
}
.mw-btns{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.mw-btn{
  flex:1;min-width:104px;padding:12px 8px;font-size:15px;border:0;border-radius:8px;
  background:#D4AF37;color:#141414;cursor:pointer;font-weight:700;font-family:'Inter',sans-serif;
}
.mw-btn.secondary{background:#2A2A30;color:#F5F2E8;border:1px solid rgba(212,175,55,.4)}
.mw-btn:disabled{opacity:.45;cursor:default}
.mw-status{margin-top:12px;font-size:13.5px;color:#9fd49f;min-height:19px}
.mw-log{
  margin-top:10px;background:#0B0B0F;border:1px solid rgba(255,255,255,.12);
  border-radius:10px;padding:11px;height:200px;overflow-y:auto;font-size:13.5px;line-height:1.55;
}
.mw-log p{margin:0 0 8px}
.mw-log .a{color:#ffd968}.mw-log .u{color:#9ecbff}.mw-log .s{color:rgba(255,255,255,.45);font-style:italic}
.mw-chatrow{display:flex;gap:8px;margin-top:10px}
.mw-chatrow input{flex:1}
.mw-chatrow button{
  padding:0 16px;border:0;border-radius:8px;background:#D4AF37;color:#141414;
  font-weight:700;cursor:pointer;font-family:'Inter',sans-serif;
}
.mw-chatrow button:disabled{opacity:.45;cursor:default}
.mw-human{margin-top:13px;font-size:13.5px;color:rgba(255,255,255,.65);line-height:1.55}
.mw-human a{color:#D4AF37}
@media (max-width:480px){
  #maya-widget-btn{right:16px;bottom:16px}
  #maya-widget-panel{right:16px;bottom:96px}
}