/* Pied de page (05/10, « dégradé B ») — balisage : outils/pied.py ; « ouvert / fermé » en direct : js/menu.js */
footer.pied{--txt:#0b0a09;--doux:rgba(11,10,9,.6);--k:#5f6857;--trait:rgba(11,10,9,.13);
  position:relative;z-index:2;display:block!important;margin:0!important;padding:0!important;border:0!important;
  background:linear-gradient(180deg,#C6CBBA 0%,#DCDDD1 45%,#F4F0E8 100%)!important;color:var(--txt)!important;
  font:400 14px/1.5 Satoshi,system-ui,sans-serif!important;text-align:left!important;overflow:hidden}
footer.pied *{box-sizing:border-box}
footer.pied a{color:inherit!important;text-decoration:none}
footer.pied ul{list-style:none!important;margin:0!important;padding:0!important;display:grid!important;gap:4px!important;text-align:left!important}
footer.pied nav{margin:0!important}
footer.pied nav a{text-transform:none!important;letter-spacing:normal!important;font-weight:400!important;text-shadow:none!important;opacity:1}
footer.pied p{margin:0}

.pd-h{display:grid;grid-template-columns:minmax(260px,.9fr) 3fr;gap:clamp(40px,6vw,110px);
  max-width:calc(var(--W,1180px) + 2*clamp(20px,4vw,64px));margin:0 auto;padding:9vh clamp(20px,4vw,64px) 6.5vh}
.pd-id{display:flex;flex-direction:column;align-items:center;width:fit-content;max-width:100%}
.pd-id img{width:230px;max-width:100%;height:auto;display:block;margin-bottom:28px}
footer.pied .pd-rdv{display:inline-block;white-space:nowrap;padding:15px 24px;border-radius:999px;background:#0b0a09;color:#F3EEE6!important;
  font:500 11px/1 Satoshi,system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;transition:opacity .3s,transform .3s}
.pd-rdv:hover{opacity:.86;transform:translateY(-2px)}
.pd-soc{display:flex;gap:10px;margin-top:16px}
.pd-soc a{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--trait);transition:background .3s,color .3s,border-color .3s}
footer.pied .pd-soc a:hover{background:#0b0a09;color:#F3EEE6!important;border-color:#0b0a09}
.pd-soc svg{width:18px;height:18px}

.pd-plan{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3.5vw,64px)}
.pd-k{font:500 10.5px/1.2 Satoshi,system-ui,sans-serif!important;letter-spacing:.26em!important;text-transform:uppercase!important;color:var(--k)!important;
  padding-bottom:12px;margin-bottom:14px!important;border-bottom:1px solid var(--trait)}
.pd-plan a{display:inline-block;padding:4px 0;font:400 15px/1.45 Satoshi,system-ui,sans-serif!important;opacity:.85!important;
  background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .5s cubic-bezier(.2,.7,.2,1),opacity .3s}
.pd-plan a:hover,.pd-plan a[aria-current]{background-size:100% 1px;opacity:1!important}

.pd-ct{display:grid;grid-template-columns:1.1fr .9fr 1.2fr .9fr;gap:clamp(20px,3vw,48px);align-items:center;
  max-width:var(--W,1180px);margin:0 auto;padding:clamp(40px,6vh,64px) 0 clamp(52px,8vh,84px);border-top:1px solid var(--trait);width:calc(100% - 2*clamp(20px,4vw,64px))}
