/* 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;}

/* ─────────────────────────────────────────────────────────────
   LIEN DISCRET VERS L'ESPACE DE REDACTION (pied de page)
   ─────────────────────────────────────────────────────────────
   ⚠ Discret ne veut pas dire cache : il doit se voir quand on le cherche.
     D'ou une opacite reduite au repos, pleine au survol, et la couleur
     d'accent du site au survol pour dire que c'est bien un lien.
   ⛔ Il vit DANS `.site`, comme tout le reste : la palette (--ink-dim,
      --primary) n'existe pas en dehors. */
.foot .lien-redaction{display:inline-flex;align-items:center;gap:5px;
  font-size:.76rem;font-weight:600;color:var(--ink-dim);text-decoration:none;
  opacity:.6;transition:opacity .15s,color .15s;white-space:nowrap;}
.foot .lien-redaction:hover,.foot .lien-redaction:focus-visible{opacity:1;
  color:var(--primary);}
.foot .lien-redaction svg{opacity:.85;flex:none;}