/* site.css : base, navigation, pied de page — commun au site du Gîte du Pré au Miel. Chargé AVANT le <style> propre à chaque page. */
*{box-sizing:border-box}
html,body{margin:0;background:var(--fond);color:var(--texte); font-family:-apple-system,"Segoe UI",Arial,sans-serif;line-height:1.6}
.enveloppe{max-width:640px;margin:0 auto;padding:0 16px 48px}
nav.principale{display:flex;flex-wrap:nowrap;gap:10px;overflow-x:auto;-webkit-overflow-scrolling:touch; scroll-snap-type:x proximity;scrollbar-width:thin; margin:0 -16px 8px;padding:14px 16px 16px}
nav.principale::-webkit-scrollbar{height:4px}
nav.principale::-webkit-scrollbar-thumb{background:var(--bord);border-radius:4px}
nav.principale a{scroll-snap-align:start;flex:0 0 auto;display:flex;flex-direction:column; align-items:center;gap:4px;text-decoration:none;color:var(--texte-doux);font-size:11px; font-weight:500;background:var(--carte);border:1px solid var(--bord);border-radius:14px; padding:10px 14px;min-width:74px;text-align:center}
nav.principale a svg{color:var(--miel);flex-shrink:0}
nav.principale a[aria-current]{color:var(--miel-fonce);border-color:var(--miel);background:var(--miel-clair)}
nav.principale a[aria-current] svg{color:var(--miel-fonce)}
.entete-nav{display:flex;align-items:flex-start;gap:8px}
.entete-nav nav.principale{flex:1;min-width:0}
.icone-contact{flex:0 0 auto;display:flex;align-items:center;justify-content:center; width:40px;height:40px;margin-top:14px;border-radius:50%;background:var(--carte); border:1px solid var(--bord);color:var(--miel);text-decoration:none}
.icone-contact[aria-current]{background:var(--miel-clair);border-color:var(--miel);color:var(--miel-fonce)}
.pied{background:var(--carte);border:1px solid var(--bord);border-radius:12px; padding:16px;font-size:14px;color:var(--texte-doux)}
.pied p{margin:2px 0}
.pied a{color:var(--texte);font-weight:500;text-decoration:none}

@media (min-width:900px){
  .enveloppe{max-width:1080px;padding:0 32px 64px}
  nav.principale{overflow-x:visible;margin:0 0 24px;padding:16px 0;justify-content:space-between}
  .entete-nav{align-items:center}
  .icone-contact{margin-top:0}
  nav.principale a{flex-direction:row;font-size:13px;padding:8px 12px;min-width:0; background:transparent;border:none}
  nav.principale a[aria-current]{background:var(--miel-clair);border-radius:10px}
}