/*!
 * bloo.Cards — Pied de page unifié du site marketing et du blog (compléments de style)
 * ---------------------------------------------------------------------------------------------
 * @version 2.1.0 (2026-09-23)
 * Chargé juste avant <footer> (non bloquant pour le rendu du haut de page).
 * S'ajoute aux styles .ft / .ft-grid / .ft-bottom déjà présents dans chaque page ; couleurs neutres
 * (gris translucides / currentColor) pour fonctionner en thème clair comme en thème sombre.
 * Contenu : grille 5 colonnes, réseaux sociaux, bouton « Gérer les cookies » présenté comme un lien,
 *           lignes d'identification légale (BCE, RPM, TVA, adresse, téléphone).
 */
.ft .ft-grid.ft-grid5{grid-template-columns:minmax(0,1.5fr) repeat(4,minmax(0,1fr))}
.ft .ft-brand p{font-size:14px;max-width:34ch}
.ft .ft-social{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}
.ft .ft-grid .ft-social a{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border-radius:10px;
  border:1px solid rgba(127,127,127,.35);background:rgba(127,127,127,.08);font-size:16px;line-height:1;transition:background .2s,transform .2s}
.ft .ft-grid .ft-social a:hover,.ft .ft-grid .ft-social a:focus-visible{background:rgba(127,127,127,.2);transform:translateY(-1px)}
.ft .ft-linkbtn{display:block;background:none;border:0;padding:5px 0;margin:0;font:inherit;font-size:14px;color:inherit;cursor:pointer;text-align:left}
.ft .ft-linkbtn:hover,.ft .ft-linkbtn:focus-visible{text-decoration:underline;text-underline-offset:3px}
.ft .ft-bottom a{display:inline;padding:0;color:inherit;text-decoration:underline;text-underline-offset:2px}
.ft .ft-legal-id{line-height:1.7}
@media (max-width:1000px){.ft .ft-grid.ft-grid5{grid-template-columns:repeat(3,minmax(0,1fr))}.ft .ft-grid.ft-grid5 .ft-brand{grid-column:1/-1}}
@media (max-width:640px){.ft .ft-grid.ft-grid5{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:380px){.ft .ft-grid.ft-grid5{grid-template-columns:1fr}}
/* Gabarit PHP (_partials) : .wrap et .ft-grid ont chacun un padding latéral → neutralisé dans le pied */
.ft .wrap .ft-grid,.ft .wrap .ft-bottom{padding-inline:0;max-width:none}
.ft .ft-ai{font-size:11.5px;margin-top:16px;text-align:center}
.ft .ft-vh{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;margin:-1px!important;padding:0!important;border:0!important}
/* Logos du pied : pages statiques = règles !important locales (pied toujours sombre) ; gabarit PHP = selon data-theme */
.ft .ft-brand img{height:26px;width:auto;margin-bottom:14px}
.ft .ft-brand .lg-d{display:none}
[data-theme="dark"] .ft .ft-brand .lg-l{display:none}
[data-theme="dark"] .ft .ft-brand .lg-d{display:block}