/* WebStackRank — Laravel additions for the design F "Orbit" kit (redesign v3, 2026-11-09).
   The kit's site.css / home.css are copied unchanged (webstackrank-v3/tools/sync_to_laravel.py);
   only rules for Laravel-side widgets live here. Colours come from the kit's two brand tokens. */

/* Floating action stack + chat panel (css/v2-widgets.css, shared with the v2 layout): the one token it
   takes from css/v2.css, mapped to the kit's body font. */
.fab-stack, .fab-chat-panel, #wsrChatRoot, .wsr-chat-root { --font: var(--f-body, 'Inter', system-ui, sans-serif); }

/* Chat launcher in the kit palette (deep purple disc, cream ring) so it reads on the orange poster. */
.fab-stack .fab--chat {
  background: var(--b1-solid, #4c1d95);
  color: var(--cream, #f6f1ea);
  box-shadow: 0 0 0 2px var(--cream, #f6f1ea), 0 14px 30px -10px rgba(15, 12, 20, .55);
}
.fab-stack .fab--chat:hover { color: var(--cream, #f6f1ea); }

/* The launcher waits until the visitor scrolls a little (laravel-bridge.js sets html.fab-wait at the top of
   the page), so it never sits on the hero's call-to-action buttons; an open panel always stays. */
html.fab-wait .fab-stack .fab-chat-wrap:not(.open) { opacity: 0; visibility: hidden; transform: translateY(12px); }
.fab-stack .fab-chat-wrap { transition: opacity .25s ease, transform .25s ease, visibility .25s; }

/* The kit's full-screen mobile drawer sits above the page; keep the floating buttons out of its way. */
html.drawer-open .fab-stack { opacity: 0; visibility: hidden; pointer-events: none; }