@charset "utf-8";
/* ─── Essai design du 26/09 : écran 1 mobile « une page » (Romain : « je sais pas si les gens vont descendre en bas ») ───
   La carte cas client (photo + citation, ~430 px) demandait de dérouler : personne ne la voyait. Elle est masquée sur
   mobile ; sous le champ e-mail restent les chiffres et le mur de logos (consoleFoot, s1.js).
   28/09 (Romain, Claap avec Enguerrand) : le bandeau citron des résultats (« 150 MQL · … ») est retiré, « tu as déjà un
   scroller en dessous avec les logos » ; onepage.js n'existe plus. Chiffres plus gros, libellé à droite du chiffre, deux
   colonnes ; logos plus grands.
   Pour revenir en arrière : retirer onepage.css de index.html (branche essai-design). */
@media (max-width:959px){
  .mobile-console .csec .cases{display:none}
}
/* 26/09 (Romain) : le champ e-mail au milieu de l'écran, le bloc de preuve plus bas et plus court. Le groupe titre + phrase +
   champ flotte dans l'espace libre ; le bloc sombre reste collé en bas de l'écran. */
@media (max-width:959px){
  #screen .screen:has(> .mobile-console) > h1.title{margin-top:auto}
  .main:has(.mobile-console){padding-bottom:0}
  #screen:has(> .screen > .mobile-console){padding-bottom:0}
  #screen .screen > .console.pre.mobile-console{margin-top:auto;margin-bottom:0;flex:0 0 auto;height:auto;min-height:0;padding:16px 20px calc(22px + env(safe-area-inset-bottom,0px));gap:14px}   /* plus de marge négative : les deux marges du bas (.main, #screen) sont retirées ci-dessus, le bloc touche le bord de l'écran, zone sûre iPhone comprise ; le bloc ne s'étire plus, la place libre remonte au-dessus du titre */
  #screen .console.pre.mobile-console .console-foot{gap:14px}
}
/* 28/09 : cinq chiffres sur deux colonnes, chiffre en gros et libellé à sa droite (Enguerrand : « trop bloc, le chiffre plus
   gros » ; Romain : « je mettrais le texte à droite »). Les règles 3 colonnes d'app.css sont neutralisées une à une. */
@media (max-width:959px){
  #screen .console.pre.mobile-console .cstats{grid-template-columns:repeat(2,minmax(0,1fr))}
  #screen .console.pre.mobile-console .cstats div{display:flex;align-items:baseline;flex-wrap:wrap;column-gap:8px;row-gap:2px;padding:9px 10px 8px 0;border-right:1px solid var(--c-line);border-top:0}
  #screen .console.pre.mobile-console .cstats div:nth-child(2n+1){padding-left:0;border-right:1px solid var(--c-line)}
  #screen .console.pre.mobile-console .cstats div:nth-child(2n){padding-left:12px;border-right:0}
  #screen .console.pre.mobile-console .cstats div:nth-child(n+3){border-top:1px solid var(--c-line)}
  #screen .console.pre.mobile-console .cstats div:last-child:nth-child(odd){grid-column:1 / -1;border-right:0}   /* cinq chiffres : le dernier prend la ligne entière */
  #screen .console.pre.mobile-console .cstats b{display:inline;font-size:24px}
  #screen .console.pre.mobile-console .cstats span{display:inline;margin-top:0;font-size:10px;letter-spacing:.06em}
  #screen .console.pre.mobile-console .logos.dark img{height:48px}
}