.pd-nom{font-family:Aegean,Georgia,serif!important;font-size:clamp(22px,1.6vw,28px)!important;line-height:1.1!important;text-transform:none!important;letter-spacing:0!important}
footer.pied .pd-adr{display:block;margin-top:8px;line-height:1.55;color:var(--doux)!important;text-decoration:underline!important;text-decoration-color:var(--trait)!important;text-underline-offset:4px}
.pd-tel{display:block;white-space:nowrap;font-family:Aegean,Georgia,serif;font-size:clamp(22px,1.7vw,27px);line-height:1.2}
.pd-etat{display:inline-flex!important;align-items:center;gap:8px;margin-top:10px!important;padding:6px 12px;border-radius:999px;background:var(--trait);font-size:12px}
.pd-etat[hidden]{display:none!important}
.pd-etat::before{content:"";width:7px;height:7px;border-radius:50%;background:#5f9d50;box-shadow:0 0 0 4px rgba(95,157,80,.18)}
.pd-etat.ferme::before{background:#c9a27a;box-shadow:none}
.pd-hor{display:grid;margin:0;font-size:13px}
.pd-hor div{display:flex;justify-content:space-between;gap:14px;padding:5px 0;border-bottom:1px solid var(--trait)}
.pd-hor dt{color:var(--doux);white-space:nowrap}.pd-hor dd{margin:0;white-space:nowrap}.pd-off dd{color:var(--doux)}
.pd-bt{display:flex;flex-direction:column;gap:10px}
.pd-bt a{text-align:center;padding:12px 18px;border-radius:999px;border:1px solid rgba(11,10,9,.42);font:500 11px/1 Satoshi,system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;transition:background .3s,color .3s}
.pd-bt a+a{border-color:rgba(11,10,9,.22)}
footer.pied .pd-bt a:hover{background:#0b0a09;color:#F3EEE6!important;border-color:#0b0a09}

.pd-leg{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;background:#0b0a09;color:rgba(243,238,230,.62)!important;
  padding:20px clamp(20px,4vw,64px);padding-right:max(clamp(20px,4vw,64px),96px);font-size:12px}
.pd-leg nav{display:flex;gap:22px;flex-wrap:wrap}
footer.pied .pd-leg nav a{font-size:12px!important;color:rgba(243,238,230,.62)!important}
footer.pied .pd-leg nav a:hover{color:#F3EEE6!important}

@media(max-width:1100px){.pd-ct{grid-template-columns:1fr 1fr}.pd-bt{flex-direction:row}.pd-bt a{flex:1}}
@media(max-width:820px){
  .pd-h{grid-template-columns:1fr;gap:60px;padding:8vh 20px 5vh}
  .pd-id{margin:0 auto}
  .pd-plan{grid-template-columns:1fr 1fr}.pd-plan>div:last-child{grid-column:1/-1}
  footer.pied .pd-plan>div:last-child ul{grid-template-columns:1fr 1fr;column-gap:clamp(24px,3.5vw,64px)!important}
  .pd-ct{grid-template-columns:1fr;gap:36px;width:calc(100% - 40px)}
  .pd-ct>div:nth-child(-n+2){text-align:center}
  footer.pied .pd-plan>div{text-align:center}footer.pied .pd-plan ul{justify-items:center!important;text-align:center!important}
  .pd-leg{justify-content:center;text-align:center}.pd-leg nav{justify-content:center}
  .pd-leg{padding-right:20px;padding-bottom:28px}}

/* menus latéraux des pages : masqués quand le pied de page est à l’écran */
html.pied-vu .side,html.pied-vu .side-tip,html.pied-vu .ap-side,html.pied-vu .rail{opacity:0!important;pointer-events:none!important}

/* 05/10 : boutons Itinéraire / Appeler pleins (noirs) par défaut */
footer.pied .pd-bt a,footer.pied .pd-bt a+a{background:#0b0a09;color:#F3EEE6!important;border-color:#0b0a09;transition:background .3s,color .3s,transform .3s}
footer.pied .pd-bt a:hover{background:transparent;color:#0b0a09!important;border-color:#0b0a09;transform:translateY(-2px)}

/* 05/10 : bouton WhatsApp flottant plus visible (vert WhatsApp, halo qui respire, bulle « Une question ? » au chargement et au survol) */
a.wa-float{width:62px!important;height:62px!important;background:#25D366!important;color:#fff!important;box-shadow:0 12px 30px rgba(37,211,102,.42),0 4px 12px rgba(0,0,0,.22)!important;animation:wa-souffle 2.6s ease-out infinite}
a.wa-float svg{width:30px!important;height:30px!important}
a.wa-float::after{border:2px solid #25D366!important}
@keyframes wa-souffle{0%{box-shadow:0 0 0 0 rgba(37,211,102,.5),0 12px 30px rgba(37,211,102,.42)}70%{box-shadow:0 0 0 16px rgba(37,211,102,0),0 12px 30px rgba(37,211,102,.42)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0),0 12px 30px rgba(37,211,102,.42)}}
a.wa-float::before{content:"Une question ?";position:absolute;right:calc(100% + 12px);top:50%;transform:translate(10px,-50%);opacity:0;white-space:nowrap;background:#fff;color:#0b0a09;padding:10px 16px;border-radius:999px;font:500 13px/1 Satoshi,system-ui,sans-serif;box-shadow:0 8px 24px rgba(11,10,9,.18);pointer-events:none;transition:opacity .35s,transform .35s cubic-bezier(.2,.7,.2,1);animation:wa-bulle 6.5s 2.5s both}
a.wa-float:hover::before{opacity:1;transform:translate(0,-50%);animation:none}
@keyframes wa-bulle{0%{opacity:0;transform:translate(10px,-50%)}8%,85%{opacity:1;transform:translate(0,-50%)}100%{opacity:0;transform:translate(10px,-50%)}}
@media(prefers-reduced-motion:reduce){a.wa-float{animation:none}a.wa-float::before{animation:none}}
html[lang="en"] a.wa-float::before{content:"Any questions?"}
