/**
 * @author Gilles Capelluto - MOLDEREZ-CONSULT
 * @purpose-fr Grille du pied de page avec la colonne « Le projet » : marque + 4 colonnes, puis 4, 2 et 1 colonne selon la largeur.
 * @purpose-en Footer grid with "The project" column: brand + 4 columns, then 4, 2 and 1 column depending on width.
 * @audit-scope asset
 * @inputs-fr Classes du pied de page rendu par footer.php (.has-project-nav).
 * @inputs-en Classes of the footer rendered by footer.php (.has-project-nav).
 * @effects-fr Mise en forme uniquement ; aucune écriture, aucun script.
 * @effects-en Styling only; no writes, no script.
 * Loaded after the other footer styles; the extra class outranks the 3-column rules of footer.css and official-theme.css.
 */
.ufm-footer .ufm-footer-grid.has-project-nav{grid-template-columns:minmax(240px,1.3fr) repeat(4,minmax(0,.72fr));column-gap:clamp(20px,3vw,48px)}
.ufm-footer .ufm-footer-grid.has-project-nav>nav:last-child{grid-column:auto}
@media(max-width:1179px){
  .ufm-footer .ufm-footer-grid.has-project-nav{grid-template-columns:repeat(4,minmax(0,1fr))}
  .ufm-footer .ufm-footer-grid.has-project-nav>.ufm-footer-brand{grid-column:1/-1}
}
@media(max-width:1023px){
  .ufm-footer .ufm-footer-grid.has-project-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:679px){
  .ufm-footer .ufm-footer-grid.has-project-nav{grid-template-columns:1fr}
}
/* Contact and phone links in the brand block: 44 px touch targets like every other footer action. */
.ufm-footer .ufm-footer-contact a{min-height:44px;display:inline-flex;align-items:center}