/* ─────────────────────────────────────────────────────────────
   BotIA widget overrides — format compact
   Réduit la taille du bouton flottant du widget conversationnel.
   Utilise !important car embed.js applique ses tailles en inline.
   ───────────────────────────────────────────────────────────── */

/* Bouton flottant (toggle) — desktop ~40px, mobile ~36px.
   Sélecteurs multiples pour couvrir toutes les variantes DOM. */
#botia-widget > div > button,
#botia-widget button[style*="border-radius:50%"],
#botia-widget button[style*="border-radius: 50%"],
#botia-widget > div:last-child > button {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  max-width: 40px !important;
  max-height: 40px !important;
}

/* Image ou icône interne du bouton, forcée à remplir */
#botia-widget > div > button > img,
#botia-widget > div > button > svg {
  width: 100% !important;
  height: 100% !important;
}

/* Badge de notification (petit compteur en haut à droite du bouton) */
#botia-widget > div > button > div[style*="border-radius:50%"][style*="top:-2px"],
#botia-widget > div > button > div[style*="top:-2px"] {
  width: 14px !important;
  height: 14px !important;
  font-size: 9px !important;
  top: -3px !important;
  right: -3px !important;
}

/* Marges du container — plus discret dans le coin */
#botia-widget {
  bottom: 14px !important;
}
#botia-widget[style*="right:20px"],
#botia-widget[style*="right:16px"] {
  right: 14px !important;
}
#botia-widget[style*="left:20px"],
#botia-widget[style*="left:16px"] {
  left: 14px !important;
}

@media (max-width: 640px) {
  #botia-widget > div > button,
  #botia-widget button[style*="border-radius:50%"],
  #botia-widget button[style*="border-radius: 50%"],
  #botia-widget > div:last-child > button {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    max-width: 36px !important;
    max-height: 36px !important;
  }
  #botia-widget {
    bottom: 10px !important;
  }
  #botia-widget[style*="right:20px"],
  #botia-widget[style*="right:16px"] {
    right: 10px !important;
  }
  #botia-widget[style*="left:20px"],
  #botia-widget[style*="left:16px"] {
    left: 10px !important;
  }
}