/* WebVue Ask Santé v1.2.0 — isolated Woodmart/mobile-safe UI */
#wvas-root{
  --wvas-accent:#111;
  position:fixed!important;
  z-index:2147483000!important;
  right:20px!important;
  left:auto!important;
  bottom:20px!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
  font-size:14px!important;
  line-height:1.45!important;
  text-align:left!important;
  direction:ltr!important;
}
#wvas-root,#wvas-root *{box-sizing:border-box!important}
#wvas-root *{letter-spacing:normal}
#wvas-root.wvas-pos-left{left:20px!important;right:auto!important}

#wvas-launcher{
  appearance:none!important;-webkit-appearance:none!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  width:auto!important;height:58px!important;min-width:58px!important;max-width:none!important;
  margin:0!important;padding:0 18px!important;
  border:0!important;border-radius:999px!important;
  background:var(--wvas-accent,#111)!important;color:#fff!important;
  box-shadow:0 10px 32px rgba(0,0,0,.20)!important;
  font-family:inherit!important;font-size:14px!important;font-weight:600!important;line-height:1!important;
  text-transform:none!important;text-decoration:none!important;white-space:nowrap!important;
  cursor:pointer!important;overflow:hidden!important;
}
#wvas-launcher:hover{transform:translateY(-2px)}
#wvas-launcher .wvas-spark{display:inline!important;font-size:18px!important;line-height:1!important;color:#fff!important}
#wvas-launcher .wvas-launch-text{display:inline!important;white-space:nowrap!important;color:#fff!important}

#wvas-panel{
  position:absolute!important;
  right:0!important;left:auto!important;top:auto!important;bottom:72px!important;
  display:flex!important;flex-direction:column!important;
  width:390px!important;min-width:390px!important;max-width:calc(100vw - 28px)!important;
  height:min(620px,calc(100vh - 110px))!important;min-height:420px!important;max-height:620px!important;
  margin:0!important;padding:0!important;
  background:#fff!important;color:#222!important;
  border:1px solid rgba(0,0,0,.08)!important;border-radius:22px!important;
  box-shadow:0 24px 80px rgba(0,0,0,.20)!important;
  overflow:hidden!important;overflow-x:hidden!important;
  opacity:0!important;visibility:hidden!important;pointer-events:none!important;
  transform:translateY(12px) scale(.985)!important;
  transform-origin:bottom right!important;
  transition:opacity .2s ease,transform .2s ease,visibility .2s!important;
}
#wvas-root.wvas-pos-left #wvas-panel{left:0!important;right:auto!important;transform-origin:bottom left!important}
#wvas-panel.is-open{
  opacity:1!important;visibility:visible!important;pointer-events:auto!important;
  transform:translateY(0) scale(1)!important;
}

/* Header */
#wvas-panel .wvas-header{
  position:relative!important;display:flex!important;flex:0 0 72px!important;
  align-items:center!important;justify-content:space-between!important;
  width:100%!important;height:72px!important;min-height:72px!important;
  margin:0!important;padding:14px 16px!important;
  background:#fff!important;border:0!important;border-bottom:1px solid #eee!important;
}
#wvas-panel .wvas-brand{display:flex!important;align-items:center!important;gap:11px!important;min-width:0!important;margin:0!important}
#wvas-panel .wvas-avatar{
  display:grid!important;place-items:center!important;flex:0 0 40px!important;
  width:40px!important;height:40px!important;margin:0!important;padding:0!important;
  border-radius:50%!important;background:#111!important;color:#fff!important;font-size:17px!important;line-height:1!important;
}
#wvas-panel .wvas-brand>div:last-child{min-width:0!important}
#wvas-panel .wvas-brand strong{
  display:block!important;margin:0!important;padding:0!important;color:#111!important;
  font-size:15px!important;font-weight:650!important;line-height:1.2!important;text-transform:none!important;
}
#wvas-panel .wvas-brand span{
  display:flex!important;align-items:center!important;gap:5px!important;margin:3px 0 0!important;padding:0!important;
  color:#777!important;font-size:11px!important;font-weight:400!important;line-height:1.2!important;text-transform:none!important;
}
#wvas-panel .wvas-brand i{display:block!important;width:6px!important;height:6px!important;flex:0 0 6px!important;border-radius:50%!important;background:#39a96b!important}
#wvas-close{
  appearance:none!important;display:grid!important;place-items:center!important;flex:0 0 34px!important;
  width:34px!important;height:34px!important;min-width:34px!important;margin:0!important;padding:0!important;
  border:0!important;border-radius:50%!important;background:#f4f4f4!important;color:#333!important;
  font-family:Arial,sans-serif!important;font-size:23px!important;font-weight:300!important;line-height:1!important;cursor:pointer!important;
}

