/* Loaded after chatbot.css and lia.css; all adjustments stay inside Lía. */
@font-face {
  font-family: 'Manrope';
  src: url('../fonts/manrope-latin.woff2?v=debbbce52e03cea2') format('woff2');
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
}

body[data-site-variant='original'] .lia-chat {
  --sf-red: #b51220;
  --sf-yellow: #ffd21c;
  --sf-ink: #202124;
  --sf-muted: #5f6368;
  --ink: #202124;
  --accent: #b51220;
  --paper: #fff;
  --sf-contact-bottom: 20px;
  --sf-contact-right: 20px;
  --sf-lia-offset: 0px;
  z-index: 1100;
  right: var(--sf-contact-right);
  bottom: calc(var(--sf-contact-bottom) + env(safe-area-inset-bottom, 0px));
  font-family: 'Manrope', Arial, sans-serif;
  cursor: auto;
}

/* The original home has a 60 px WhatsApp button, 20 px from both edges. */
body[data-site-variant='original'][data-original-whatsapp='true'] .lia-chat {
  --sf-lia-offset: 72px;
}

body[data-site-variant='original'] .lia-chat *,
body[data-site-variant='original'] .lia-chat *::before,
body[data-site-variant='original'] .lia-chat *::after {
  box-sizing: border-box;
}

body[data-site-variant='original'] .lia-chat :is(button, a) { cursor: pointer; }
body[data-site-variant='original'] .lia-chat input { cursor: text; }
body[data-site-variant='original'] .lia-chat .flash-chat-action:disabled,
body[data-site-variant='original'] .lia-chat .flash-chat-action[aria-disabled='true'] { cursor: wait; }

body[data-site-variant='original'] .lia-chat .flash-chat-panel {
  width: min(410px, calc(100vw - 40px));
  /* Account for both the dock and the safe area, retaining a 20 px top gap. */
  max-height: calc(100dvh - var(--sf-contact-bottom) - var(--sf-lia-offset) - 97px - env(safe-area-inset-bottom, 0px));
}

/* Keep the original full-screen menu and loading screen unobstructed. */
.original-menu-open body[data-site-variant='original'] .lia-chat,
body[data-site-variant='original'].original-menu-open .lia-chat {
  visibility: hidden;
  pointer-events: none;
}

@media (max-width: 480px) {
  body[data-site-variant='original'] .lia-chat .flash-chat-panel {
    max-height: calc(100dvh - var(--sf-contact-bottom) - var(--sf-lia-offset) - 92px - env(safe-area-inset-bottom, 0px));
  }
}