/* Massage Waard — chatbot huisstijl.
 *
 * De volledige styling zit in de Web Component (Shadow DOM, js/chatbot.js).
 * CSS-custom-properties dringen wél door de Shadow DOM heen, dus hier stel je
 * met één regel de merk-kleur in. `--mwc-brand` wint van alles.
 *
 * De widget probeert automatisch: --mwc-brand (hieronder) → de site-token
 * --primaryColor → een salie-fallback. Omdat de site-oranje bij Massage Waard
 * niet in --primaryColor zit, zetten we 'm hier expliciet.
 */

mw-chat {
    /* Merk-/accentkleur (terracotta van Massage Waard) — header, knoppen, bubbels, links. */
    --mwc-brand: #b5541f;

    /* Paneel-achtergrond = warme kleur van de site-pijlers. */
    --mwc-surface: #efe6da;

    /* Optioneel: achtergrond van botbubbels + invoerveld (standaard warm wit). */
    /* --mwc-bubble: #fffdfa; */

    /* Zwevende chatknop in de rij met boeken en WhatsApp (zie booking.css):
       witte cirkel met terracotta icoon, zelfde maat en schaduw. */
    --mwc-fab-size: var(--mw-fab, 56px);
    --mwc-fab-bg: #fff;
    --mwc-fab-fg: #a24212;
    --mwc-fab-shadow: var(--mw-fab-shadow), inset 0 0 0 1px rgba(59, 42, 34, .08);
}