/* Atelier Live (bulle de chat) — styles extraits de site.css pour les pages de l’appli */
:root{--mk-line:#e1e7dc;--mk-ink:#0d0f0d;--mk-body:'Nunito',Arial,sans-serif;--mk-muted:#5d655b;--mk-green:#79ff22;--mk-soft:#f4f6f2;--mk-head:'Baloo 2',Arial,sans-serif;--mk-green-deep:#2c7a17}
.mk-live-bubble{position:fixed;right:18px;bottom:18px;z-index:310;display:flex;align-items:center;gap:8px;padding:12px 16px;border:0;border-radius:999px;background:var(--mk-ink);color:#fff;font:700 14px var(--mk-body);box-shadow:0 12px 30px rgba(13,15,13,.3);cursor:pointer}
.mk-live-bubble[hidden]{display:none}
.mk-live-bubble b{font-weight:700}
.mk-live-dot{width:10px;height:10px;border-radius:50%;background:var(--mk-green);box-shadow:0 0 0 3px rgba(121,255,34,.3)}
.mk-live-dot[hidden]{display:none}
.mk-live{position:fixed;right:18px;bottom:18px;z-index:320;width:min(380px,calc(100% - 24px));height:min(560px,calc(100vh - 36px));display:flex;flex-direction:column;background:#fff;border:1px solid var(--mk-line);border-radius:20px;box-shadow:0 30px 70px rgba(13,15,13,.28);overflow:hidden;font-family:var(--mk-body);color:var(--mk-ink)}
.mk-live[hidden]{display:none}
.mk-live-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;background:var(--mk-ink);color:#fff}
.mk-live-head b{font-family:var(--mk-head);font-size:16px}
.mk-live-head small{display:flex;align-items:center;gap:6px;font-size:12px;color:#c8cfc5;margin-top:2px}
.mk-live-on,.mk-live-off{display:inline-block;width:8px;height:8px;border-radius:50%}
.mk-live-on{background:var(--mk-green);box-shadow:0 0 0 3px rgba(121,255,34,.25)}
.mk-live-off{background:#8e968b}
.mk-live-x{width:34px;height:34px;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:22px;line-height:1;cursor:pointer}
.mk-live-body{flex:1;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:8px;background:var(--mk-soft)}
.mk-live-intro p{margin:0;background:#fff;border:1px solid var(--mk-line);border-radius:14px;padding:12px 14px;font-size:14px;line-height:1.5}
.mk-live-msg{max-width:82%;padding:9px 12px;border-radius:14px;font-size:14px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}
.mk-live-msg small{display:block;font-size:11px;opacity:.65;margin-top:3px}
.mk-live-msg.moi{align-self:flex-end;background:var(--mk-ink);color:#fff;border-bottom-right-radius:4px}
.mk-live-msg.atelier{align-self:flex-start;background:#fff;border:1px solid var(--mk-line);border-bottom-left-radius:4px}
.mk-live-wait{font-size:12.5px;color:var(--mk-muted);text-align:center;margin:6px 0 0}
.mk-live-foot{border-top:1px solid var(--mk-line);padding:10px 12px;background:#fff}
.mk-live-start{display:grid;gap:8px}
.mk-live-start input,.mk-live-start textarea,.mk-live-send textarea{width:100%;border:1px solid #cfd7ca;border-radius:12px;padding:10px 12px;font:inherit;font-size:14px;resize:none}
.mk-live-start .mk-btn{width:100%;min-height:44px}
.mk-live-err{margin:0;color:#b3261e;font-size:13px;font-weight:600;min-height:0}
.mk-live-send{display:flex;gap:8px;align-items:flex-end}
.mk-live-send textarea{min-height:44px;max-height:120px}
.mk-live-go{flex:0 0 44px;height:44px;border:0;border-radius:50%;background:var(--mk-green);color:var(--mk-ink);font-size:18px;cursor:pointer}
.mk-live-new{margin-top:6px;border:0;background:none;color:var(--mk-muted);font:600 12px var(--mk-body);text-decoration:underline;cursor:pointer;padding:2px 0}
@media (max-width:920px){.mk-live-bubble{bottom:calc(84px + env(safe-area-inset-bottom))}.mk-live{right:0;left:0;bottom:0;width:100%;height:calc(100% - 60px);border-radius:20px 20px 0 0;padding-bottom:env(safe-area-inset-bottom)}.mk-live-open .mk-tabbar{display:none}}
/* Atelier Live : choix de la demande */
.mk-live-motifs{display:grid;gap:8px}
.mk-live-motif{min-height:48px;padding:0 16px;border:1.5px solid var(--mk-line);border-radius:14px;background:#fff;font:600 15px var(--mk-body);text-align:left;cursor:pointer;transition:.15s}
.mk-live-motif:hover{border-color:var(--mk-green-deep);background:var(--mk-soft)}
.mk-live-hint{font-size:12.5px;color:var(--mk-muted);margin:8px 2px 0}
.mk-live-back{border:0;background:none;padding:0;margin-top:6px;font:600 13px var(--mk-body);color:var(--mk-muted);cursor:pointer;text-decoration:underline}
.mk-live-bubble{transition:transform .15s ease}
.mk-live-bubble:hover{transform:translateY(-2px)}
.mk-live-bubble-ico{font-size:18px;line-height:1}
.mk-live-bubble .mk-live-dot{position:absolute;top:2px;right:2px}
.mk-live-bubble{position:fixed}
.mk-modal-open .mk-live-bubble{display:none}
@media (max-width:600px){.mk-live-bubble{width:52px;height:52px;padding:0;justify-content:center;border-radius:50%;right:14px}.mk-live-bubble b{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.mk-live-bubble-ico{font-size:22px}}
@media (max-width:920px){.menu-open .mk-live-bubble{display:none}}
.mk-live-bubble{bottom:calc(66px + env(safe-area-inset-bottom))}
.mk-live-bubble-ico{font-size:19px}
/* Connexion : page épurée, logo en haut à gauche + encadré */
.mc-solo .mk-promo,.mc-solo .mk-links,.mc-solo .mk-account,.mc-solo .mk-nav>.mk-btn:not(.mc-solo-back),.mc-solo .mk-burger,.mc-solo .mk-menu,.mc-solo .mk-brand-text,.mc-solo .mk-page-hero,.mc-solo .mk-footer,.mc-solo .mk-tabbar,.mc-solo .mk-live-bubble{display:none!important}
/* Bulle Atelier Live : remonte en bas de page pour libérer les liens du pied de page */
.mk-live-bubble{transition:transform .15s ease,bottom .2s ease}
.mk-live-bubble.mk-live-haut{bottom:calc(18px + 56px)}
@media (max-width:760px){.mk-live-bubble.mk-live-haut{bottom:calc(84px + 52px + env(safe-area-inset-bottom))}}
@media (max-width:760px){body.mk-avec-appbar .mk-live-bulle,body.mk-avec-appbar [class*="live-chat"]{bottom:calc(80px + env(safe-area-inset-bottom,0px))!important}}
.mk-live-open .mk-appbar{display:none}
body:has(.im-modal:not([hidden])) .mk-live-bubble,body:has(.im-modal:not([hidden])) .mk-appbar{display:none!important}
/* Appli du site : au-dessus du menu du bas sur téléphone ; cachée pendant une commande */
@media (max-width:899px){body:not(.pc) .mk-live-bubble{bottom:calc(76px + env(safe-area-inset-bottom,0px))!important}}
html.mk-en-commande .mk-live-bubble{display:none!important}