/* ===== le pied de page commun (validé le 01/10, proposition C « carte de visite ») =====
   À gauche la carte Préceptio (adresse, contact, Instagram, mentions) ; à droite deux cartes
   de couleur, Emile et Sophie, avec leur menu ; dessous, la phrase sur l'IA.
   Source : chantiers/pied/pied.html, posé par chantiers/pied/poser.py. */
.pied-c{--pc-vert:#1F7F82;--pc-rose:#9B6072;--pc-encre:#1C1A17;--pc-encre-2:rgba(28,26,23,.7);--pc-encre-3:rgba(28,26,23,.5);--pc-trait:rgba(28,26,23,.12);
  background:#FBF7F0;border-top:1px solid var(--pc-trait);font:400 1rem/1.5 Manrope,system-ui,sans-serif;color:var(--pc-encre);margin-top:0}
.pied-c a{color:inherit;text-decoration:none}
.pied-c p{margin:0}
.pied-c-cadre{max-width:1200px;margin:0 auto;padding:40px 24px 22px;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1.5fr);gap:2.2rem;align-items:start}
.pied-c-visite{background:#fff;border:1px solid var(--pc-trait);border-radius:20px;padding:26px;display:grid;gap:.9rem;box-shadow:0 14px 30px -24px rgba(0,0,0,.4)}
.pied-c-precep{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;justify-self:start}
.pied-c-precep img{height:74px;width:auto}
.pied-c-precep b{font:700 1.45rem/1 "Cinzel",serif;letter-spacing:.06em}
.pied-c-precep small{font:700 .62rem/1 "Cinzel",serif;letter-spacing:.32em;color:var(--pc-encre-3)}
.pied-c-adresse{font-size:.76rem;color:var(--pc-encre-2);white-space:nowrap}
.pied-c-tel{font-weight:700;font-size:.9rem;white-space:nowrap}
.pied-c-tel span,.pied-c-legal span{color:var(--pc-encre-3);margin:0 .5rem}
.pied-c-insta{display:inline-flex;align-items:center;gap:.6rem;justify-self:start;padding:.4rem .7rem;border:1px solid var(--pc-trait);border-radius:14px;font-size:.78rem;color:var(--pc-encre-2);transition:border-color .18s}
.pied-c-insta:hover{border-color:var(--pc-vert)}
.pied-c-insta img{width:38px;height:auto;border-radius:6px}
.pied-c-insta b{color:var(--pc-vert)}
.pied-c-legal{border-top:1px solid var(--pc-trait);padding-top:.9rem;font-weight:700;font-size:.95rem}
.pied-c-droite{display:grid;gap:1.6rem;align-content:start}
.pied-c-deux{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}
.pied-c-carte{border-radius:20px;padding:22px 22px 18px;display:grid;gap:.9rem;align-content:start}
.pied-c-logo img{height:96px;width:auto;max-width:100%;object-fit:contain;display:block}
/* le mot « Sophie », plus fin, paraissait plus petit que « Emile » : son logo un peu plus grand */
.pied-c-sophie .pied-c-logo img{height:110px;margin:-7px 0}
.pied-c-carte h4{font:700 .68rem/1 Manrope,system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;margin:0}
.pied-c-liens{display:grid;grid-template-columns:1fr 1fr;gap:.45rem 1rem;font-weight:700;font-size:.88rem}
.pied-c-liens a{position:relative;justify-self:start;transition:color .18s}
.pied-c-emile{background:#E9F3F1;border:1px solid rgba(31,127,130,.25)}.pied-c-emile h4,.pied-c-emile .pied-c-liens a:hover{color:var(--pc-vert)}
.pied-c-sophie{background:#FAE0E7;border:1px solid rgba(155,96,114,.25)}.pied-c-sophie h4,.pied-c-sophie .pied-c-liens a:hover{color:var(--pc-rose)}
.pied-c-legal a:hover,.pied-c-tel a:hover{color:var(--pc-vert)}
.pied-c-texte{display:grid;gap:.6rem;justify-items:center;text-align:center;padding:.2rem 1.4rem 0}
.pied-c-phrase{font-size:.95rem;line-height:1.6;color:var(--pc-encre-2);max-width:62ch}
.pied-c-mention{font-size:.8rem;line-height:1.6;color:var(--pc-encre-3);max-width:70ch}
.pied-c-copy{grid-column:1/-1;border-top:1px solid var(--pc-trait);padding-top:1rem;font-size:.8rem;color:var(--pc-encre-3)}
@media (max-width:980px){
  .pied-c-cadre{grid-template-columns:1fr}
  .pied-c-visite{max-width:520px}
}
@media (max-width:600px){
  .pied-c-cadre{padding:30px 16px 20px}
  .pied-c-deux{grid-template-columns:1fr}
  .pied-c-adresse,.pied-c-tel{white-space:normal}
  .pied-c-texte{padding:0}
}