/* Favorito Delivery — Build 411
   Chat responsivo com teclado aberto: mantém cabeçalho e campo de mensagem sempre visíveis.
   Corrige viewport móvel, zoom automático do iOS e rolagem da página por trás do chat. */

.fd409-store-chat-dialog,
.fd409-store-chat-shell,
.fd409-store-chat-head,
.fd409-store-chat-messages,
.fd409-store-chat-form{
  box-sizing:border-box;
}

/* O cabeçalho do chat nunca participa da rolagem das mensagens. */
.fd409-store-chat-head{
  position:relative;
  z-index:5;
  flex:0 0 auto;
}
.fd409-store-chat-messages{
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
}
.fd409-store-chat-form{
  position:relative;
  z-index:5;
  flex:0 0 auto;
}

/* Tablet e celular: o chat usa exatamente a área visível, inclusive com teclado aberto. */
@media (max-width:900px){
  html.fd411-chat-open,
  body.fd411-chat-open{
    overflow:hidden!important;
    overscroll-behavior:none!important;
  }
  body.fd411-chat-open{
    position:fixed!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    top:var(--fd411-page-lock-top,0px)!important;
  }

  .fd409-store-chat-dialog{
    position:fixed!important;
    inset:auto!important;
    top:var(--fd411-chat-top,0px)!important;
    left:var(--fd411-chat-left,0px)!important;
    width:var(--fd411-chat-width,100vw)!important;
    max-width:none!important;
    height:var(--fd411-chat-height,100dvh)!important;
    min-height:0!important;
    max-height:var(--fd411-chat-height,100dvh)!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    overflow:hidden!important;
    transform:none!important;
  }

  .fd409-store-chat-shell{
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr) auto auto!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
    overflow:hidden!important;
    padding:0!important;
  }

  .fd409-store-chat-head{
    min-height:58px!important;
    padding:10px max(12px,env(safe-area-inset-right)) 10px max(12px,env(safe-area-inset-left))!important;
    background:var(--surface,#fff)!important;
  }

  .fd409-store-chat-head-icon{
    width:36px!important;
    height:36px!important;
    border-radius:11px!important;
  }

  .fd409-store-chat-head>button{
    width:38px!important;
    height:38px!important;
  }

  .fd409-store-chat-messages{
    min-height:0!important;
    height:auto!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    padding:12px max(12px,env(safe-area-inset-right)) 12px max(12px,env(safe-area-inset-left))!important;
  }

  .fd409-store-chat-feedback{
    position:relative!important;
    z-index:4!important;
    margin:0!important;
    flex:0 0 auto!important;
  }

  .fd409-store-chat-form{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 46px!important;
    align-items:end!important;
    gap:8px!important;
    width:100%!important;
    margin:0!important;
    padding:9px max(10px,env(safe-area-inset-right)) max(9px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))!important;
    background:var(--surface,#fff)!important;
    border-top:1px solid var(--border,#e5e7eb)!important;
  }

  /* 16px evita o zoom automático do Safari/iPhone ao tocar no campo. */
  .fd409-store-chat-form textarea{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    min-height:46px!important;
    height:46px!important;
    max-height:96px!important;
    margin:0!important;
    padding:12px!important;
    border-radius:14px!important;
    font-size:16px!important;
    line-height:1.3!important;
    resize:none!important;
    -webkit-text-size-adjust:100%!important;
    touch-action:manipulation;
  }

  .fd409-store-chat-form button{
    align-self:end!important;
    width:46px!important;
    min-width:46px!important;
    height:46px!important;
    min-height:46px!important;
    margin:0!important;
    padding:0!important;
    border-radius:14px!important;
    flex:0 0 46px!important;
  }

  .fd409-store-chat-form button span{display:none!important}
  .fd409-store-chat-message{max-width:88%!important}
}

/* Celulares baixos/teclado grande: compacta somente o necessário sem esconder o topo. */
@media (max-width:900px) and (max-height:560px){
  .fd409-store-chat-head{
    min-height:50px!important;
    padding-top:6px!important;
    padding-bottom:6px!important;
  }
  .fd409-store-chat-head-icon{width:32px!important;height:32px!important}
  .fd409-store-chat-head>button{width:34px!important;height:34px!important}
  .fd409-store-chat-messages{padding-top:8px!important;padding-bottom:8px!important}
  .fd409-store-chat-form{padding-top:7px!important}
  .fd409-store-chat-form textarea{min-height:44px!important;height:44px!important}
  .fd409-store-chat-form button{height:44px!important;min-height:44px!important}
}