/* Forza WhatsApp Widget — front-end
   Estilos blindados contra o CSS do tema: as propriedades visuais usam !important
   e todos os seletores são escopados em .fwa-root. */

/* reset de escopo */
.fwa-root,
.fwa-root *,
.fwa-root *::before,
.fwa-root *::after{box-sizing:border-box!important;float:none!important;text-transform:none!important;letter-spacing:normal!important;text-shadow:none!important;text-indent:0!important;list-style:none!important;max-width:none!important;min-width:0!important}
.fwa-root{--fwa-principal:#075e54;--fwa-botao:#25d366;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;font-size:14px!important;line-height:1.45!important;color:#222!important;direction:ltr!important}
.fwa-root button,
.fwa-root input,
.fwa-root select,
.fwa-root a{margin:0!important;font-family:inherit!important;text-transform:none!important;text-decoration:none!important;box-shadow:none!important;text-align:left!important;transition:none!important;-webkit-appearance:none;appearance:none}
.fwa-root button{width:auto!important;min-width:0!important;line-height:1!important;letter-spacing:normal!important}
.fwa-root button::after,
.fwa-root button::before,
.fwa-root a::after,
.fwa-root a::before{content:none!important;display:none!important}

/* botão flutuante */
.fwa-root .fwa-fab{position:fixed!important;right:20px!important;left:auto!important;bottom:20px!important;top:auto!important;z-index:99998!important;height:56px!important;min-height:0!important;padding:0 20px 0 16px!important;border:0!important;border-radius:28px!important;background:var(--fwa-botao)!important;color:#fff!important;font-size:15px!important;font-weight:600!important;display:flex!important;align-items:center!important;gap:10px!important;box-shadow:0 8px 24px rgba(0,0,0,.3)!important;cursor:pointer!important;opacity:1!important;visibility:visible!important;transform:none!important;text-align:left!important}
.fwa-root .fwa-fab:hover,
.fwa-root .fwa-fab:focus{background:var(--fwa-botao)!important;color:#fff!important;filter:brightness(.95);border:0!important;outline-offset:2px}
.fwa-root .fwa-fab svg{width:28px!important;height:28px!important;flex-shrink:0!important;display:block!important;fill:#fff!important}
.fwa-root.fwa--esquerda .fwa-fab{right:auto!important;left:20px!important}

/* painel */
.fwa-root .fwa-panel{position:fixed!important;right:20px!important;left:auto!important;bottom:92px!important;top:auto!important;z-index:99999!important;width:min(380px,calc(100vw - 40px))!important;max-height:min(720px,calc(100vh - 112px))!important;background:#efeae2!important;border:0!important;border-radius:16px!important;box-shadow:0 16px 48px rgba(0,0,0,.35)!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;padding:0!important;margin:0!important;opacity:1!important;visibility:visible!important;transform:none!important}
.fwa-root .fwa-panel[hidden]{display:none!important}
.fwa-root.fwa--esquerda .fwa-panel{right:auto!important;left:20px!important}
@media (max-width:639px){
  .fwa-root .fwa-panel,
  .fwa-root.fwa--esquerda .fwa-panel{left:0!important;right:0!important;bottom:0!important;width:100%!important;max-height:min(94vh,calc(100dvh - 12px))!important;border-radius:18px 18px 0 0!important;padding-bottom:env(safe-area-inset-bottom)!important}
  .fwa-root.fwa--open .fwa-fab{display:none!important}
}

/* cabeçalho */
.fwa-root .fwa-head{background:var(--fwa-principal)!important;color:#fff!important;padding:12px 14px!important;display:flex!important;align-items:center!important;gap:10px!important;flex-shrink:0!important;border:0!important}
.fwa-root .fwa-avatar{width:40px!important;height:40px!important;border-radius:50%!important;background:#f5b800!important;color:#111!important;display:flex!important;align-items:center!important;justify-content:center!important;font-weight:700!important;font-size:13px!important;flex-shrink:0!important}
.fwa-root .fwa-head-txt{flex:1 1 auto!important;min-width:0!important;display:flex!important;flex-direction:column!important;gap:2px!important}
.fwa-root .fwa-nome{font-size:15px!important;font-weight:600!important;color:#fff!important}
.fwa-root .fwa-status{font-size:12px!important;color:#fff!important;opacity:.85!important;display:flex!important;align-items:center!important;gap:6px!important}
.fwa-root .fwa-status::before{content:""!important;display:inline-block!important;width:8px!important;height:8px!important;border-radius:50%!important;background:#25d366!important;flex-shrink:0!important}
.fwa-root .fwa-close{border:0!important;background:transparent!important;color:#fff!important;font-size:24px!important;line-height:1!important;cursor:pointer!important;padding:4px 6px!important;height:auto!important;border-radius:0!important;box-shadow:none!important}
.fwa-root .fwa-close:hover{background:transparent!important;color:#fff!important;opacity:.8}

/* abas */
.fwa-root .fwa-tabs-wrap{padding:12px 14px 0!important;display:flex!important;flex-direction:column!important;gap:6px!important;flex-shrink:0!important}
.fwa-root .fwa-tabs-wrap[hidden]{display:none!important}
.fwa-root .fwa-tabs-title{font-size:12px!important;color:#6b6b6b!important;font-weight:500!important}
.fwa-root .fwa-tabs{display:flex!important;gap:4px!important;padding:4px!important;background:#e2dcd2!important;border-radius:10px!important}
.fwa-root .fwa-tab{flex:1 1 0!important;min-width:0!important;height:36px!important;padding:0 6px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#333!important;font-size:clamp(11px,3.4vw,13px)!important;font-weight:500!important;cursor:pointer!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-align:center!important;box-shadow:none!important}
.fwa-root .fwa-tab:hover{background:rgba(255,255,255,.45)!important;color:#333!important}
.fwa-root .fwa-tab[aria-selected="true"]{background:var(--fwa-principal)!important;color:#fff!important;font-weight:600!important;box-shadow:0 1px 3px rgba(0,0,0,.2)!important}

/* corpo */
.fwa-root .fwa-scroll{overflow-x:hidden!important;overflow-y:auto!important;display:flex!important;flex-direction:column!important;-webkit-overflow-scrolling:touch}
.fwa-root .fwa-intro{margin:12px 14px 0!important;align-self:flex-start!important;max-width:90%!important;background:#fff!important;border:0!important;border-radius:0 10px 10px 10px!important;padding:10px 12px!important;color:#222!important;font-size:14px!important;line-height:1.45!important;box-shadow:0 1px 1px rgba(0,0,0,.08)!important}
.fwa-root .fwa-form{padding:12px 14px 16px!important;display:flex!important;flex-direction:column!important;gap:12px!important;min-width:0!important;position:relative!important;background:transparent!important;border:0!important;margin:0!important}
.fwa-root .fwa-field{display:flex!important;flex-direction:column!important;gap:4px!important;margin:0!important;width:auto!important}
.fwa-root .fwa-label{font-size:12px!important;font-weight:600!important;color:#4a4a4a!important;display:block!important;margin:0!important;line-height:1.35!important}

/* campos */
.fwa-root .fwa-input,
.fwa-root .fwa-select{height:44px!important;min-height:44px!important;width:100%!important;margin:0!important;border:1px solid #d5d0c6!important;border-radius:8px!important;padding:0 12px!important;font-size:15px!important;font-weight:400!important;line-height:1.2!important;background:#fff!important;background-image:none!important;color:#222!important;box-shadow:none!important;outline:none;display:block!important}
.fwa-root .fwa-select{padding:0 30px 0 8px!important;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' fill='%23555'%3E%3Cpath d='M1 1l5 5 5-5'  stroke='%23555' stroke-width='1.6' fill='none'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 10px center!important;background-size:12px 8px!important}
.fwa-root .fwa-input:focus,
.fwa-root .fwa-select:focus{border-color:#d5d0c6!important;outline:2px solid var(--fwa-principal)!important;outline-offset:0!important;box-shadow:none!important}
.fwa-root .fwa-input[hidden]{display:none!important}
.fwa-root .fwa-outro{margin-top:6px!important}
.fwa-root .fwa-phone{display:flex!important;height:44px!important;border:1px solid #d5d0c6!important;border-radius:8px!important;background:#fff!important;overflow:hidden!important;padding:0!important}
.fwa-root .fwa-phone-ddi{display:flex!important;align-items:center!important;padding:0 10px!important;border-right:1px solid #e3ded4!important;color:#555!important;font-size:14px!important;white-space:nowrap!important;flex-shrink:0!important}
.fwa-root .fwa-phone .fwa-input{flex:1 1 auto!important;border:0!important;min-width:0!important;height:100%!important;border-radius:0!important}
.fwa-root .fwa-phone .fwa-input:focus{outline:none!important}
.fwa-root .fwa-phone:focus-within{outline:2px solid var(--fwa-principal)!important}

/* autocomplete */
.fwa-root .fwa-ac{position:relative!important}
.fwa-root .fwa-sug{position:absolute!important;left:0!important;right:0!important;top:48px!important;background:#fff!important;border:1px solid #d5d0c6!important;border-radius:8px!important;box-shadow:0 8px 24px rgba(0,0,0,.15)!important;max-height:180px!important;overflow:auto!important;z-index:5!important;display:flex!important;flex-direction:column!important;padding:0!important}
.fwa-root .fwa-sug[hidden]{display:none!important}
.fwa-root .fwa-sug button{text-align:left!important;border:0!important;background:#fff!important;padding:10px 12px!important;font-size:14px!important;font-weight:400!important;line-height:1.3!important;color:#222!important;cursor:pointer!important;border-radius:0!important;width:100%!important;height:auto!important;box-shadow:none!important}
.fwa-root .fwa-sug button:hover,
.fwa-root .fwa-sug button.is-active{background:#f1ede6!important;color:#222!important}

/* estado + cidade travados */
.fwa-root .fwa-local{display:flex!important;flex-direction:column!important;gap:6px!important}
.fwa-root .fwa-lock{display:flex!important;align-items:center!important;gap:10px!important;height:44px!important;border:1px solid #b9dcc6!important;border-radius:8px!important;background:#f1faf4!important;padding:0 12px!important}
.fwa-root .fwa-lock span{flex:1 1 auto!important;min-width:0!important;font-size:15px!important;color:#222!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.fwa-root .fwa-lock em{color:#25a244!important;font-style:normal!important;font-weight:600!important}
.fwa-root .fwa-lock button{border:0!important;background:transparent!important;color:var(--fwa-principal)!important;font-size:13px!important;cursor:pointer!important;text-decoration:underline!important;padding:0!important;height:auto!important;box-shadow:none!important}
.fwa-root .fwa-equipe{font-size:12px!important;color:var(--fwa-principal)!important}
.fwa-root .fwa-erro{font-size:12px!important;color:#b3261e!important}
.fwa-root .fwa-erro[hidden]{display:none!important}

/* enviar */
.fwa-root .fwa-submit{height:46px!important;min-height:46px!important;width:100%!important;border:0!important;border-radius:8px!important;background:var(--fwa-botao)!important;color:#fff!important;font-size:15px!important;font-weight:600!important;cursor:pointer!important;margin-top:4px!important;padding:0 16px!important;text-align:center!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:none!important}
.fwa-root .fwa-submit:hover,
.fwa-root .fwa-submit:focus{background:var(--fwa-botao)!important;color:#fff!important;border:0!important;filter:brightness(.95)}
.fwa-root .fwa-submit[disabled]{opacity:.7!important;cursor:default!important}
.fwa-root .fwa-ok{font-size:13px!important;color:var(--fwa-principal)!important;text-align:center!important;line-height:1.5!important}
.fwa-root .fwa-ok a{color:inherit!important;text-decoration:underline!important}
.fwa-root .fwa-hp{position:absolute!important;left:-9999px!important;top:0!important;width:1px!important;height:1px!important;min-height:0!important;opacity:0!important;border:0!important;padding:0!important}

/* debug */
.fwa-root .fwa-debug{position:fixed!important;left:12px!important;right:auto!important;bottom:12px!important;z-index:99999!important;width:min(320px,calc(100vw - 24px))!important;max-height:40vh!important;overflow:auto!important;background:rgba(15,18,22,.96)!important;color:#e8eaed!important;border:1px solid #262c35!important;border-radius:10px!important;padding:10px 12px!important;font-family:ui-monospace,Menlo,Consolas,monospace!important;font-size:11px!important;line-height:1.5!important;display:flex!important;flex-direction:column!important;gap:6px!important}
.fwa-root.fwa--esquerda .fwa-debug{left:auto!important;right:12px!important}
.fwa-root .fwa-debug-h{display:flex!important;justify-content:space-between!important;color:#f5b800!important;font-weight:600!important}
.fwa-root .fwa-debug > div + div{border-top:1px solid #262c35!important;padding-top:6px!important;word-break:break-word!important}
.fwa-root .fwa-debug b{color:#7ee08a!important;font-weight:500!important}
.fwa-root .fwa-debug i{color:#a3a9b3!important;font-style:normal!important}

/* CTA do shortcode */
.fwa-cta{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 20px;border-radius:23px;background:#25d366;color:#fff!important;font-weight:600;text-decoration:none!important}
.fwa-cta:hover{filter:brightness(.95);color:#fff!important}
