/* The chat of the site with the florists (assets/site-chat.js). Brand colours of the theme; a window in the corner, the whole screen on a phone and inside the app. */
.vb-sc {
  --sc-wine: var(--vb-primary, #8f3d56);
  --sc-wine-deep: var(--vb-primary-deep, #743046);
  --sc-wine-soft: var(--vb-primary-soft, #f4e5ea);
  --sc-ink: var(--vb-ink, #2b2526);
  --sc-muted: var(--vb-muted, #756d6e);
  --sc-line: var(--vb-line, #e7dfdc);
  position: fixed; right: 16px; bottom: 16px; z-index: 2147483000;
  display: flex; flex-direction: column;
  width: min(380px, calc(100vw - 24px)); height: min(560px, calc(100dvh - 32px));
  background: #fff; color: var(--sc-ink); border: 1px solid var(--sc-line); border-radius: 18px;
  box-shadow: 0 18px 48px rgba(43, 37, 38, .22); overflow: hidden;
  font: 15px/1.4 var(--vb-font, "Manrope", "Segoe UI", Arial, sans-serif);
}
.vb-sc[hidden] { display: none; }
.vb-sc * { box-sizing: border-box; }
.vb-sc--embed { inset: 0; width: 100%; height: 100dvh; border: 0; border-radius: 0; box-shadow: none; }
@media (max-width: 640px) {
  .vb-sc { inset: 0; width: 100%; height: 100dvh; border: 0; border-radius: 0; box-shadow: none; padding-bottom: env(safe-area-inset-bottom); }
}
.vb-sc__head { display: flex; align-items: center; gap: 10px; padding: 12px 14px; background: var(--sc-wine); color: #fff; padding-top: max(12px, env(safe-area-inset-top)); }
.vb-sc--embed .vb-sc__head { display: none; }
.vb-sc__title { flex: 1; min-width: 0; display: grid; }
.vb-sc__title strong { font-size: 16px; font-weight: 800; }
.vb-sc__title small { font-size: 12.5px; opacity: .88; }
.vb-sc__title small.is-online::before { content: ""; display: inline-block; width: 8px; height: 8px; margin-right: 6px; border-radius: 50%; background: #7be0a0; vertical-align: 1px; }
.vb-sc__close { appearance: none; border: 0; background: rgba(255, 255, 255, .16); color: #fff; width: 34px; height: 34px; border-radius: 50%; font-size: 22px; line-height: 1; cursor: pointer; }
.vb-sc__list { flex: 1; overflow-y: auto; padding: 14px 12px; display: flex; flex-direction: column; gap: 8px; background: #f8f5f2; overscroll-behavior: contain; }
.vb-sc__hello { margin: 0; padding: 12px 14px; border-radius: 14px; background: #fff; border: 1px solid var(--sc-line); color: var(--sc-ink); }
.vb-sc__msg { max-width: 84%; padding: 8px 12px 6px; border-radius: 16px; display: flex; flex-direction: column; gap: 3px; word-break: break-word; }
.vb-sc__msg.is-me { align-self: flex-end; background: var(--sc-wine); color: #fff; border-bottom-right-radius: 5px; }
.vb-sc__msg.is-shop { align-self: flex-start; background: #fff; border: 1px solid var(--sc-line); border-bottom-left-radius: 5px; }
.vb-sc__msg.is-sending { opacity: .6; }
.vb-sc__who { font-size: 12px; font-weight: 800; color: var(--sc-wine); }
.vb-sc__text { white-space: pre-wrap; }
.vb-sc__time { align-self: flex-end; font-size: 11px; opacity: .7; }
.vb-sc__photo img { display: block; max-width: 100%; max-height: 260px; border-radius: 10px; }
.vb-sc__notice { margin: 0; padding: 8px 14px; font-size: 13px; background: var(--sc-wine-soft); color: var(--sc-wine-deep); }
.vb-sc__phone { padding: 10px 12px; border-top: 1px solid var(--sc-line); background: #fff; }
.vb-sc__phone p { margin: 0 0 6px; font-size: 13px; color: var(--sc-muted); }
.vb-sc__phone-row, .vb-sc__row { display: flex; gap: 8px; align-items: flex-end; }
.vb-sc__phone-row input { flex: 1; min-width: 0; }
.vb-sc input, .vb-sc textarea { width: 100%; border: 1px solid var(--sc-line); border-radius: 12px; padding: 10px 12px; font: inherit; color: var(--sc-ink); background: #fff; outline: none; }
.vb-sc input:focus, .vb-sc textarea:focus { border-color: var(--sc-wine); box-shadow: 0 0 0 3px var(--sc-wine-soft); }
.vb-sc textarea { resize: none; max-height: 120px; line-height: 1.35; }
.vb-sc button[type="submit"], .vb-sc__send { appearance: none; border: 0; border-radius: 12px; padding: 10px 14px; background: var(--sc-wine); color: #fff; font: inherit; font-weight: 800; cursor: pointer; white-space: nowrap; }
.vb-sc button[type="submit"]:disabled { opacity: .55; cursor: default; }
.vb-sc__form { padding: 10px 12px; border-top: 1px solid var(--sc-line); background: #fff; display: grid; gap: 8px; }
.vb-sc__name[hidden] { display: none; }
.vb-sc__hp { position: absolute !important; left: -9999px !important; width: 1px !important; height: 1px !important; opacity: 0 !important; }
.vb-sc__phone-link { appearance: none; border: 0; background: #fff; color: var(--sc-wine); font: inherit; font-size: 13px; padding: 0 12px 10px; text-align: left; cursor: pointer; text-decoration: underline; }
.vb-sc__phone-link[hidden], .vb-sc__phone[hidden], .vb-sc__notice[hidden] { display: none; }
.vb-sc--embed .vb-sc__list { padding-top: max(14px, env(safe-area-inset-top)); }
html.vb-sitechat-open .vb-float-chat { display: none; }
.vb-sc__consent { margin: 0; font-size: 11.5px; line-height: 1.35; color: var(--sc-muted); }
.vb-sc__consent a { color: inherit; text-decoration: underline; }