/* mobile.css : version téléphone (moins de 56rem), posée sur le VPS le 09/11/2026.
   Chargée après les feuilles Astro, sur toutes les pages. À reporter dans la source du PC
   (voir NOUVELLE-VERSION-VPS.md à la racine du site). */

@media (width<56rem){
  :root{--t-corps:1.0625rem;--t-h2:clamp(1.625rem,1.2rem + 2vw,1.875rem);--t-h3:1.25rem}
  body{line-height:1.6}

  /* En-tête : logo lisible, bouton Menu net */
  .entete-nom img{height:2.5rem;width:auto}

  /* Haut de page : la photo du cabinet revient, en tête, comme sur PC */
  #contenu .hero .hero-grille{display:flex;flex-direction:column}
  #contenu .hero .hero-photo{display:block;order:-1}
  #contenu .hero .hero-photo .photo,#contenu .hero .hero-photo picture{display:block;margin:0}
  #contenu .hero .hero-photo .photo img{aspect-ratio:4/3;height:auto;object-fit:cover;object-position:center 60%;border-radius:0}
  #contenu .hero .hero-texte{padding:var(--e-6) var(--marge) var(--e-7)}
  #contenu .hero h1{font-size:clamp(1.875rem,1.3rem + 2.6vw,2.25rem);font-weight:300;line-height:1.15}
  #contenu .hero h1 em{display:block;margin-top:var(--e-2)}
  #contenu .hero .chapo{font-size:1.125rem;margin-top:var(--e-5)}
  #contenu .hero-faits{padding:var(--e-4) var(--e-5);background:var(--blanc);border-radius:var(--r-bloc);margin-top:var(--e-5)}
  #contenu .hero .hero-actions{display:grid;gap:var(--e-3);margin-top:var(--e-5)}
  #contenu .hero .hero-actions .btn,#contenu .hero .hero-actions .hero-contact{width:100%}
  #contenu .hero .hero-actions .btn{align-items:center;min-height:3.25rem;font-size:1.0625rem}
  #contenu .hero .hero-itineraire-lien{display:none}

  /* Les cinq temps de la séance : cartes centrées sur deux colonnes */
  #contenu .gestes .gestes-liste{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--e-3);padding:0;background:none;box-shadow:none}
  #contenu .gestes .geste{flex-direction:column;align-items:center;text-align:center;gap:var(--e-2);padding:var(--e-5) var(--e-3);background:var(--blanc);border-radius:var(--r-bloc);box-shadow:0 8px 24px -16px color-mix(in oklab,var(--marine) 45%,transparent)}
  #contenu .gestes .geste+.geste{border-top:0}
  #contenu .gestes .geste:last-child{grid-column:1/-1}
  #contenu .gestes .geste p{font-size:1rem}

  /* Portrait : cadré dans la marge, visage au centre */
  #contenu .recoit .recoit-photo{padding:var(--e-6) var(--marge) 0}
  #contenu .recoit .recoit-photo .photo img{aspect-ratio:1/1;object-position:center 30%;border-radius:var(--r-bloc)}
  #contenu .recoit .recoit-bloc{padding:var(--e-6) var(--marge) var(--e-7);background:var(--gris-pale)}
  #contenu .chiffres li{background:var(--blanc);border-radius:var(--r-bloc);padding:var(--e-4)}
  #contenu .chiffres{border-top:0;padding-top:0}

  /* Sections : plus d'air et des titres qui se voient */
  #contenu .bande{padding-block:var(--e-7)}
  #contenu .bande h2::after,#contenu .cabinet h2::after,#contenu .recoit-bloc h2::after,#contenu .faq-titre::after{content:"";display:block;width:2.5rem;height:3px;margin-top:var(--e-4);background:var(--sable);border-radius:2px}
  #contenu .bande h2,#contenu .cabinet h2{font-size:var(--t-h2)}
  #contenu .prose>*+*{margin-top:var(--e-5)}

  /* Planche anatomique et photos : centrées, pleine largeur utile */
  #contenu .planche-scene{margin-inline:auto;max-width:22rem}
  #contenu .planche-tourner{max-width:22rem;margin-inline:auto}
  #contenu .cabinet-photos .photo,#contenu .cheval-photo .photo{margin:0}

  /* Boutons d'appel : pleine largeur, faciles au pouce */
  #contenu .bandeau .btn,#contenu .cab-action .btn,#contenu .faq-suite .btn,#contenu .bande .btn{width:100%;align-items:center;min-height:3.25rem}
  #contenu .bandeau-texte{text-align:left}

  /* La barre WhatsApp du bas se cache tant que les boutons du haut sont à l'écran */
  .barre-contact{transition:transform .25s ease-out}
  body.haut-visible .barre-contact{transform:translateY(110%)}

  /* Pied : liens espacés au pouce */
  .pied li a{padding-block:var(--e-4)}
}