/* Product card */
#wvas-product{
  display:none!important;flex:0 0 auto!important;align-items:center!important;gap:10px!important;
  width:auto!important;min-width:0!important;max-width:none!important;height:auto!important;
  margin:12px 14px 0!important;padding:10px!important;
  border:0!important;border-radius:14px!important;background:#f7f7f5!important;overflow:hidden!important;
}
#wvas-product[data-loaded="1"]{display:flex!important}
#wvas-product img{
  display:block!important;flex:0 0 46px!important;width:46px!important;height:46px!important;min-width:46px!important;max-width:46px!important;
  margin:0!important;padding:0!important;border:0!important;border-radius:9px!important;object-fit:cover!important;background:#fff!important;
}
#wvas-product>div{display:block!important;flex:1 1 auto!important;min-width:0!important;margin:0!important;padding:0!important}
#wvas-product span{
  display:block!important;margin:0!important;padding:0!important;color:#888!important;
  font-size:10px!important;font-weight:500!important;line-height:1.2!important;text-transform:uppercase!important;letter-spacing:.07em!important;
}
#wvas-product strong{
  display:block!important;width:100%!important;max-width:100%!important;margin:2px 0 0!important;padding:0!important;
  color:#111!important;font-size:12px!important;font-weight:650!important;line-height:1.25!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-transform:none!important;
}
#wvas-product small{
  display:block!important;margin:2px 0 0!important;padding:0!important;color:#666!important;
  font-size:11px!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}

/* Messages */
#wvas-messages{
  display:block!important;flex:1 1 auto!important;width:100%!important;min-width:0!important;min-height:0!important;
  margin:0!important;padding:16px 14px 8px!important;
  overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;
}
#wvas-messages .wvas-msg-row{
  display:flex!important;width:100%!important;min-width:0!important;height:auto!important;margin:0 0 10px!important;padding:0!important;
}
#wvas-messages .wvas-msg-row.user{justify-content:flex-end!important}
#wvas-messages .wvas-msg{
  display:block!important;width:auto!important;min-width:0!important;max-width:86%!important;height:auto!important;
  margin:0!important;padding:11px 13px!important;border:0!important;border-radius:15px!important;
  background:#f3f3f1!important;color:#222!important;
  font-family:inherit!important;font-size:13px!important;font-weight:400!important;line-height:1.48!important;
  text-align:left!important;text-transform:none!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;
}
#wvas-messages .wvas-msg-row.user .wvas-msg{background:#111!important;color:#fff!important;border-bottom-right-radius:5px!important}
#wvas-messages .wvas-msg-row.assistant .wvas-msg{border-bottom-left-radius:5px!important}
#wvas-messages .wvas-bullet{display:block!important;margin:2px 0!important}
#wvas-typing.wvas-msg-row{display:flex!important}
#wvas-typing .wvas-typing{display:flex!important;align-items:center!important;gap:4px!important;height:38px!important}
#wvas-typing .wvas-typing i{display:block!important;width:5px!important;height:5px!important;border-radius:50%!important;background:#777!important;animation:wvasdot 1s infinite alternate}
#wvas-typing .wvas-typing i:nth-child(2){animation-delay:.18s}#wvas-typing .wvas-typing i:nth-child(3){animation-delay:.36s}
@keyframes wvasdot{to{opacity:.25;transform:translateY(-2px)}}

/* Quick actions */
#wvas-quick{
  display:flex!important;flex:0 0 auto!important;align-items:center!important;gap:6px!important;
  width:100%!important;min-width:0!important;height:auto!important;margin:0!important;padding:7px 14px 9px!important;
  overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;
}
#wvas-quick::-webkit-scrollbar{display:none!important}
#wvas-quick button{
  appearance:none!important;display:block!important;flex:0 0 auto!important;width:auto!important;height:32px!important;min-height:32px!important;
  margin:0!important;padding:0 11px!important;border:1px solid #ddd!important;border-radius:999px!important;
  background:#fff!important;color:#222!important;box-shadow:none!important;
  font-family:inherit!important;font-size:11px!important;font-weight:550!important;line-height:30px!important;
  text-transform:none!important;white-space:nowrap!important;cursor:pointer!important;
}

