/*
|--------------------------------------------------------------------------
| Phase 18.9.5.28.5.8.6.5
| AI Assistant Legacy Mobile Floating Window Final Restore
|--------------------------------------------------------------------------
| Scope: AI assistant public widget visual positioning only.
| Goal: restore the old mobile floating behavior: small fixed button +
|       floating chat window above it, not full-width, not stretched.
| Protected systems were not edited; this file is visual CSS only.
*/

/* Hard scope: only the real Marketak AI widget. */
#marketak-ai-widget.marketak-ai-widget,
#marketak-ai-widget.marketak-ai-widget *{
  box-sizing:border-box!important;
}

#marketak-ai-widget.marketak-ai-widget{
  z-index:2147483000!important;
  isolation:isolate!important;
  pointer-events:auto!important;
  transform:none!important;
  translate:none!important;
  filter:none!important;
}

#marketak-ai-toggle.marketak-ai-fab{
  pointer-events:auto!important;
  touch-action:manipulation!important;
  -webkit-tap-highlight-color:transparent!important;
  transform:none!important;
  translate:none!important;
}

#marketak-ai-panel.marketak-ai-panel{
  pointer-events:auto!important;
  transform:none!important;
  translate:none!important;
  contain:layout paint!important;
}

#marketak-ai-widget.is-open #marketak-ai-panel.marketak-ai-panel{
  display:flex!important;
  flex-direction:column!important;
  visibility:visible!important;
  opacity:1!important;
}

@media(max-width:640px){
  /* Keep the widget anchored like the old floating version; never stretch root on open. */
  #marketak-ai-widget.marketak-ai-widget{
    position:fixed!important;
    bottom:max(16px,env(safe-area-inset-bottom))!important;
    width:auto!important;
    height:auto!important;
    max-width:none!important;
    max-height:none!important;
    inset-block-start:auto!important;
    top:auto!important;
    margin:0!important;
    padding:0!important;
  }

  #marketak-ai-widget.marketak-ai-left{
    left:max(14px,env(safe-area-inset-left))!important;
    right:auto!important;
  }

  #marketak-ai-widget.marketak-ai-right{
    right:max(14px,env(safe-area-inset-right))!important;
    left:auto!important;
  }

  #marketak-ai-widget.is-open.marketak-ai-widget{
    bottom:max(16px,env(safe-area-inset-bottom))!important;
    width:auto!important;
    height:auto!important;
    max-width:none!important;
    max-height:none!important;
  }

  /* Old compact circular FAB: visible while panel is open and independent from panel size. */
  #marketak-ai-toggle.marketak-ai-fab{
    position:relative!important;
    z-index:2147483003!important;
    display:grid!important;
    place-items:center!important;
    width:62px!important;
    height:62px!important;
    min-width:62px!important;
    min-height:62px!important;
    max-width:62px!important;
    max-height:62px!important;
    padding:0!important;
    border-radius:999px!important;
    overflow:visible!important;
    box-shadow:0 16px 38px rgba(37,99,235,.32),0 6px 18px rgba(15,23,42,.16)!important;
  }

  #marketak-ai-toggle.marketak-ai-fab b{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    margin:0!important;
  }

  #marketak-ai-toggle.marketak-ai-fab small{
    display:none!important;
  }

  #marketak-ai-widget .ai-pulse{
    pointer-events:none!important;
  }

  /* Floating legacy window: compact card above the button, not fullscreen and not full column. */
  #marketak-ai-panel.marketak-ai-panel{
    position:fixed!important;
    z-index:2147483002!important;
    top:auto!important;
    inset-block-start:auto!important;
    bottom:calc(max(16px,env(safe-area-inset-bottom)) + 76px)!important;
    width:min(372px,calc(100vw - 28px))!important;
    min-width:0!important;
    max-width:calc(100vw - 28px)!important;
    height:min(548px,calc(100dvh - 118px))!important;
    max-height:calc(100dvh - 118px)!important;
    min-height:360px!important;
    border-radius:26px!important;
    overflow:hidden!important;
    margin:0!important;
    box-shadow:0 24px 70px rgba(15,23,42,.28),0 0 0 1px rgba(226,232,240,.92)!important;
  }

  #marketak-ai-widget.marketak-ai-left #marketak-ai-panel.marketak-ai-panel{
    left:max(14px,env(safe-area-inset-left))!important;
    right:auto!important;
  }

  #marketak-ai-widget.marketak-ai-right #marketak-ai-panel.marketak-ai-panel{
    right:max(14px,env(safe-area-inset-right))!important;
    left:auto!important;
  }

  #marketak-ai-panel .marketak-ai-head{
    flex:0 0 auto!important;
    padding:14px 15px!important;
    min-height:72px!important;
  }

  #marketak-ai-panel .marketak-ai-head h3{
    font-size:17px!important;
    line-height:1.35!important;
    margin:2px 0 0!important;
    max-width:240px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  #marketak-ai-panel .marketak-ai-head button{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    border-radius:14px!important;
  }

  #marketak-ai-panel .marketak-ai-body{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow:auto!important;
    -webkit-overflow-scrolling:touch!important;
    padding:14px!important;
  }

  #marketak-ai-panel .marketak-ai-msg{
    max-width:100%!important;
    font-size:13.5px!important;
    line-height:1.75!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
  }

  #marketak-ai-panel .marketak-ai-quick{
    gap:7px!important;
  }

  #marketak-ai-panel .marketak-ai-quick button{
    max-width:100%!important;
    white-space:normal!important;
    line-height:1.55!important;
  }

  #marketak-ai-panel .marketak-ai-form{
    flex:0 0 auto!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    width:100%!important;
    padding:10px!important;
  }

  #marketak-ai-panel .marketak-ai-form input{
    flex:1 1 auto!important;
    width:auto!important;
    min-width:0!important;
    height:46px!important;
    min-height:46px!important;
    padding:0 12px!important;
    font-size:13px!important;
  }

  #marketak-ai-panel .marketak-ai-form button{
    flex:0 0 auto!important;
    height:46px!important;
    min-width:72px!important;
    padding:0 13px!important;
    border-radius:15px!important;
  }
}

@media(max-width:380px){
  #marketak-ai-panel.marketak-ai-panel{
    width:calc(100vw - 22px)!important;
    max-width:calc(100vw - 22px)!important;
    min-height:330px!important;
  }
  #marketak-ai-widget.marketak-ai-left #marketak-ai-panel.marketak-ai-panel{
    left:11px!important;
  }
  #marketak-ai-widget.marketak-ai-right #marketak-ai-panel.marketak-ai-panel{
    right:11px!important;
  }
}

@supports not (height:100dvh){
  @media(max-width:640px){
    #marketak-ai-panel.marketak-ai-panel{
      height:min(548px,calc(100vh - 118px))!important;
      max-height:calc(100vh - 118px)!important;
    }
  }
}