@charset "UTF-8";
/*
Theme Name: Co-Devenir 2023
Theme URI: https://nucleusstrategie.com/
Author: Equipe Nucleus
Author URI: https://nucleusstrategie.com/
Description: Co-Devenir


*/

/* === Responsive Nova Persona === */
.np-grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

@media (max-width: 640px) {
  .np-grid-2 {
    grid-template-columns: 1fr;
  }
  .np-grid-2 input {
    font-size: 1.1rem;
    padding: 12px;
  }
  .np-btn-primary {
    font-size: 1.1rem;
    padding: 14px;
    width: 100%;
  }
  #panel-id label {
    font-size: 1rem;
  }
  /* Forcer les textes longs (questions) à revenir à la ligne */
  #np-messages {
    word-wrap: break-word;
    white-space: normal;
  }
}

/* === Responsive Nova Persona === */
.np-grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

@media (max-width: 640px) {
  /* Champs identité */
  .np-grid-2 {
    grid-template-columns: 1fr;
  }
  .np-grid-2 input {
    font-size: 1.1rem;
    padding: 12px;
  }

  /* Boutons */
  .np-btn-primary {
    font-size: 1.1rem;
    padding: 14px;
    width: 100%;
  }

  /* Consentement + labels */
  #panel-id label {
    font-size: 1rem;
  }

  /* Questions et messages */
  #np-messages {
    word-wrap: break-word;
    white-space: normal;
    font-size: 1rem; /* augmente la lisibilité des réponses */
    line-height: 1.5;
  }

  /* Zone de saisie */
  #np-input {
    font-size: 1rem;
    padding: 12px;
  }

  /* Ajustement général : agrandir un peu tout le chat */
  #np-chat {
    font-size: 1rem;
  }
}

/* Forcer le retour à la ligne sur mobile */
#np-messages,
#np-chat,
#np-chat * {
  white-space: normal !important;
  word-wrap: break-word;
  overflow-wrap: break-word;
}


/* === Nova Persona - Fix wrapping des amorces et lisibilité mobile === */

/* Liste des amorces : forcer 1 colonne et largeur pleine */
#prompt-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  max-width: 100%;
}

/* Le label qui contient la checkbox + le texte long */
label.np-chip {
  display: flex !important;
  align-items: flex-start;
  gap: 12px;
  width: 100%;
  max-width: 100%;
  padding: 14px;
  border: 1px solid #ddd;
  border-radius: 12px;
  background: #fafafa;
  font-size: 17px;          /* lisible sur mobile */
  line-height: 1.5;
  white-space: normal !important;  /* << neutralise le nowrap du thème */
  overflow-wrap: anywhere;         /* wrap des mots/URL longues */
  word-break: break-word;
}

/* La case à cocher dans l’amorce */
label.np-chip input[type="checkbox"] {
  flex: 0 0 22px;
  width: 22px;
  height: 22px;
  margin-top: 2px;
}

/* Le texte long de l’amorce */
label.np-chip span {
  flex: 1 1 auto;     /* prend la largeur restante */
  min-width: 0;       /* clé pour autoriser le wrap dans un flex container */
  display: block;
  white-space: normal !important;
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* Sécurité : neutraliser tout nowrap hérité dans le composant */
#np-chat, #np-chat * {
  white-space: normal !important;
}

/* Lisibilité des champs + boutons sur mobile */
@media (max-width: 768px){
  .np-grid-2 { grid-template-columns: 1fr !important; gap: 10px !important; }
  .np-grid-2 input { font-size: 17px; padding: 12px; }
  .np-btn-primary { width: 100%; font-size: 17px; min-height: 48px; padding: 16px 18px; }
  #panel-id label span { font-size: 17px; line-height: 1.5; } /* "J’accepte ces conditions" */
  #np-messages { font-size: 17px; max-height: 52vh; min-height: 30vh; }
  #np-input { font-size: 17px; padding: 12px; }
}