/* Bas de page commun, sur toute la largeur (d'après la maquette Claude Design) */
.site-foot { position: relative; z-index: 5; background: #F4F0F8; color: var(--violet); padding: clamp(56px, 7vw, 96px) clamp(20px, 3.4vw, 48px) 28px; }
.site-foot .in { max-width: 1240px; margin: 0 auto; }
.site-foot .cols { display: grid; grid-template-columns: minmax(0, 1.5fr) repeat(3, minmax(0, 1fr)); gap: 40px clamp(24px, 3.5vw, 56px); }
.site-foot .brand { display: grid; gap: 22px; align-content: start; }
.site-foot .logo { position: relative; display: block; width: min(100%, 240px); aspect-ratio: 2310 / 1120; }
.site-foot .logo img { position: absolute; inset: 0; width: 100%; height: 100%; }
.site-foot .logo .m { position: absolute; left: 56.45%; top: .36%; width: 43.38%; height: 82.32%; }
.site-foot .logo .m img.hand { transform-origin: 71% 64%; }
.site-foot .logo:hover .m img.hand { animation: wave 1.3s ease-in-out; }
.site-foot .btn { justify-self: start; }
.site-foot h2 { font: 700 13px 'BG'; letter-spacing: .06em; text-transform: uppercase; color: var(--orange); margin-bottom: 16px; }
.site-foot nav { display: grid; gap: 11px; align-content: start; }
.site-foot nav a { font: 500 15px/1.4 'IN'; color: var(--violet); justify-self: start; transition: color .2s; }
.site-foot nav a:hover { color: var(--orange); }
.site-foot nav a small { display: block; font-size: 13px; color: #6E6780; }
.site-foot a:focus-visible { outline: 2px solid var(--violet); outline-offset: 3px; border-radius: 4px; }
.site-foot .bar { display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-top: clamp(48px, 6vw, 72px); padding-top: 22px; border-top: 1.5px solid #E4D7F4; font: 500 14px 'IN'; color: #5B4A75; }
@media (max-width: 900px) {
  .site-foot .cols { grid-template-columns: 1fr 1fr; }
  .site-foot .brand { grid-column: 1 / -1; }
}
@media (max-width: 480px) { .site-foot .cols { grid-template-columns: 1fr; } }
/* téléphone et tablette : chaque lien se touche sur 44 px de haut */
@media (max-width: 900px) { .site-foot h2 { margin-bottom: 5px; } .site-foot nav { gap: 0; } .site-foot nav a { padding: 11px 0; } }