/* Chat bubble, upgraded to match the finder (Felix, 2026-10-05). An override
   layer loaded by the finder module after the theme's chat.css, which is left
   untouched: link chips in a reply become small cards with a kind label and
   an arrow, messages rise in, and the typing state reads as a calm sheen with
   words. Theme-agnostic: it reads the chat's own --mc-* tokens, with the
   clinic palette as fallback. */
.mm-chat-panel{--mcx-ink:var(--mc-olive,#383D31);--mcx-ground:var(--mc-cream,#F9F6EE);--mcx-muted:var(--mc-muted,#5C6150);
  --mcx-sage:#5F8B73;--mcx-copper:var(--mc-copper,#C58C51);--mcx-line:var(--mc-line,rgba(56,61,49,.16))}

.mm-chat-links.mcx-cards{display:grid;grid-template-columns:1fr;gap:8px;margin-top:12px}
.mm-chat-chip.mcx-card{display:flex;align-items:center;gap:10px;width:100%;min-height:56px;padding:10px 10px 10px 14px;border-radius:16px;
  border:1px solid var(--mcx-line);background:var(--mcx-ground);color:var(--mcx-ink);text-decoration:none!important;font-weight:400}
.mcx-tx{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
.mcx-kind{display:inline-flex;align-items:center;gap:6px;font:600 10.5px/1.2 var(--mc-ui,"Inter",system-ui,sans-serif);letter-spacing:.07em;text-transform:uppercase;color:var(--mcx-muted)}
.mcx-kind::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--mcx-sage)}
.mcx-card[data-kind="service"] .mcx-kind::before{background:var(--mcx-ink)}
.mcx-card[data-kind="faq"] .mcx-kind::before,.mcx-card[data-kind="insight"] .mcx-kind::before,.mcx-card[data-kind="urgent"] .mcx-kind::before{background:var(--mcx-copper)}
.mcx-t{font:500 16px/1.25 var(--mc-display,"Newsreader",Georgia,serif);color:var(--mcx-ink);overflow-wrap:anywhere}
.mcx-arrow{flex:none;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--mcx-ink);transition:background .15s ease,color .15s ease}
@media (hover:hover){.mm-chat-chip.mcx-card:hover{border-color:var(--mcx-ink)}.mm-chat-chip.mcx-card:hover .mcx-arrow{background:var(--mcx-ink);color:var(--mcx-ground)}}
.mm-chat-chip.mcx-card[data-kind="urgent"]{border-color:rgba(197,140,81,.7);background:#fff}

/* messages rise in */
.mm-chat-log>.mm-chat-msg.mcx-new,.mm-chat-log>.mm-chat-suggest.mcx-new{animation:mcxRise .26s cubic-bezier(.2,.7,.2,1) both}
@keyframes mcxRise{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* typing: a soft sheen and a few words instead of blinking dots */
.mm-chat-msg.bot.mcx-typing{display:flex;align-items:center;gap:10px;color:var(--mcx-muted);font-size:14px}
.mm-chat-msg.bot.mcx-typing .mm-chat-typing{gap:4px}
.mm-chat-msg.bot.mcx-typing .mm-chat-typing i{animation:mcxWave 1.2s infinite ease-in-out;background:var(--mcx-ink);opacity:.35}
.mm-chat-msg.bot.mcx-typing .mm-chat-typing i:nth-child(2){animation-delay:.16s}
.mm-chat-msg.bot.mcx-typing .mm-chat-typing i:nth-child(3){animation-delay:.32s}
@keyframes mcxWave{0%,70%,100%{transform:translateY(0);opacity:.3}35%{transform:translateY(-3px);opacity:.85}}

/* the finder, one tap from the chat: "Book online" and "Search the site"
   are pills (drawn by the theme's chat.css on .mm-chat-foot a / button), the
   privacy note takes its own line under them (Wren, 2026-10-05) */
.mm-chat-foot.mcx-foot-on{display:block}
.mcx-foot{display:flex;flex-wrap:wrap;align-items:center;gap:0 8px}
.mcx-foot>span:last-child{flex:1 1 100%;padding:0 2px}

/* urgent numbers: 44px pills */
.mcx-sos{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;padding:8px 14px 0;background:#fff;font:400 13px/1.3 var(--mc-ui,"Inter",system-ui,sans-serif);color:var(--mcx-muted)}
.mcx-sos-l{margin-right:2px}
.mcx-sos a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:1px solid rgba(197,140,81,.75);border-radius:999px;
  color:var(--mcx-ink);font-weight:600;text-decoration:none;touch-action:manipulation}
.mcx-sos a:focus-visible{outline:2px solid var(--mcx-ink);outline-offset:2px}
@media (hover:hover){.mcx-sos a:hover{border-color:var(--mcx-copper);background:#FBF3EA}}

@media (prefers-reduced-motion:reduce){
  .mm-chat-log>.mm-chat-msg.mcx-new,.mm-chat-log>.mm-chat-suggest.mcx-new{animation:none}
  .mm-chat-msg.bot.mcx-typing .mm-chat-typing i{animation:none;opacity:.6}
  .mcx-arrow{transition:none}
}