/* usftt.css - le socle commun aux 11 pages du site USFTT.
   Genere le 09/09/2026. Contient les 26 regles CSS presentes A L'IDENTIQUE
   dans LES ONZE pages : la barre de navigation, le menu deroulant, le burger
   mobile, la barre des partenaires, les liens et les boutons.

   Pourquoi seulement 26 ? Parce qu'une regle mise ici s'applique a TOUTES les
   pages. Une regle presente dans 2 pages sur 11 en toucherait 9 qui ne
   l'avaient pas : essaye le 09/09/2026, le seuil de 2 pages faisait perdre
   180 px de hauteur a l'accueil (index definit .site h1,h2,h3,p{margin:0}
   SANS h4, les autres pages AVEC -- les deux cohabitaient). Mesure a l'appui,
   annule, restaure.

   ATTENTION -- LES VARIABLES DE LA CHARTE NE SONT PAS ICI.
   --bg, --primary, --ink... restent definies dans CHAQUE page, parce que les
   blocs different d'une page a l'autre : 8 variables sur la plupart, 9 sur
   histoire et palmares, 10 sur index et resultats, 14 sur soutenir. Les
   unifier changerait le rendu ; c'est un chantier a decider, pas un
   nettoyage. Tant qu'il n'est pas fait, une couleur se change encore dans
   11 fichiers. */

.site *{box-sizing:border-box;}
.site a{color:inherit;text-decoration:none;}
.site a.adherer,.site a.btn-p,.site a.btn-y{color:var(--on-primary);}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px;}
.nav a:hover,.nav a.active{color:var(--ink);}
.nav a.active{color:var(--primary);}
.nav-item{position:relative;display:inline-flex;align-items:center;}
.nav-item:hover>a,.nav-item.open>a{background:var(--surface-3);color:var(--ink);}
.nav-dd::before{content:"";position:absolute;top:-11px;left:-8px;right:-8px;height:12px;}
.nav-item:hover .nav-dd,.nav-item.open .nav-dd{display:flex;}
.nav-dd a:hover{background:var(--surface-3);color:var(--ink);}
.nav-cx{font-size:.58rem;opacity:.55;}
.socials{display:flex;gap:7px;}
.socials a{width:31px;height:31px;border-radius:8px;display:grid;place-items:center;color:var(--ink-soft);border:1px solid var(--line);transition:.18s;}
.burger{display:none;background:transparent;border:1px solid var(--line);border-radius:9px;width:42px;height:42px;color:var(--ink);cursor:pointer;}
.mobmenu{position:fixed;top:74px;left:0;right:0;z-index:45;display:none;flex-direction:column;gap:2px;padding:10px 16px 16px;background:var(--surface);border-bottom:1px solid var(--line);max-height:calc(100vh - 74px);overflow:auto;box-shadow:var(--shadow);}
.mobmenu.open{display:flex;}
.mobmenu a:hover{background:var(--surface-3);}
.mobmenu .adherer{margin-top:8px;text-align:center;}
@media (min-width:901px){.mobmenu{display:none!important;}}
.sponsor-bar{position:fixed;left:0;right:0;bottom:0;z-index:55;background:var(--surface-2);border-top:1px solid var(--line);height:48px;display:flex;align-items:center;justify-content:center;gap:16px;padding:0 16px;}
.sponsor-bar .sb-lbl{font-size:.6rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);white-space:nowrap;flex:none;}
.sponsor-bar .sb-logos{display:flex;align-items:center;gap:14px;overflow-x:auto;flex:0 1 auto;justify-content:center;}
.sponsor-bar .sb-lg{display:inline-flex;align-items:center;justify-content:center;height:32px;flex:none;background:#fff;border-radius:6px;padding:3px 9px;}
.sponsor-bar .sb-lg img{height:26px;width:auto;display:block;}
.sponsor-bar .sb-txt{font-size:.66rem;font-weight:700;color:#0B1C48;white-space:nowrap;}