/* Wide Open Digital site chat: launcher only (the panel styles are in chat.css, loaded on first click).
   Variable names follow /workspace/brand/concept_rl/assets/css/tokens.css (--night*, --on-night*, --accent-*, --focus-*,
   --night-glass/rim, --dur-*, --ease-out); fallbacks keep it working on pages that do not load tokens.css. */
.wodc {
  --wodc-gap: 20px;                 /* matches wod-a11y .trigger bottom/side offset (desktop) */
  --wodc-a11y: 56px;                /* wod-a11y trigger size (desktop) */
  --wodc-h: 48px;                   /* launcher height */
  --wodc-bottom: var(--wodc-gap);
  --wodc-z: 2147482000;             /* under the a11y widget (2147483000), over the page */
  --wodc-glass: color-mix(in srgb, var(--night-3, #1c1c1f) 86%, transparent);
  --wodc-rim: var(--night-rim-hi, rgb(255 255 255 / .18));
  --wodc-ink: var(--on-night, #f5f5f7);
  --wodc-ink-2: var(--on-night-2, #a1a1a6);
  --wodc-accent: var(--accent-fill, #0071e3);
  --wodc-link: var(--accent-night, #2997ff);
  --wodc-focus: var(--on-night, #f5f5f7);
  --wodc-dur: var(--dur-short, 220ms);
  --wodc-ease: var(--ease-out, cubic-bezier(0.16, 1, 0.3, 1));
  font: 500 1rem/1.3 var(--wodc-font, system-ui, -apple-system, "Segoe UI", sans-serif);
}
html[lang="he"] .wodc { --wodc-font: "Assistant", "Heebo", "Arial Hebrew", system-ui, sans-serif; }
.wodc[data-lift] { --wodc-bottom: calc(var(--wodc-gap) + var(--wodc-a11y) + 12px); }
.wodc-launch {
  position: fixed; z-index: var(--wodc-z); inset-block-end: calc(var(--wodc-bottom) + env(safe-area-inset-bottom, 0px)); inset-inline-end: var(--wodc-gap);
  display: inline-flex; align-items: center; gap: 8px; min-block-size: var(--wodc-h); padding: 0 18px 0 14px; margin: 0;
  border: 1px solid var(--wodc-rim); border-radius: 999px; background: var(--wodc-glass); color: var(--wodc-ink);
  -webkit-backdrop-filter: blur(18px) saturate(160%); backdrop-filter: blur(18px) saturate(160%);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / .16), 0 8px 24px rgb(0 0 0 / .32);
  font: inherit; cursor: pointer; -webkit-tap-highlight-color: transparent;
}
.wodc-launch svg { inline-size: 22px; block-size: 22px; flex: none; }
.wodc-launch:hover { background: color-mix(in srgb, var(--night-3, #1c1c1f) 94%, transparent); }
.wodc-launch:focus-visible { outline: 3px solid var(--wodc-focus); outline-offset: 2px; box-shadow: 0 0 0 7px var(--night, #050506); }
.wodc-launch[aria-expanded="true"] { background: var(--night-2, #111113); }
.wodc-panel[hidden] { display: none !important; }
@media (max-width: 600px) { .wodc { --wodc-gap: 16px; --wodc-a11y: 52px; } }
@media (prefers-reduced-motion: no-preference) { .wodc-launch { transition: background var(--wodc-dur) var(--wodc-ease), transform var(--wodc-dur) var(--wodc-ease); } .wodc-launch:active { transform: scale(.97); } }
@media (forced-colors: active) { .wodc-launch { border: 2px solid ButtonText; } .wodc-launch:focus-visible { outline-color: Highlight; } }
@media print { .wodc { display: none; } }