/* ============================================
   FFF – Callout Text (Divi Text Module)
   Classe: fff-callout
   Usage: texte additionnel, note, contexte, précision
   Version compacte: sans badge, texte justifié
   ============================================ */

.fff-callout{
  --fff-blue: #4267b2;
  --fff-blue-soft: #eff7ff;
  --fff-border: #dbe7ff;
  --fff-text: #1f2937;
  --fff-muted: #4b5563;

  background: linear-gradient(180deg, #f5fafd, var(--fff-blue-soft));
  border: 1px solid var(--fff-border);
  border-left: 6px solid var(--fff-blue);
  border-radius: 8px;

  /* Compact */
  padding: 0.9rem 1rem;
  margin: 0.75rem 0;

  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.05);

  color: var(--fff-text);

  /* Justification globale du bloc */
  text-align: justify;
  text-justify: inter-word;
}

/* Texte du module Divi */
.fff-callout,
.fff-callout p,
.fff-callout li{
  font-size: 0.96rem;     /* un poil plus compact */
  line-height: 1.65;      /* plus compact que 1.75 */
  font-weight: 500;
}

/* Paragraphes: espaces réduits + couleur */
.fff-callout p{
  margin: 0 0 0.45rem;    /* réduit */
  color: var(--fff-muted);
  text-align: justify;
  text-justify: inter-word;
}
.fff-callout p:last-child{
  margin-bottom: 0;
}

/* Listes: compactes */
.fff-callout ul,
.fff-callout ol{
  margin: 0.25rem 0 0.55rem 1.1rem;
  padding: 0;
}
.fff-callout li{
  margin: 0.18rem 0;
}

/* Gras, italique, petits éléments */
.fff-callout strong{
  color: var(--fff-text);
  font-weight: 800;
}
.fff-callout em{
  color: var(--fff-text);
  font-style: italic;
}

/* Titre interne (si tu mets un <h4> dans le module texte) */
.fff-callout h4{
  margin: 0 0 0.45rem;    /* réduit */
  font-size: 1.08rem;     /* un peu plus grand */
  line-height: 1.25;
  font-weight: 900;
  letter-spacing: 0.02em;
  color: var(--fff-text);
  text-align: left;       /* titre propre */
}

/* Badge NOTE supprimé */
.fff-callout::before{
  content: none !important;
  display: none !important;
}

/* Mobile: éviter les trous de justification */
@media (max-width: 680px){
  .fff-callout{
    padding: 0.85rem 0.95rem;
    border-left-width: 5px;
    text-align: left;
    text-justify: auto;
  }

  .fff-callout p,
  .fff-callout li{
    text-align: left;
    text-justify: auto;
  }
}