/* JM 30/10/2026 : corrections de mise en page des fiches existantes (audit sur 320 à 1920 px). Classes doublées = priorité sur le CSS d'origine. */

/* fiches applications : la colonne de texte peut rétrécir sous la largeur du mot le plus long */
.app-hero.app-hero{ grid-template-columns:minmax(0,1fr) minmax(0,.42fr); }
@media (max-width:820px){ .app-hero.app-hero{ grid-template-columns:minmax(0,1fr); } }
.app-title h1{ overflow-wrap:break-word; hyphens:auto; min-width:0; }
.app-title > div{ min-width:0; }
@media (max-width:480px){ .app-title h1{ font-size:clamp(26px,8.6vw,34px)!important; } }

/* fiche Google Business : la fausse barre Google tient dans un petit écran */
/* fausses barres de navigateur des démos : sans les trois points, l'adresse tient sur une ligne ; adresse courte pour Google */
@media (max-width:480px){
  .bar.bar .dots{ display:none; }
  .bar.bar .url{ white-space:nowrap; font-size:11.5px; min-width:0; }
  .bar.bar:has(+ .body .gmaps) .url{ font-size:0; }
  .bar.bar:has(+ .body .gmaps) .url .lock{ font-size:11.5px; }
  .bar.bar:has(+ .body .gmaps) .url::after{ content:" google.com/maps"; font-size:11.5px; }
  .gbar.gbar{ min-width:0; }
}
@media (max-width:380px){ .gbar.gbar .gcam, .gbar.gbar .gavatar{ display:none; } }

/* assistant vocal : la ligne de prix de la barre de commande passe à la ligne au lieu d'être coupée */
@media (max-width:600px){ .cx-barre-txt.cx-barre-txt small{ white-space:normal; overflow:visible; text-overflow:clip; } }

/* RGPD : le texte de la case à cocher se coupe proprement */
.sm-form.sm-form label{ display:block!important; overflow-wrap:break-word; }
.sm-form.sm-form label input{ margin-right:6px; vertical-align:middle; }

/* menu QR : la démo garde de la place pour le nom des plats sur petit écran */
@media (max-width:420px){
  .presta.presta .menusite main{ padding:8px 10px 20px; }
  .presta.presta .mcard{ gap:8px; padding:8px; }
  .presta.presta .mcard .ph{ width:50px; height:50px; }
  .presta.presta .mcard .nm{ overflow-wrap:anywhere; }
}
/* menu QR : le tiroir « Espace gérant » ouvert tient dans la fenêtre de la démo */
@media (max-width:420px){ .presta.presta .gerant-panel{ right:10px; left:10px; width:auto; padding:14px; transform:translate(calc(100% + 20px)); } .presta.presta .gerant-panel.open{ transform:none; } }
/* CGV : sommaire en encadré, deux colonnes sur grand écran */
.prose .sommaire{ margin:0 0 32px; padding:18px 22px; border:1px solid var(--bord); border-radius:16px; background:rgba(255,255,255,.04); }
.prose .sommaire p{ margin:0 0 8px; }
.prose .sommaire ol{ margin:0; padding-left:22px; }
.prose .sommaire li{ margin:2px 0; break-inside:avoid; }
@media (min-width:700px){ .prose .sommaire ol{ columns:2; column-gap:40px; } }
.prose h2[id]{ scroll-margin-top:90px; }