/* fiche-piece.css : pages de présentation des pièces — commun au site du Gîte du Pré au Miel. Chargé AVANT le <style> propre à chaque page. */
.sous-nav{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch; scroll-snap-type:x proximity;scrollbar-width:thin;margin:0 -16px 20px;padding:0 16px 6px}
.sous-nav::-webkit-scrollbar{height:4px}
.sous-nav::-webkit-scrollbar-thumb{background:var(--bord);border-radius:4px}
.sous-nav a{scroll-snap-align:start;flex:0 0 auto;text-decoration:none;font-size:12px; color:var(--texte-doux);background:var(--carte);border:1px solid var(--bord); border-radius:20px;padding:6px 12px;white-space:nowrap}
.sous-nav a[aria-current]{color:var(--miel-fonce);border-color:var(--miel);background:var(--miel-clair);font-weight:500}
h1{font-size:22px;font-weight:600;margin:8px 0 4px}
.fait{font-size:13px;color:var(--sauge);font-weight:500;margin:0 0 12px}
.description p{margin:0 0 10px;color:var(--texte-doux)}
.description ul{margin:0 0 10px;padding-left:20px;color:var(--texte-doux)}
.description li{margin:0 0 4px}
.bouton{display:inline-block;text-decoration:none;font-size:14px;font-weight:500; padding:12px 20px;border-radius:10px;background:var(--miel);color:#FFF8EC;margin:12px 0 24px}
.grille-photos{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}
.grille-photos figure{margin:0;border-radius:12px;overflow:hidden;border:1px solid var(--bord)}
.grille-photos img{width:100%;height:180px;object-fit:cover;display:block}
.grille-photos .figure-premiere{grid-column:1 / -1}
.grille-photos .figure-premiere img{height:260px}

@media (min-width:900px){
  h1{font-size:28px}
  .description p,.description li{font-size:16px}
  .description{max-width:640px}
  .grille-photos{grid-template-columns:repeat(3,1fr)}
  .grille-photos .figure-premiere{grid-column:span 2}
  .grille-photos img{height:220px}
  .grille-photos .figure-premiere img{height:340px}
}