@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700;800&family=Sora:wght@600;700;800&display=swap"); /* V101.62: retire le halo bleu au toucher sur mobile, partout — ce fichier est chargé par toutes les pages client (Explorer, Matchs, Activité, Moi, Accueil). */ /* V101.209 — l'éclair blanc au défilement. * * `html` n'avait aucun fond. Sur mobile, quand on fait défiler vite, * le navigateur affiche la zone qu'il n'a pas encore peinte : il y * met alors le blanc par défaut de `html`, pas la couleur du `body`. * D'où cette bande claire qui apparaît et disparaît — surtout dans * l'espace pro, dont les cartes sont hautes et le rendu plus lourd. * * Poser le fond sur `html` supprime le phénomène : il n'y a plus de * blanc à montrer. Le `body` garde sa propre couleur, celle-ci ne sert * que de fond de secours pendant le rendu et au rebond élastique. * * `overscroll-behavior-y: none` complète la correction : il supprime * le rebond en haut de page, l'autre moment où l'on voit apparaître * le fond du document. * * V101.210 : le geste « tirer pour rafraîchir » est désormais le * nôtre — voir js/yafoye-pull-refresh.js. Il fonctionne aussi dans * l'application mobile, où le geste natif n'a jamais existé faute de * barre de navigateur. Garder `none` ici évite que les deux se * superposent, et supprime le rebond qui découvrait le fond du * document. */ html{ -webkit-tap-highlight-color:transparent; background:#f3f7f9; overscroll-behavior-y:none; } /* La teinte suit celle de la page quand elle en déclare une : chaque espace garde la sienne, sans qu'on ait à les énumérer ici. */ html{background:var(--bg,#f3f7f9)} *,*::before,*::after{-webkit-tap-highlight-color:transparent} /* V101.63: indicateurs de défilement (la petite barre qui apparaît puis disparaît au scroll, horizontal ou vertical) — masqués partout. Cette règle existait déjà dans yafoye-design-system.css, mais ce fichier n'est chargé que par Explorer et la fiche détail parmi les 6 pages client : Matchs, Activité, Moi et Accueil n'en bénéficiaient jamais. Placée ici, dans le fichier réellement commun aux 6 pages. */ html,body,*{scrollbar-width:none!important;-ms-overflow-style:none!important} html::-webkit-scrollbar,body::-webkit-scrollbar,*::-webkit-scrollbar{width:0!important;height:0!important;display:none!important;background:transparent!important} /* V101.62: compteurs rouges sur les icônes du menu (Matchs, Activité) — nombre qui découle directement du contenu réel (Firestore, en écoute live), masqué entièrement à zéro plutôt que d'afficher "0". */ .yf-nav-badge{position:absolute;top:2px;right:calc(50% - 20px);min-width:15px;height:15px;padding:0 4px;border-radius:999px;background:#e03131;color:#fff;font:800 9px/15px Manrope,Arial,sans-serif;text-align:center;box-shadow:0 0 0 2px rgba(3,27,58,.98)} .yf-nav-badge[hidden]{display:none!important} .yf-unified-desktop-nav a{position:relative} .yf-unified-desktop-nav .yf-nav-badge{position:static;display:inline-flex;align-items:center;justify-content:center;margin-left:6px;box-shadow:none;vertical-align:middle} /* Yafoye unified chrome R24 — one header/menu system for client and pro spaces. */ /* V101.44 — anti-flash : ces pages contiennent des dizaines de blocs