/* ==========================================================
   Correctifs globaux – DASQUET AVOCATS
   Chargé sur toutes les pages, après les CSS WordPress.
   ========================================================== */

/* ---------- Bloc "Parlons de votre projet" + logos (mobile) ---------- */
@media (max-width: 768px) {

  /* Panneau sombre : un peu moins haut sur téléphone */
  #contact .fl-col-group:first-child > .fl-col > .fl-col-content {
    padding: 32px 24px !important;
  }

  /* Bandeau des logos : 3 colonnes égales, alignées sur le panneau sombre */
  #contact .fl-col-group:last-child {
    display: flex !important;
    margin: 0 20px;
  }
  #contact .fl-col-group:last-child::before,
  #contact .fl-col-group:last-child::after {
    display: none; /* neutralise le clearfix des floats */
  }
  #contact .fl-col-group:last-child > .fl-col {
    float: none !important;
    flex: 1 1 0;
    width: auto !important;
    min-width: 0;
  }
  #contact .fl-col-group:last-child > .fl-col > .fl-col-content {
    margin: 0 !important;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px 8px;
  }
  /* Mêmes couleurs de filet que sur ordinateur */
  #contact .fl-col-group:last-child > .fl-col:nth-child(1) > .fl-col-content { border-top-color: #f34123 !important; }
  #contact .fl-col-group:last-child > .fl-col:nth-child(2) > .fl-col-content { border-top-color: #5a6d7e !important; }
  #contact .fl-col-group:last-child > .fl-col:nth-child(3) > .fl-col-content { border-top-color: #feb960 !important; }
  #contact .fl-col-group:last-child .fl-module,
  #contact .fl-col-group:last-child .fl-module-content,
  #contact .fl-col-group:last-child p {
    margin: 0 !important;
  }
  #contact .fl-col-group:last-child img {
    width: 100%;
    max-width: 96px;
    height: auto;
    display: block;
    margin: 0 auto;
  }
}