/* ESSAI « effets resto » v27 (08/11/2026) : phrase interactive discrète sous les boutons du héros (ordinateur seulement).
   La carte des horaires et le ruban Facebook du modèle restent comme avant. Rien ne bouge tout seul. */
.phrase-devis{margin:20px 0 0;font:italic 400 1.12rem/1.5 var(--display,Georgia,serif);color:color-mix(in srgb,var(--ink) 82%,transparent);
  animation:pd-entre .8s cubic-bezier(.2,.7,.2,1) .95s both}
@keyframes pd-entre{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.phrase-devis button{font:inherit;color:var(--accent);background:none;border:0;padding:0;cursor:pointer;
  border-bottom:1px dashed color-mix(in srgb,var(--accent) 60%,transparent);transition:color .25s,border-color .25s}
.phrase-devis button:hover{color:var(--or-clair,#f1d39a);border-bottom-style:solid;border-bottom-color:var(--accent)}
.pd-mot{display:inline-block;overflow:hidden;vertical-align:bottom}
.pd-mot > span{display:inline-block}
.pd-mot.change > span{animation:pd-monte .35s cubic-bezier(.2,.7,.2,1)}
@keyframes pd-monte{from{transform:translateY(70%);opacity:0}to{transform:none;opacity:1}}
.pd-nb{position:relative;display:inline-block}
.pd-nb .pd-fl{position:absolute;top:50%;translate:0 -50%;border:0;opacity:0;font-style:normal;font-size:.85em;line-height:1;padding:4px;transition:opacity .25s}
.pd-nb .pd-moins{right:100%}
.pd-nb .pd-plus{left:100%}
.pd-nb:hover .pd-fl,.pd-nb:focus-within .pd-fl{opacity:.8}
.pd-nb .pd-fl:hover{opacity:1}
.pd-lien{margin-left:10px;font:500 .72rem/1 var(--body,system-ui);font-style:normal;letter-spacing:.16em;text-transform:uppercase;
  color:var(--accent);text-decoration:none;white-space:nowrap;vertical-align:middle}
.pd-lien span{display:inline-block;transition:transform .3s cubic-bezier(.2,.7,.2,1)}
.pd-lien:hover{color:var(--or-clair,#f1d39a)}
.pd-lien:hover span{transform:translateX(4px)}
@media(max-width:900px){.phrase-devis{display:none}}
@media(prefers-reduced-motion:reduce){.phrase-devis,.pd-mot.change > span{animation:none}}