/* ===== Chatbot — DA "street" (SOMBRE + lime + rose) =====
   Chargé UNIQUEMENT via le header SSI des previews (mf-preview-header.html).
   La prod n'inclut jamais ce header -> chatbot live inchangé.
   Préfixe `html ` + !important pour battre le widget.css injecté par le JS quel que soit l'ordre.
   Palette : fond #14181a / carte #1b2320 / lime #A8F000 / rose #F2387A / texte #f2f5f2 */

html .mf-sb-panel{background:#14181a !important;border:1px solid rgba(168,240,0,.30) !important;
  box-shadow:0 24px 64px rgba(0,0,0,.55) !important;}

/* En-tête : noir, SANS trait vert */
html .mf-sb-head{background:#14181a !important;border-bottom:1px solid rgba(255,255,255,.08) !important;color:#f2f5f2 !important;}
html .mf-sb-title{color:#fff !important;}
html .mf-sb-sub{color:rgba(242,245,242,.6) !important;}
html .mf-sb-x{color:#f2f5f2 !important;}

/* Barre "nouvelle conversation" : bouton lime outline -> plein au survol */
html .mf-sb-newbar{background:#14181a !important;}
html .mf-sb-newbtn{background:transparent !important;border:1.5px solid #A8F000 !important;color:#A8F000 !important;}
html .mf-sb-newbtn:hover{background:#A8F000 !important;color:#14181a !important;}
html .mf-sb-newplus{color:inherit !important;}

/* Menu déroulant des langues : noir + texte clair */
html .mf-sb-langmenu{background:#14181a !important;border:1px solid rgba(168,240,0,.28) !important;
  box-shadow:0 14px 34px rgba(0,0,0,.6) !important;}
html .mf-sb-langmenu button{color:#f2f5f2 !important;}
html .mf-sb-langmenu button:hover{background:rgba(168,240,0,.14) !important;}
html .mf-sb-lang{background:rgba(255,255,255,.10) !important;color:#f2f5f2 !important;}
html .mf-sb-lang:hover{background:rgba(255,255,255,.20) !important;}

/* Corps sombre */
html .mf-sb-body{background:#14181a !important;}

/* Bulles : bot = carte sombre / user = lime */
html .mf-sb-bot{background:#1b2320 !important;color:#fff !important;border:1px solid rgba(255,255,255,.08) !important;}
/* texte bulle bot (dont message d'accueil) en BLANC — sélecteur 2 classes pour battre la base #1b2a1f */
html .mf-sb-msg.mf-sb-bot{color:#fff !important;}
html .mf-sb-msg.mf-sb-user{background:#A8F000 !important;color:#14181a !important;}
html .mf-sb-msg a{color:#A8F000 !important;}

/* Bulle "réflexion" (typing) : points ROSES */
html .mf-sb-typing span{background:#F2387A !important;}

/* Chips : contour lime sur sombre -> plein lime au survol */
html .mf-sb-chip{background:#1b2320 !important;border:1px solid rgba(168,240,0,.5) !important;color:#dfeecf !important;}
html .mf-sb-chip:hover{background:#A8F000 !important;color:#14181a !important;border-color:#A8F000 !important;}

/* ===== Vignette produit (carte) : carte sombre, texte lisible, prix lime ===== */
html .mf-sb-pthumb{background:#1b2320 !important;border:1px solid rgba(168,240,0,.28) !important;
  box-shadow:0 4px 16px rgba(0,0,0,.35) !important;}
html .mf-sb-pthumb:hover{border-color:#A8F000 !important;box-shadow:0 8px 22px rgba(168,240,0,.18) !important;}
html .mf-sb-pthumb img{background:#0f1311 !important;}
html .mf-sb-pthumb-name{color:#f2f5f2 !important;}
html .mf-sb-pthumb-price,html .mf-sb-cprice{color:#A8F000 !important;}
html .mf-sb-pthumb-go{color:#A8F000 !important;}
/* Tableau comparatif : fond sombre (plus de blanc sur blanc), zebra discret, en-têtes lime */
html .mf-sb-tablewrap{border-color:rgba(255,255,255,.12) !important;}
html .mf-sb-table{background:transparent !important;}
html .mf-sb-table th{background:#0f1311 !important;color:#A8F000 !important;}
html .mf-sb-table td{color:#eef2ee !important;border-bottom-color:rgba(255,255,255,.10) !important;}
html .mf-sb-table tbody tr:nth-child(even){background:rgba(255,255,255,.045) !important;}
html .mf-sb-table td:first-child,html .mf-sb-table th:first-child{color:#fff !important;}

/* CTA "Ajouter au panier" : lime plein (comme les CTA du site), texte sombre */
html .mf-sb-cartbtn{background:#A8F000 !important;color:#14181a !important;
  box-shadow:0 6px 18px rgba(168,240,0,.28) !important;}
html .mf-sb-cartbtn svg{stroke:#14181a !important;fill:#14181a !important;}
html .mf-sb-cartbtn.mf-sb-done{background:#2f6b12 !important;color:#fff !important;box-shadow:none !important;}
html .mf-sb-cartbtn.mf-sb-done svg{stroke:#fff !important;fill:#fff !important;}

/* Pied + champ de saisie sombres, focus lime */
html .mf-sb-foot{background:#14181a !important;border-top:1px solid rgba(255,255,255,.08) !important;}
html .mf-sb-foot textarea{background:#1b2320 !important;color:#f2f5f2 !important;border-color:rgba(255,255,255,.15) !important;}
html .mf-sb-foot textarea::placeholder{color:rgba(242,245,242,.4) !important;}
html .mf-sb-foot textarea:focus{border-color:#A8F000 !important;box-shadow:0 0 0 2px rgba(168,240,0,.20) !important;}

/* Bouton ENVOYER : ROSE, flèche blanche */
html .mf-sb-foot button,html .mf-sb-send{background:#F2387A !important;color:#fff !important;border:none !important;}
html .mf-sb-send svg,html .mf-sb-foot button svg{stroke:#fff !important;fill:#fff !important;}

/* Note bas de page */
html .mf-sb-note{background:#14181a !important;color:rgba(242,245,242,.45) !important;}

/* Nouveau Fermier sur les 2 icônes (avatar en-tête + launcher fermé) */
html .mf-sb-head .mf-sb-av{background-image:url(/sinai/shopbot/fermier2.webp?v=1) !important;
  background-size:cover !important;background-position:center !important;background-repeat:no-repeat !important;}
/* Launcher fermé : nouveau fermier + anneau lime + halo rose */
html .mf-sb-launcher{border:3px solid #A8F000 !important;
  box-shadow:0 10px 26px rgba(0,0,0,.5),0 0 0 4px rgba(242,56,122,.30) !important;
  background-image:url(/sinai/shopbot/fermier2.webp?v=1) !important;
  background-size:cover !important;background-position:center !important;background-repeat:no-repeat !important;}