/* page-nuage_de_mots.css */
/* =============================
   Onglet 6 : Nuage de mots
   ============================= */

.word-cloud-group {
  margin-bottom: 2.5rem;
  background: #ffffff;
  padding: 1.5rem;
  border-radius: 8px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

/* Nuage de mots : disposition des boutons */
#word-cloud-positive,
#word-cloud-negative {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: center;
}

/* Style de base des mots */
.nuage-mot {
  display: inline-block;
  padding: 0.4em 1em;
  margin: 0.3em;
  border: 1px solid #ccc;
  border-radius: 6px;
  background: #fff;
  color: #444;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}

/* Hover général */
.nuage-mot:hover {
  background-color: #f2f2f2;
  border-color: #1d4ed8;  /* bleu */
  color: #1e3a8a;
}

/* Sélection POSITIVE (bleu) */
#word-cloud-positive .nuage-mot.selected {
  background-color: #2563eb;
  border-color: #1e3a8a;
  color: #fff;
  font-weight: 600;
}

/* Sélection NÉGATIVE (rose/rouge) */
#word-cloud-negative .nuage-mot.selected {
  background-color: #e11d48;
  border-color: #9f1239;
  color: #fff;
  font-weight: 600;
}