/* Carneiro Hotel — a KIRA (assistente virtual da KitiHaus) · v1.0311 (posição pelas variáveis --fab-* do site.css; recolhe com html.fab-min) · v1.0310
 * O embed da Kira (kitihaus.com.br/assets/js/kira-embed.min.js) cria UM iframe FIXO no canto inferior direito de cada página do hóspede
 * (300×92 no celular, 300×100 a partir de 768px; o botão dela mede 56px com 16px de margem no celular e 60px com 20px de 768px em diante —
 * embed v1.172) e deixa o tamanho/posição em style="". Aqui ficam os 2 ajustes do nosso lado, ligados por assets/js/kira.js, que põe em <html>
 * data-kira="fab" (botão) | "nudge" (aviso) | "open" (chat aberto) e as classes fab-min (rolando) / fab-capa / fab-esc (quadro de reserva da capa, site.js). Tudo é !important porque o embed escreve em style="". */

/* 1) POSIÇÃO — só onde existe o WhatsApp flutuante (a landing). Fechada, a Kira fica EMPILHADA ACIMA do WhatsApp (e do «Minha área», quando ele aparece): mesma borda
 * direita, mesmo respiro (--fab-gap = 10px). Tudo sai das variáveis do site.css (--fab-r · --fab-b · --fab-h · --fab-gap): o botão da Kira tem 16px de margem dentro do iframe
 * no celular e 20px de 768px em diante — por isso o "- 16px"/"- 20px". Camada 109: abaixo do WhatsApp (110), da barra (120), da abertura (3000) e dos modais (4000+).
 * Aberta, ela volta ao canto e ao topo de tudo, como a própria Kira quer. */
html:not([data-kira="open"]):has(.wa-fab) iframe[src*="kitihaus.com.br/kira-embed"] { z-index: 109 !important; right: calc(var(--fab-r, 14px) - 16px) !important; bottom: calc(var(--fab-b, 106px) + var(--fab-h, 56px) + var(--fab-gap, 10px) - 16px + env(safe-area-inset-bottom)) !important; }
html:not([data-kira="open"]):has(.wa-fab):has(.gx-fab.is-in) iframe[src*="kitihaus.com.br/kira-embed"] { bottom: calc(var(--fab-b, 106px) + 2 * (var(--fab-h, 56px) + var(--fab-gap, 10px)) - 16px + env(safe-area-inset-bottom)) !important; }
@media (min-width: 768px) {
  html:not([data-kira="open"]):has(.wa-fab) iframe[src*="kitihaus.com.br/kira-embed"] { right: calc(var(--fab-r, 14px) - 20px) !important; bottom: calc(var(--fab-b, 106px) + var(--fab-h, 60px) + var(--fab-gap, 10px) - 20px + env(safe-area-inset-bottom)) !important; }
  html:not([data-kira="open"]):has(.wa-fab):has(.gx-fab.is-in) iframe[src*="kitihaus.com.br/kira-embed"] { bottom: calc(var(--fab-b, 106px) + 2 * (var(--fab-h, 60px) + var(--fab-gap, 10px)) - 20px + env(safe-area-inset-bottom)) !important; }
}

/* 2) ÁREA DE TOQUE + RECOLHER AO ROLAR — o iframe é 300×92 (ou 300×100), mas só o botão é da Kira: o resto é transparente e, sem recorte, roubaria o toque
 * de qualquer link ou botão da página que passe por baixo dele. O recorte (clip-path) deixa o iframe valendo SÓ o botão (1px de folga) — e é ele que faz o recolher:
 * a Kira recolhe o botão no círculo da foto quando a página dela rola (igual no site dela), mas dentro do iframe nunca rola, então o aviso não chega;
 * do nosso lado o recorte encolhe até o círculo da foto e o iframe desliza para a borda direita (o botão é ancorado à direita: a foto fica na ponta esquerda).
 * Só no botão — com o aviso (nudge) ou o chat aberto, nada disso se aplica.
 * Celular: botão 56px em x 86→284, y 20→76 do iframe · de 768px em diante: 60px em x 78→280, y 20→80. A foto anda 142px (largura do botão − a da foto). */
html:not([data-kira="open"]):not([data-kira="nudge"]) iframe[src*="kitihaus.com.br/kira-embed"] { clip-path: inset(19px 15px 15px 85px round 29px); transition: clip-path .35s cubic-bezier(.3, .8, .3, 1), transform .35s cubic-bezier(.3, .8, .3, 1), opacity .4s ease; }
html:is(.fab-min, .fab-capa):not([data-kira="open"]):not([data-kira="nudge"]) iframe[src*="kitihaus.com.br/kira-embed"] { clip-path: inset(19px 157px 15px 85px round 29px); transform: translateX(142px); }
@media (min-width: 768px) {
  html:not([data-kira="open"]):not([data-kira="nudge"]) iframe[src*="kitihaus.com.br/kira-embed"] { clip-path: inset(19px 19px 19px 77px round 31px); }
  html:is(.fab-min, .fab-capa):not([data-kira="open"]):not([data-kira="nudge"]) iframe[src*="kitihaus.com.br/kira-embed"] { clip-path: inset(19px 161px 19px 77px round 31px); }
}
/* 3) EM CIMA DO QUADRO DE RESERVA DA CAPA (site.js): html.fab-capa recolhe como na rolagem; html.fab-esc some a pilha toda (a Kira também: o aviso não cobre os campos). Aberta, nunca some. */
html.fab-esc:not([data-kira="open"]) iframe[src*="kitihaus.com.br/kira-embed"] { opacity: 0 !important; pointer-events: none !important; transform: translateY(10px); transition: opacity .4s ease, transform .4s ease; }
@media (prefers-reduced-motion: reduce) {
  html:not([data-kira="open"]) iframe[src*="kitihaus.com.br/kira-embed"] { transition: none !important; }
}