/* YORU — mobile (≤ 900 px) : sections plein écran façon magazine, contenu en bas dans la zone du pouce.
 * Chargé en dernier (après inspire.css, la feuille de page et nuit.css). */
.cl-prog-mobile-wrap{display:none}
@media (max-width:900px){
  [data-plein]{min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;box-sizing:border-box}
  /* haut de page restaurant : texte et boutons en bas, au-dessus du badge */
  .h-yoru[data-plein]{display:flex;place-items:normal;padding:0}
  .h-yoru[data-plein] .h-centre{padding:0 20px max(40px,env(safe-area-inset-bottom))}
  .h-yoru[data-plein] .badge{bottom:auto;top:96px;right:16px}
  /* Late night : la phrase au-dessus du bandeau, en bas */
  .statement[data-plein]{padding:0}
  .statement[data-plein] .st{margin-bottom:28px}
  .statement[data-plein] .defile{margin-top:0;margin-bottom:max(24px,env(safe-area-inset-bottom))}
  /* réservation : formulaire compact en bas */
  .resa-t[data-plein]{padding:0}
  .resa-t[data-plein]>.wrap{padding-bottom:max(28px,env(safe-area-inset-bottom))}
  .resa-t[data-plein] .resa-form{gap:10px;margin:22px 0 8px}
  .resa-t[data-plein] .resa-form select,.resa-t[data-plein] .resa-form input{height:52px}
  .resa-t[data-plein] .resa-info{margin-top:12px}
  /* club : enseigne en bas du premier écran, carte « cette semaine » juste après */
  .cl-hero[data-plein] .cl-hero-grille{min-height:0;padding:0 20px max(40px,env(safe-area-inset-bottom))}
  .cl-hero[data-plein] .cl-hero-grille>.cl-prog{display:none}
  .cl-prog-mobile-wrap{display:block;background:var(--nuit);padding:34px 20px 10px}
  .cl-piste[data-plein] .cl-piste-txt{padding-top:0;padding-bottom:24px}
  /* confort au pouce */
  .btn{min-height:56px}
  .fleches button,.tete .burger,.tete .langue{min-width:48px;min-height:48px}
  main p,main li,main dd{font-size:max(15px,1em)}
}
/* rangées à glisser au pouce : accrochage souple, carte du centre mise en avant, points de progression */
.points{display:none}
@media (max-width:900px){
  [data-glisse]{display:flex!important;overflow-x:auto!important;scroll-snap-type:x proximity!important;overscroll-behavior-x:contain;gap:14px!important;margin:0 -20px!important;padding:0 20px 8px!important;scroll-padding-inline:20px;scrollbar-width:none;grid-template-columns:none!important}
  [data-glisse]::-webkit-scrollbar{display:none}
  [data-glisse]>*{flex:0 0 82%!important;max-width:82%;scroll-snap-align:start;transition:transform .4s,opacity .4s}
  html.js [data-glisse]>*:not(.centre){transform:scale(.95);opacity:.75}
  .cu-rang[data-glisse]{margin:0!important}
  .mosaique[data-glisse]>*{aspect-ratio:4/5;height:auto!important;grid-column:auto!important;grid-row:auto!important}
  .cc-liste[data-glisse]>li{display:block;padding:24px 20px;border:1px solid #ff29a855;border-radius:4px;background:#06183dcc}
  .cc-liste[data-glisse]>li .pts{display:none}
  .cc-liste[data-glisse]>li b{display:block;margin:6px 0 8px}
  .points{display:flex;justify-content:center;gap:6px;margin-top:16px}
  .points i{width:6px;height:6px;border-radius:50%;background:#ffffff40;transition:width .3s,background .3s}
  .points i.on{width:22px;border-radius:3px;background:linear-gradient(90deg,#3fd7ff,#ff29a8)}
}
/* relecture finale : jamais de texte coupé, haut des sections plein écran visible, aucun texte sous 15 px */
@media (max-width:900px){
  .exp-grille,.bar-grille,.cl-carres-grille,.cl-privat-grille,.cl-hero-grille,.cl-ecran{grid-template-columns:minmax(0,1fr)!important}
  .exp-grille>*,.bar-grille>*,.cl-carres-grille>*,.cl-privat-grille>*,.cl-hero-grille>*{min-width:0}
  [data-plein]{height:auto;min-height:100svh;justify-content:safe flex-end;padding-top:86px!important}
  main .lbl,main .lbl b,main .chiffres dd,main .mt-liste small,main .tags .tags-lbl,main .a-conf,main small,main .cl-soir-h,main .ac-h,main .cl-chiffres span,main .h-centre p,main dd,main .niveau,main .h-cote,main .badge span,main .etage>span{font-size:15px!important}
}
@media (max-width:900px) and (max-height:700px){.h-yoru[data-plein] .badge{display:none}}
