/* Scoped homepage and payment-step support. No changes to payment logic. */
.ord-support-widget{position:fixed;right:20px;bottom:20px;z-index:2147482999;max-width:calc(100vw - 40px);font-family:inherit;display:flex;flex-direction:column;align-items:flex-end}
.ord-support-widget[hidden],.ord-support-invitation[hidden]{display:none!important}
/* Toque so no que se ve (08/10/2026). O conteiner tem a altura do convite mesmo com o convite
   escondido (visibility:hidden mantem o espaco), e aceitava toque: no checkout essa area
   invisivel, ~300x175 px acima do botao, engolia o clique em "Pay", no seletor de pais, no
   telefone e nas redes de pagamento. O conteiner nao recebe toque; cada parte visivel recebe. */
.ord-support-widget{pointer-events:none}
.ord-support-widget>*{pointer-events:auto}
.ord-support-action{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 20px;box-sizing:border-box;background:#0c1c2b;color:#f5f1e8!important;border:1px solid #c5a471;border-radius:var(--ra-pill);font-size:var(--fs-14);font-weight:var(--fw-600);line-height:1.5;text-decoration:none!important;text-align:center;cursor:pointer}
.ord-support-action:hover{background:#18334a;border-color:#e8ce9f}
.ord-support-action:focus-visible,.ord-support-dismiss:focus-visible{outline:3px solid #b47e35;outline-offset:4px}
#ord-support-launcher,.ord-support-checkout .ord-support-action{box-shadow:0 6px 24px #07142133}
.ord-support-chat-icon{width:20px;height:17px;border:2px solid #d8bb8b;border-radius:var(--ra-4);position:relative;flex:none;box-sizing:border-box}
.ord-support-chat-icon:after{content:"";position:absolute;bottom:-5px;left:3px;width:6px;height:6px;border-left:2px solid #d8bb8b;transform:skewY(-35deg);background:#0c1c2b}
.ord-support-invitation{position:relative;width:300px;max-width:100%;padding:16px 14px;box-sizing:border-box;margin-bottom:12px;background:#fbf8f1;color:#0c1c2b;border:1px solid #c5a471;border-radius:var(--ra-10);box-shadow:0 8px 28px #07142126}
.ord-support-invitation strong{display:block;padding-inline-end:22px;font-size:var(--fs-16);font-weight:var(--fw-600);line-height:1.4}
.ord-support-invitation p{margin:6px 0 0;font-size:var(--fs-14);line-height:1.4;color:#394b5a}
.ord-support-invitation:after{content:"";position:absolute;bottom:-7px;right:38px;width:12px;height:12px;background:#fbf8f1;border-right:1px solid #c5a471;border-bottom:1px solid #c5a471;transform:rotate(45deg)}
.ord-support-dismiss{position:absolute;inset-inline-end:0;top:0;display:grid;place-items:center;width:44px;height:44px;border:0;background:transparent;color:#394b5a;font:inherit;font-size:var(--fs-24);cursor:pointer;border-radius:var(--ra-circle)}
.ord-support-inline{margin-top:16px}
.ord-support-copy>.ord-support-action{margin-inline-end:12px;margin-bottom:12px}
@media(max-width:600px){.ord-support-widget{right:max(16px,env(safe-area-inset-right,0px));max-width:calc(100vw - 32px)}.ord-support-action{padding:10px 16px}.ord-support-invitation{width:100%;padding:16px 14px;margin-bottom:16px}.ord-support-invitation:after{display:none}.ord-support-copy>.ord-support-action{display:flex;margin-inline-end:0}}
/* Doca: ate 860px, com a barra de compra na tela, o botao para no lugar que a barra reserva
   (posicao calculada pelo support-invitation.js). Nada flutua sobre o conteudo. */
.ord-support-widget.is-docked{max-width:none}
.ord-support-widget.is-docked .ord-support-action{min-height:44px}
@media(max-width:340px){.ord-support-widget.is-docked .ord-support-action{gap:6px;padding:8px 12px;font-size:var(--fs-12)}}
/* Flutuando (hero no telefone, desktop): cede a vez em vez de cobrir botao de compra ou preco.
   Sai na hora (sem transicao) e volta com fade: nem por 150ms ele fica por cima do preco. */
.ord-support-widget,.ord-support-invitation{transition:opacity .15s ease,visibility .15s ease}
.ord-support-widget.is-yielding,.ord-support-invitation.is-yielding{opacity:0;visibility:hidden;pointer-events:none;transition:none}
@media(prefers-reduced-motion:reduce){.ord-support-widget,.ord-support-invitation{transition:none}}
/* Checkout: suporte no fluxo, sem flutuar sobre nada (08/10/2026). No resumo do pedido, logo
   abaixo do botao de pagar; nas barras de pagamento do celular, como icone de 48px. */
.ord-support-inflow{margin-top:16px;padding-top:16px;border-top:1px solid rgba(197,164,113,.28)}
.ord-support-inflow p{margin:0 0 10px;font-size:var(--fs-12);line-height:1.5;color:var(--ink-inverse-muted,#b9c2cc)}
.ord-support-inflow .ord-support-action{display:flex;width:100%;min-height:48px}
.ord-support-dock-btn{display:inline-flex;align-items:center;justify-content:center;flex:none;width:48px;height:48px;box-sizing:border-box;background:#0c1c2b;border:1px solid #c5a471;border-radius:var(--ra-pill);cursor:pointer}
.ord-support-dock-btn:hover{background:#18334a;border-color:#e8ce9f}
.ord-support-dock-btn:focus-visible{outline:3px solid #b47e35;outline-offset:3px}
/* Na barra do celular o icone divide espaco com o total e o botao de pagar: 44px e folga menor,
   para o botao de pagar e o nome da rede nao encolherem mais que o necessario. */
#mobile-prepay-dock .ord-support-dock-btn,#pay-sticky-dock .ord-support-dock-btn{width:44px;height:44px}
#mobile-prepay-dock:has(.ord-support-dock-btn),#pay-sticky-dock:has(.ord-support-dock-btn){gap:8px}
#mobile-prepay-dock:has(.ord-support-dock-btn) .mobile-prepay-summary small{white-space:normal;overflow:visible}
.ord-support-head{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:6px 14px;box-sizing:border-box;border:1px solid rgba(197,164,113,.55);border-radius:var(--ra-pill);color:#f5f1e8!important;font-size:var(--fs-14);font-weight:var(--fw-600);text-decoration:none!important;white-space:nowrap}
.ord-support-head:hover{border-color:#e8ce9f;background:rgba(197,164,113,.1)}
.ord-support-head:focus-visible{outline:3px solid #b47e35;outline-offset:3px}
.ord-support-head .ord-support-chat-icon:after{background:var(--navy-deep,#081320)}
@media(max-width:767px){.ord-support-head{display:none}}
.ord-support-checkout.is-compact .ord-support-action{width:48px;height:48px;min-height:48px;padding:0;gap:0;font-size:0}
.ord-support-checkout.is-compact .ord-support-invitation{display:none}
/* Convite dentro da secao de precos (telefone e, com o chat na doca, ate 860px). */
.ord-support-inline .ord-support-invitation{width:100%;padding:16px 14px;margin-bottom:16px}
.ord-support-inline .ord-support-invitation:after{display:none}
.ord-support-hero-slot{height:0}
@media(max-width:600px){.ord-support-hero-slot{min-height:64px;height:auto}.ord-support-widget.is-hero-inline{position:static;max-width:100%;align-items:flex-start;margin:0 0 16px}.ord-support-widget.is-hero-inline .ord-support-action{box-shadow:none}}
/* First-party status stays usable when the chat provider cannot load. Nonmodal:
   no backdrop, scroll lock or focus trap; only this panel receives pointer input. */
#ord-support-status{position:fixed;z-index:2147483002;right:max(16px,env(safe-area-inset-right,0px));bottom:max(16px,env(safe-area-inset-bottom,0px));width:360px;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow:auto;box-sizing:border-box;padding:24px 16px 16px;background:#fbf8f1;color:#0c1c2b;border:1px solid #c5a471;border-radius:var(--ra-10);box-shadow:0 8px 28px #07142140;font:var(--fs-14)/1.5 var(--font-sans)}
#ord-support-status[hidden],#ord-support-status [hidden]{display:none!important}
#ord-support-status strong{display:block;padding-inline-end:44px;font-size:var(--fs-16)}
#ord-support-status p{margin:12px 0;color:#394b5a;font-size:var(--fs-14);line-height:1.5}
#ord-support-status input{box-sizing:border-box;width:100%;min-width:0;min-height:44px;padding:8px;border:1px solid #798591;border-radius:var(--ra-4);background:#fff;color:#0c1c2b;font:var(--fs-14)/1.5 var(--font-sans);direction:ltr}
.ord-support-status-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
#ord-support-status .ord-support-action{font:var(--fw-600) var(--fs-14)/1.5 var(--font-sans);min-height:44px;padding:8px 12px;border-radius:var(--ra-pill)}
#ord-support-status :focus-visible{outline:3px solid #b47e35;outline-offset:2px}