/* ===============================
   GLOBAL CHAT WINDOW
   =============================== */

/* Bordure globale de la fenêtre */
.rcw-conversation-container {
  border: 5px solid #1a66ff !important;
  border-radius: 10px !important;
  overflow: hidden !important;
}

/* ===============================
   HEADER / BANNIÈRE SUPÉRIEURE
   =============================== */

.rcw-header {
  background-color: #1a66ff !important;
  border-bottom: 3px solid #ffffff !important;
}

/* ===============================
   LAUNCHER (BOUTON FERMÉ)
   =============================== */

.rcw-launcher {
  border: 3px solid #1a66ff !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  background-color: #1a66ff !important;

  /* important pour que le badge ne soit pas coupé */
  position: relative !important;
  overflow: visible !important;
}

/* Bouton fermer (croix) */
.rcw-conversation-container .rcw-close-button {
  background-color: #1a66ff !important;
  border-radius: 6px !important;
}

/* Icône à l’intérieur du bouton */
.rcw-launcher img,
.rcw-launcher svg {
  filter: none !important;
}

/* ===============================
   OPTIONNEL : enlever le bleu interne par défaut
   (sans casser le badge)
   =============================== */

.rcw-launcher span:not(.rcw-badge),
.rcw-launcher::before,
.rcw-launcher::after {
  background: transparent !important;
}

/* ===============================
   QUICK BUTTONS
   =============================== */

.quick-button {
  border: 2px solid #1a66ff !important;
}

/* ===============================
   BADGE (PASTILLE ROUGE) — FORCE PARTOUT
   =============================== */

/* Couverture max : desktop + mobile + wrappers différents */
.rcw-badge,
#root .rcw-badge,
.rcw-widget-container .rcw-badge,
.rcw-conversation-container .rcw-badge,
button.rcw-launcher .rcw-badge,
.rcw-launcher > .rcw-badge,
.rcw-launcher .rcw-badge {
  /* visuel */
  background: #d72356 !important;
  background-color: #d72356 !important;
  background-image: none !important;
  color: #ffffff !important;
  border-radius: 999px !important;

  /* visibilité */
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;

  /* alignement chiffre (cohérent entre appareils) */
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  font-variant-numeric: tabular-nums !important;
  letter-spacing: 0 !important;

  /* taille stable */
  min-width: 18px !important;
  height: 18px !important;
  padding: 0 5px !important;
  font-size: 11px !important;
  line-height: 18px !important;
}

/* Si la lib met le fond sur des pseudo-éléments */
.rcw-badge::before,
.rcw-badge::after {
  background: #d72356 !important;
  background-color: #d72356 !important;
  background-image: none !important;
}

/* Evite qu'un parent coupe/masque visuellement le badge */
.rcw-widget-container {
  overflow: visible !important;
}

/* Optionnel si un appareil a un léger décalage vertical :
   décommente et ajuste 0.5px / 1px si nécessaire */
/*
.rcw-badge {
  transform: translateY(0.5px) !important;
}
*/