/* Composer */
#wvas-form{
  display:block!important;flex:0 0 auto!important;width:100%!important;height:auto!important;
  margin:0!important;padding:10px 14px 13px!important;border:0!important;border-top:1px solid #eee!important;background:#fff!important;
}
#wvas-form .wvas-input-wrap{
  display:flex!important;align-items:flex-end!important;gap:8px!important;width:100%!important;min-width:0!important;height:auto!important;
  margin:0!important;padding:7px 7px 7px 12px!important;border:1px solid transparent!important;border-radius:16px!important;background:#f5f5f3!important;
}
#wvas-form .wvas-input-wrap:focus-within{border-color:#ccc!important;background:#fff!important}
#wvas-input{
  appearance:none!important;display:block!important;flex:1 1 auto!important;width:1%!important;min-width:0!important;max-width:none!important;
  min-height:36px!important;max-height:100px!important;height:36px;
  margin:0!important;padding:8px 0!important;border:0!important;border-radius:0!important;outline:0!important;
  background:transparent!important;color:#111!important;box-shadow:none!important;resize:none!important;
  font-family:inherit!important;font-size:16px!important;font-weight:400!important;line-height:1.25!important;text-transform:none!important;
}
#wvas-input::placeholder{color:#999!important;opacity:1!important}
#wvas-send{
  appearance:none!important;display:grid!important;place-items:center!important;flex:0 0 36px!important;
  width:36px!important;height:36px!important;min-width:36px!important;max-width:36px!important;
  margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;
  background:#111!important;color:#fff!important;box-shadow:none!important;
  font-family:Arial,sans-serif!important;font-size:17px!important;line-height:1!important;cursor:pointer!important;
}
#wvas-send:disabled{opacity:.45!important}
#wvas-form>small{
  display:block!important;width:100%!important;margin:7px 0 0!important;padding:0!important;
  color:#aaa!important;font-size:9px!important;font-weight:400!important;line-height:1.35!important;text-align:center!important;text-transform:none!important;
}

/* Tablet / narrow browser: keep a proper 390px chat instead of squeezing it. */
@media(max-width:700px){
  #wvas-root{right:14px!important;bottom:14px!important}
  #wvas-root.wvas-pos-left{left:14px!important;right:auto!important}
  #wvas-panel{
    width:390px!important;min-width:0!important;max-width:calc(100vw - 28px)!important;
    height:min(610px,calc(100dvh - 105px))!important;max-height:calc(100dvh - 105px)!important;
  }
  #wvas-launcher{width:56px!important;height:56px!important;min-width:56px!important;padding:0!important}
  #wvas-launcher .wvas-launch-text{display:none!important}
}

/* Phones: nearly full-width panel, independent of the 56px launcher width. */
@media(max-width:480px){
  html.wvas-chat-open{overflow:hidden!important}
  #wvas-root{right:10px!important;bottom:max(10px,env(safe-area-inset-bottom))!important}
  #wvas-root.wvas-pos-left{left:10px!important;right:auto!important}
  #wvas-panel{
    position:fixed!important;
    top:max(8px,env(safe-area-inset-top))!important;
    right:8px!important;left:8px!important;
    bottom:calc(76px + env(safe-area-inset-bottom))!important;
    width:auto!important;min-width:0!important;max-width:none!important;
    height:auto!important;min-height:0!important;max-height:none!important;
    border-radius:18px!important;
  }
  #wvas-panel .wvas-header{flex-basis:64px!important;height:64px!important;min-height:64px!important;padding:12px 14px!important}
  #wvas-product{margin:9px 11px 0!important}
  #wvas-messages{padding:13px 11px 7px!important}
  #wvas-quick{padding:6px 11px 8px!important}
  #wvas-form{padding:9px 11px max(10px,env(safe-area-inset-bottom))!important}
  #wvas-messages .wvas-msg{max-width:88%!important}
}

/* Very short landscape phones */
@media(max-height:520px) and (max-width:900px){
  #wvas-panel{
    position:fixed!important;top:5px!important;right:8px!important;bottom:70px!important;
    width:390px!important;max-width:calc(100vw - 16px)!important;height:auto!important;min-height:0!important;max-height:none!important;
  }
  #wvas-product{display:none!important}
  #wvas-panel .wvas-header{flex-basis:56px!important;height:56px!important;min-height:56px!important;padding-top:8px!important;padding-bottom:8px!important}
}

@media(prefers-reduced-motion:reduce){
  #wvas-panel,#wvas-launcher{transition:none!important}
  #wvas-typing .wvas-typing i{animation:none!important}
}