/* live_chat.css — widget de tchat Maman Natur'elle (sélecteurs préfixés #mnlc pour ne pas subir les styles du site) */
#mnlc, #mnlc * {box-sizing:border-box;}
#mnlc [hidden] {display:none !important;}
#mnlc {font-family:Roboto, Arial, sans-serif;font-size:14px;line-height:1.4;color:#333;}

/* Bulle : centrée sur le bouton #scrollToTopButton (right 30px, largeur 35px), 12px au-dessus (bottom 20px + 35px) */
#mnlc .mnlc-bubble {position:fixed;right:21px;bottom:67px;z-index:9998;width:52px;height:52px;margin:0;padding:0;border:0;border-radius:50%;background:#7c6aad;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0,0,0,.25);transition:transform .2s, background-color .2s;}
#mnlc .mnlc-bubble:hover {background:#6a58a0;transform:scale(1.06);}
#mnlc .mnlc-bubble:focus-visible {outline:3px solid #aea0e8;outline-offset:2px;}
#mnlc .mnlc-bubble svg {width:26px;height:26px;fill:#fff;}
#mnlc .mnlc-dot {display:none;position:absolute;right:1px;bottom:1px;width:14px;height:14px;border-radius:50%;background:#2ecc71;border:2px solid #fff;}
#mnlc.is-online .mnlc-dot {display:block;}
#mnlc .mnlc-badge {position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:#e0245e;color:#fff;font-size:12px;font-weight:bold;line-height:20px;text-align:center;}
#mnlc.mnlc-new .mnlc-bubble {animation:mnlc-pulse 1.2s ease-in-out 3;}
#mnlc.is-open .mnlc-bubble {display:none;}
@keyframes mnlc-pulse {0%, 100% {transform:scale(1);} 50% {transform:scale(1.14);}}

/* Panneau */
#mnlc .mnlc-panel {position:fixed;right:21px;bottom:67px;z-index:9999;width:360px;height:520px;max-height:calc(100vh - 90px);background:#fff;border-radius:14px;box-shadow:0 10px 40px rgba(0,0,0,.25);display:flex;flex-direction:column;overflow:hidden;}
#mnlc .mnlc-head {flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:12px 14px;background:#7c6aad;color:#fff;}
#mnlc .mnlc-head-txt {flex:1;min-width:0;}
#mnlc .mnlc-title {font-size:16px;font-weight:bold;}
#mnlc .mnlc-status {font-size:12px;margin-top:2px;opacity:.95;}
#mnlc.is-online .mnlc-status::before {content:"";display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:50%;background:#2ecc71;vertical-align:middle;}
#mnlc .mnlc-close {flex:0 0 auto;margin:0;padding:0 4px;border:0;background:none;color:#fff;font-size:28px;line-height:1;cursor:pointer;}

/* Fil de discussion */
#mnlc .mnlc-thread {flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:8px;padding:14px;background:#f8f7ff;}
#mnlc .mnlc-msg {display:flex;flex-direction:column;max-width:85%;}
#mnlc .mnlc-txt {padding:8px 12px;border-radius:14px;white-space:pre-wrap;overflow-wrap:anywhere;word-wrap:break-word;}
#mnlc .mnlc-time {margin-top:2px;font-size:10px;color:#999;}
#mnlc .mnlc-op {align-self:flex-start;}
#mnlc .mnlc-op .mnlc-txt {background:#fff;border:1px solid #e0d8f8;border-bottom-left-radius:4px;}
#mnlc .mnlc-op .mnlc-txt a {color:#7c6aad;text-decoration:underline;}
#mnlc .mnlc-me {align-self:flex-end;align-items:flex-end;}
#mnlc .mnlc-me .mnlc-txt {background:#7c6aad;color:#fff;border-bottom-right-radius:4px;}
#mnlc .mnlc-me .mnlc-txt a {color:#fff;text-decoration:underline;}
#mnlc .mnlc-pending {opacity:.6;}
#mnlc .mnlc-sys {align-self:center;max-width:90%;font-size:12px;color:#666;text-align:center;}
#mnlc .mnlc-sys-err {color:#a02020;}

/* Email facultatif */
#mnlc .mnlc-emailbar {flex:0 0 auto;padding:8px 12px;border-top:1px solid #eee8fb;background:#fff;font-size:12px;color:#555;}
#mnlc .mnlc-emailform {display:flex;gap:6px;margin:4px 0 0 0;padding:0;}
#mnlc .mnlc-email {flex:1;min-width:0;width:auto;height:auto;margin:0;padding:6px 8px;border:1px solid #c8bff0;border-radius:8px;font-family:inherit;font-size:16px;}
#mnlc .mnlc-emailform button {margin:0;padding:0 14px;border:0;border-radius:8px;background:#7c6aad;color:#fff;font-weight:bold;cursor:pointer;}
#mnlc .mnlc-emailform button:disabled {opacity:.5;cursor:default;}
#mnlc .mnlc-err {margin-top:4px;color:#a02020;}

/* Saisie */
#mnlc .mnlc-form {flex:0 0 auto;display:flex;align-items:flex-end;gap:8px;margin:0;padding:10px 12px;border-top:1px solid #eee8fb;background:#fff;}
#mnlc .mnlc-input {flex:1;min-width:0;width:auto;height:auto;max-height:120px;margin:0;padding:8px 10px;border:1px solid #c8bff0;border-radius:10px;resize:none;outline:none;overflow-y:hidden;font-family:inherit;font-size:16px;line-height:1.35;color:#333;background:#fff;}
#mnlc .mnlc-input:focus {border-color:#7c6aad;}
#mnlc .mnlc-send {flex:0 0 40px;width:40px;height:40px;margin:0;padding:0;border:0;border-radius:50%;background:#7c6aad;cursor:pointer;display:flex;align-items:center;justify-content:center;}
#mnlc .mnlc-send:disabled {opacity:.5;cursor:default;}
#mnlc .mnlc-send svg {width:20px;height:20px;fill:#fff;}
#mnlc .mnlc-hp {position:absolute !important;left:-9999px !important;width:1px !important;height:1px !important;opacity:0;}
#mnlc .mnlc-legal {flex:0 0 auto;padding:0 12px 8px;background:#fff;font-size:10px;color:#999;text-align:center;}
#mnlc .mnlc-legal a {color:#999;text-decoration:underline;}

/* Mobile : plein écran */
@media screen and (max-width: 500px) {
#mnlc .mnlc-panel {top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-height:none;border-radius:0;}
#mnlc .mnlc-head {padding-top:calc(12px + env(safe-area-inset-top, 0px));}
#mnlc .mnlc-legal {padding-bottom:calc(8px + env(safe-area-inset-bottom, 0px));}
html.mnlc-lock, html.mnlc-lock body {overflow:hidden;}
}

@media print {
#mnlc {display:none !important;}
}