/* Pied de page complet (S16), identique sur toutes les pages, FR et EN.
   Repris de l'accueil. Sélecteurs « footer .wrap.foot » : ils passent devant
   l'ancien style court des sous-pages (« footer .wrap{display:flex} »). */
footer{background:var(--olive);color:var(--paper);font-size:inherit}
footer .wrap.foot{display:grid;grid-template-columns:1.2fr repeat(5,auto);gap:40px;padding-block:56px 28px;justify-content:normal}
.foot h4{font-weight:400;font-size:16px;margin:0 0 12px}
.foot p,.foot a{font-size:13.5px;color:var(--sand);text-decoration:none;display:block;line-height:1.5}
.foot-logo{width:170px;height:auto;margin:-28px 0 14px;max-width:none}
.foot .brand b{font-weight:400;font-size:30px;display:block;margin-bottom:12px;color:var(--paper)}
footer .wrap.copy{display:block;font-size:12.5px;color:var(--tan-2);padding-block:0 32px}
@media (max-width:1180px){footer .wrap.foot{grid-template-columns:repeat(3,1fr)}}
@media (max-width:980px){
  footer .foot a{display:flex;align-items:center;min-height:44px;line-height:1.3;padding-block:0;margin-block:0}
}
@media (max-width:640px){
  footer .wrap.foot{grid-template-columns:1fr 1fr}
  .foot .brand{grid-column:1/-1}
}
/* Icônes Instagram / Facebook (« Nous suivre ») : dessinées au trait, couleur du texte */
.foot a:has(> .ico-reseau){display:flex;align-items:center;gap:9px}
.foot .ico-reseau{width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.foot .ico-reseau .plein{fill:currentColor;stroke:none}
/* Ligne du bas : © à gauche, signature du site à droite (l'une sous l'autre sur mobile) */
footer .wrap.copy{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px 24px}
footer .copy .signature{opacity:.8}

/* Mobile : pied de page compact (il faisait près de 1,5 écran de haut).
   Logo à côté de l'adresse, colonnes resserrées, liens Informations et Navigation en ligne,
   colonne « Réserver » masquée (le bouton Réserver reste dans l'en-tête). */
@media (max-width:640px){
  footer .wrap.foot{gap:22px 16px;padding-block:28px 18px}
  .foot .brand{display:flex;align-items:center;gap:16px}
  footer .foot .foot-logo{width:104px;margin:0;flex:none}
  .foot h4{font-size:15px;margin:0 0 6px}
  footer .foot a{min-height:34px}
  .foot > div:has(> h4[data-num="T113"]){display:none}
  .foot > div:has(> h4[data-num="T115"]),.foot > div:has(> h4[data-num="T116"]){grid-column:1/-1;display:flex;flex-wrap:wrap;column-gap:18px}
  .foot > div:has(> h4[data-num="T115"]) h4,.foot > div:has(> h4[data-num="T116"]) h4{flex-basis:100%}
  footer .wrap.copy{padding-block:0 22px}
}