/* OnziQ, étapes 3 et 4 (AppFlow et UI/UX), 28 octobre 2026. Chargé en dernier.
   Lisibilité pour tous, zones à toucher, tuiles compactes sur mobile, en-tête. */

/* Textes : aucun libellé utile sous 12 px */
#main .lb,#main .name,#main .label,#main .rovr,#main .lab,#main .stlab,#main .ldlab,#main small,
.eyebrow,.pill,#main .sttag{font-size:max(12px,.75rem)!important}
#main .muted{line-height:1.45}

/* Zones à toucher de 44 px sur écran tactile */
@media (pointer:coarse){
  #main .rx,#main .rxshare,#main .chip,#main .vcand,#main .swatch,#main .helpbtn,#main .btn,#main .possbtn,#main .padbar,
  #main .linkbtn,.iconbtn,.hubseg button{min-height:44px}
  #main .rx,#main .swatch,#main .helpbtn,.iconbtn{min-width:44px}
}

/* Tuiles de rubrique compactes sur téléphone : icône, titre, texte, flèche sur deux lignes */
@media (max-width:599px){
  html main .oqfan-grid{grid-template-columns:1fr!important;gap:8px}
  html main .oqfan-tile,html main .oqhome-categories .oqfan-tile{display:grid!important;grid-template-columns:44px minmax(0,1fr) 32px;grid-template-areas:"icon title arrow" "icon desc arrow";align-items:center;column-gap:12px;row-gap:2px;min-height:76px!important;padding:12px 14px!important}
  html main .oqfan-tile .oqfan-icon{grid-area:icon;width:44px;height:44px;margin:0}
  html main .oqfan-tile .oqfan-icon img,html main .oqfan-tile .oqfan-icon svg{width:100%;height:100%}
  html main .oqfan-tile .oqfan-tile-title{grid-area:title;font-size:1.05rem!important;line-height:1.2}
  html main .oqfan-tile .oqfan-tile-description{grid-area:desc;font-size:.9rem!important;line-height:1.3}
  html main .oqfan-tile .oqfan-tile-foot{grid-area:arrow;font-size:0;border:0;padding:0;margin:0;justify-content:flex-end}
  html main .oqfan-tile .oqfan-tile-foot>span:last-child{font-size:1rem}
  html main .oqfan-tile::before{display:none}
}

/* En-tête : sigle du club lisible et sans débordement */
.mark{overflow:hidden;white-space:nowrap;letter-spacing:-.03em}
.mark:not(.haslogo){font-size:11px!important}

/* Ordinateur : laisser la place au sélecteur de langue en haut à droite */
@media (min-width:900px){header.top{padding-right:64px}}

/* Grand texte (réglage dans Mon compte) */
html.oq-grand #main{zoom:1.12}