/* ============================================================================
   fai.world — Retouche « Cas cliniques FAI »
   Mise en page ouverte (aucun cadre, aucune bordure).

   TAILLES DE CARACTÈRES : uniquement celles de la charte du site, relevées sur
   la page /fai/qui-sommes-nous/ et dans le thème :
       24px  h3 (thème)              -> titre de rubrique (classes natives, non redéfini)
       18px  h4 (thème)              -> date de la séance
       15px  texte des blocs SP Page Builder de la page de référence
       14px  corps du site / h5      -> libellés, mentions courantes
       13px  bouton d'origine du site
       12px  h6 / small              -> fonctions, texte secondaire
   Aucune autre taille n'est introduite.

   COULEURS : uniquement celles du site (#03acdc accent, #333/#666/#999 textes,
   #317AB4 bouton et #222 survol). Police : Montserrat (corps), Open Sans (bouton).
   ============================================================================ */

.fai-cc-section { padding-bottom: 6px; }

/* --------------------------------------------- visuel + date (aucun cadre) */
.fai-cc-visuel { margin-bottom: 22px; }

.fai-cc-quand {
  margin: 16px 0 0;
  font-size: 14px;          /* corps du site / h5 */
  line-height: 1.42857143;  /* interligne du corps, comme le site */
  color: #666666;
}
.fai-cc-quand strong {
  display: block;
  font-size: 18px;          /* h4 du thème */
  line-height: 1.1;         /* interligne des titres, comme le site */
  font-weight: 700;
  color: #333333;
}
.fai-cc-quand .fai-cc-heure {
  display: block;
  margin-top: 3px;
  font-size: 14px;          /* corps du site / h5 */
  font-weight: 600;
  color: #03acdc;           /* accent principal du site */
}

/* ------------------------------------------------- libellés de colonne */
.fai-cc-libelle {
  margin: 0 0 14px;
  font-size: 14px;          /* h5 du thème */
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #03acdc;
}

/* ------------------------------------------------ listes ouvertes, aérées */
.fai-cc-liste {
  list-style: none;
  margin: 0 0 18px;
  padding: 0;
}
.fai-cc-liste li {
  position: relative;
  padding: 6px 0 6px 16px;
  font-size: 15px;          /* taille des textes de la page de référence */
  line-height: 1.42857143;
  color: #666666;
}
.fai-cc-liste li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 11px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #03acdc;
}
.fai-cc-liste li strong { display: block; font-weight: 600; color: #333333; }
.fai-cc-liste li span { display: block; font-size: 12px; color: #999999; }   /* h6 / small */

/* séance à venir : mise en avant par la graisse et la couleur, sans encadré */
.fai-cc-liste li.fai-cc-actif { font-weight: 700; color: #333333; }
.fai-cc-liste li.fai-cc-actif::before { background-color: #333333; }

/* ------------------------------------------------------------- action */
/* placé dans la 2e colonne, juste sous la modération : plus d'espace vide */
.fai-cc-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 0;
}

/* bouton identique à celui du site (#317AB4 / survol #222), texte et icône centrés */
.fai-cc-bouton.sppb-btn-custom {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  text-align: center;
  white-space: nowrap;
  line-height: 1;
  font-family: "Open Sans", sans-serif;
  font-size: 13px;          /* taille du bouton d'origine du site */
  padding: 10px 20px;
  background-color: #317AB4;
  color: #ffffff;
}
.fai-cc-bouton.sppb-btn-custom:hover,
.fai-cc-bouton.sppb-btn-custom:focus {
  background-color: #222222;
  color: #ffffff;
}

.fai-cc-mention { font-size: 12px; color: #999999; }   /* h6 / small */

/* ---------------------------------------------------------- responsive */
@media (max-width: 991px) {
  .fai-cc-visuel { margin-bottom: 26px; }
}