/* assets/site/pages.css (31/10/2026) — site en PAGES : page courante du menu, filtres de la page Jeux.
   Chargée seulement en mode pages (site/v2/pages.php) ; préfixes v-pg / v-filtre. */
html .v-links a[aria-current="page"] { color: #fff; background: rgba(255,45,107,.18); box-shadow: inset 0 0 0 1px rgba(255,45,107,.45); }
html .v-pg:not(.v-pg-accueil) > :is(section, .v-sec):first-of-type { padding-top: clamp(36px, 6vw, 72px); }

.v-filtres { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin: 0 0 26px; }
.v-filtre { padding: 9px 18px; border: 0; border-radius: 999px; cursor: pointer; font: 700 14px var(--v-corps); color: var(--v-txt2);
  background: rgba(255,255,255,.06); box-shadow: inset 0 0 0 1px rgba(255,255,255,.1); transition: background .15s, color .15s; }
.v-filtre:hover { color: #fff; background: rgba(255,255,255,.1); }
.v-filtre.on { color: #fff; background: linear-gradient(135deg, var(--v-rose), var(--v-violet)); box-shadow: 0 8px 22px rgba(255,45,107,.35); }
/* Le « mur » défilant de Premium (.v-pmx-mur) dépasse de 17 px sur téléphone (déjà vrai sur l’ancienne page) : coupé ici. */
html .v-pg #premium { overflow-x: clip; }
/* Sélecteur des formules (.v-seg) : 417 px sur un téléphone de 400 (déjà vrai sur l’ancienne page) : il défile dans sa largeur. */
html .v-pg .v-seg { max-width: 100%; overflow-x: auto; scrollbar-width: none; }
/* « 12.50 € /month » (anglais) : 3 px de trop sur un téléphone de 400 px -> « /month » passe à la ligne si besoin. */
html .v-pg .v-prix { flex-wrap: wrap; overflow-wrap: anywhere; }