/*
Theme Name: FC BRP
Theme URI: https://www.fcbursinsrolleperroy.ch/
Description: Thème du FC Bursins-Rolle-Perroy (piste F « Ligne ») — trois communes, trois traînées. Fonctionne avec l’extension « BRP Club ».
Author: FC Bursins-Rolle-Perroy
Version: 0.10.7
Requires at least: 6.5
Requires PHP: 7.4
Text Domain: brp
*/

/* Police Archivo (variable : graisse 100–900, chasse 62–125 %), hébergée avec le thème — aucun appel à Google. */
@font-face{font-family:"Archivo";font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(assets/fonts/archivo-latin-wdth-normal.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Archivo";font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(assets/fonts/archivo-latin-ext-wdth-normal.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Archivo";font-style:italic;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(assets/fonts/archivo-latin-wdth-italic.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

html{scrollbar-gutter:stable} *{box-sizing:border-box} a{color:inherit;text-decoration:none} .ic{flex:none;vertical-align:-3px}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.streak{display:inline-block;width:104px;height:20px;line-height:0;--trail-j:var(--grenat)} .streak svg{width:100%;height:100%;display:block;overflow:visible} .sh .streak{width:92px;height:18px} .streak path{transform-origin:100% 50%;animation:trail .7s cubic-bezier(.2,.7,.2,1) both} .streak .t2{animation-delay:.08s} .streak .t3{animation-delay:.16s} @keyframes trail{from{transform:scaleX(.2);opacity:0}to{transform:none;opacity:1}} @media(prefers-reduced-motion:reduce){.streak path{animation:none}}

.burger{display:inline-flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:0 11px;flex:none;border:1px solid var(--dr-line,rgba(255,255,255,.16));border-radius:10px;background:transparent;color:inherit;cursor:pointer}
.burger span{display:block;width:22px;height:2px;border-radius:2px;background:currentColor;transition:transform .25s,opacity .2s}
.burger:hover{background:var(--dr-bg2,rgba(255,255,255,.08))}
body.menu-open .burger span:nth-child(1){transform:translateY(7px) rotate(45deg)} body.menu-open .burger span:nth-child(2){opacity:0} body.menu-open .burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.scrim{position:fixed;inset:0;z-index:40;background:rgba(0,0,0,.55);opacity:0;pointer-events:none;transition:opacity .25s}
body.menu-open .scrim{opacity:1;pointer-events:auto}
.drawer{position:fixed;top:0;bottom:0;left:0;z-index:41;width:min(330px,88vw);display:flex;flex-direction:column;gap:16px;padding:16px 16px 22px;overflow-y:auto;background:var(--dr-bg,#0B1B31);color:var(--dr-ink,#fff);border-right:1px solid var(--dr-line,rgba(255,255,255,.12));box-shadow:0 0 60px rgba(0,0,0,.5);transform:translateX(-104%);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
body.menu-open .drawer{transform:none}
.drawer .dh{display:flex;align-items:center;justify-content:space-between;gap:10px}
.drawer .brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:13px;line-height:1.1;text-transform:uppercase;letter-spacing:.04em} .drawer .brand img{height:40px;width:auto}
.dx{width:40px;height:40px;flex:none;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--dr-line,rgba(255,255,255,.16));background:transparent;color:inherit;cursor:pointer} .dx:hover{background:var(--dr-bg2,rgba(255,255,255,.08))}
.dn{display:grid;gap:2px} .dn a{display:flex;align-items:center;gap:12px;padding:12px;border-radius:10px;font-weight:600;font-size:17px;color:var(--dr-ink2,#cfd6e6);position:relative} .dn a .ic{color:var(--dr-acc,#19B85A)} .dn a:hover{background:var(--dr-bg2,rgba(255,255,255,.08));color:var(--dr-ink,#fff)}
.dn a.on{background:var(--dr-bg2,rgba(255,255,255,.08));color:var(--dr-ink,#fff)} .dn a.on::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:3px;background:var(--dr-acc,#19B85A)}
.dg{display:grid;gap:1px;padding-top:12px;border-top:1px solid var(--dr-line,rgba(255,255,255,.12))} .dk{font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--dr-ink3,#8a97b3);padding:0 12px 6px} .dg a{display:flex;align-items:center;gap:8px;padding:7px 12px;border-radius:8px;font-size:15px;color:var(--dr-ink2,#cfd6e6)} .dg a:hover{background:var(--dr-bg2,rgba(255,255,255,.08));color:var(--dr-ink,#fff)} .dg a .ic:last-child{opacity:.6;margin-left:auto}
.drawer .btn{margin-top:auto} .df{font-size:12.5px;line-height:1.5;color:var(--dr-ink3,#8a97b3);margin:0;padding:0 4px} .df a{text-decoration:underline;text-underline-offset:3px}
@media(prefers-reduced-motion:reduce){.drawer,.scrim,.burger span{transition:none}}

:root{/* couleurs du logo : rouge, vert et grenat (les traînées du ballon) sur le bleu nuit du globe ; le vert sert d'accent, le grenat aux Seniors */color-scheme:dark;--bg:#17184A;--bg2:#202163;--bg3:#2B2C78;--indigo:#2F2E7C;--ink:#F5F5FF;--ink2:#C9CAE8;--ink3:#9A9BCB;--line:rgba(255,255,255,.14);--rouge:#E41824;--vert:#00A848;--grenat:#B4303A;--grenat-t:#F2A0A4;--jaune:#19B85A;--or:#19B85A;--fg:#fff;--inv-bg:#fff;--inv-fg:#17184A;--top-bg:rgba(23,24,74,.9);--tabs-bg:rgba(20,21,65,.94);--halo:rgba(47,46,124,.7);--jaune-t:#5FD992;--ok:#7EE2A8;--ko:#FF8A90;--rouge-t:#FF8A8A;--vert-t:#6EE39B;--chip-bg:rgba(255,255,255,.05);--chip-line:rgba(255,255,255,.14);--brp-row:rgba(0,168,72,.14);--sponsor-line:transparent;--r:10px;
 --f:"Archivo",ui-sans-serif,system-ui,sans-serif;
 --dr-bg:#141541;--dr-bg2:#2B2C78;--dr-ink:#F5F5FF;--dr-ink2:#C9CAE8;--dr-ink3:#9A9BCB;--dr-line:rgba(255,255,255,.14);--dr-acc:#19B85A}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 var(--f);background-image:radial-gradient(1000px 420px at 90% -10%,var(--halo),transparent 60%)}
.wrap{max-width:1440px;margin:0 auto;padding:0 18px}
.k{font-weight:700;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink3)}
h1,h2,h3{margin:0;line-height:1.05;text-wrap:balance;font-weight:800;letter-spacing:-.005em}
h1,h2{font-stretch:118%;text-transform:uppercase} h1{font-size:clamp(26px,3.6vw,40px)} h2{font-size:clamp(18px,2.1vw,22px)} h3{font-size:17px;font-weight:700;line-height:1.25}
/* en-tête court */
.top{position:sticky;top:0;z-index:20;background:var(--top-bg);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;gap:12px;height:60px}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:14px;line-height:1.05;letter-spacing:.04em;text-transform:uppercase;font-stretch:112%;white-space:nowrap} .brand img{height:38px;width:auto} .brand span{display:none} @media(min-width:520px){.brand span{display:block}} .brand i{font-style:normal;display:block} @media(min-width:960px){.brand{font-size:14px;gap:12px} .brand img{height:42px} .nav a,.top .btn.sm{white-space:nowrap}}
.nav{display:none;gap:2px;margin-left:auto} .nav a{padding:8px 12px;font-weight:600;font-size:15px;color:var(--ink2);border-radius:8px;position:relative} .nav a.on{color:var(--fg)} .nav a.on::after{content:"";position:absolute;left:12px;right:12px;bottom:2px;height:3px;border-radius:2px;background:var(--or)} .nav a:hover{background:var(--bg2)}
.btn.sm{margin-left:auto;min-height:38px;padding:7px 13px;font-size:14px} @media(min-width:960px){.nav{display:flex} .btn.sm{margin-left:8px}}
/* bandeau « prochain match » sous l'en-tête : court, l'essentiel sans défiler */
.hero{border-bottom:1px solid var(--line)} .hero .wrap{display:grid;gap:16px;padding:22px 18px 24px}
@media(min-width:900px){.hero .wrap{grid-template-columns:1fr 1.1fr;align-items:center;padding:22px 18px 24px}}
.hl{display:grid;gap:8px;align-content:center} .hrow{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;margin-top:6px} .hrow .btns{margin:0} .hl p{margin:0;color:var(--ink2);max-width:46ch} .hl .btns{margin-top:8px}
.board{background:var(--bg2);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;display:grid;gap:12px;position:relative;overflow:hidden}
.board::before{content:"";position:absolute;left:0;top:0;right:0;height:4px;background:var(--or)}
.bh{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap} .live{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--jaune-t)}
.vs3{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;text-align:center} .vs3 b{display:block;font-size:clamp(17px,2vw,22px);font-stretch:112%;font-weight:800;text-transform:uppercase;line-height:1.05} .vs3 small{color:var(--ink3);font-size:12.5px} .vs3 .x{font-size:22px;font-weight:800;font-variant-numeric:tabular-nums;font-stretch:112%} .vs3 .x i{display:block;font-style:normal;font-size:11px;letter-spacing:.1em;color:var(--ink3);text-transform:uppercase}
.bf{display:flex;gap:14px;flex-wrap:wrap;font-size:13.5px;color:var(--ink2)} .bf span{display:inline-flex;align-items:center;gap:5px}
.soir{display:grid;gap:6px;border-top:1px solid var(--line);padding-top:10px} .soir .k{margin-bottom:2px} .soir div{display:flex;justify-content:space-between;gap:10px;font-size:14px;color:var(--ink2)} .soir div b{color:var(--ink);font-variant-numeric:tabular-nums}
.stats{display:flex;gap:18px;flex-wrap:wrap} .stats b{display:block;font-size:26px;font-stretch:112%;font-weight:800;line-height:1;font-variant-numeric:tabular-nums} .stats span{font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink3)}
/* sections : en-tête avec l'information du haut (source, date) — comme B et D */
section{padding:26px 0} @media(min-width:900px){section{padding:34px 0}}
.sh{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.ml+.sh,.vide+.sh,.scroll+.sh,.jour+.sh,.fine+.sh,.pager+.sh,.classements+.sh,.feed+.sh,.mini+.sh{margin-top:34px} .ml+.sh.sm,.vide+.sh.sm,.scroll+.sh.sm,.jour+.sh.sm{margin-top:26px} .sh.sm{border:0;padding:0;margin:18px 0 10px} .sht{display:grid;gap:6px} .sh .meta{font-size:12.5px;color:var(--ink3)} .sh .more{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--jaune-t);font-size:14px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:15px;padding:11px 16px;border-radius:8px;border:1px solid var(--line);color:var(--fg);min-height:44px;transition:transform .15s,background .15s,border-color .15s;cursor:pointer;background:transparent;font-family:var(--f)} .btn:hover{background:var(--bg2);border-color:var(--ink3)} .btn.pri{background:var(--rouge);border-color:var(--rouge)} .btn.pri:hover{background:#C2141F;transform:translateY(-1px)} .btns{display:flex;gap:10px;flex-wrap:wrap}
.two{display:grid;gap:24px} @media(min-width:900px){.two{grid-template-columns:1.25fr .75fr}} .side{display:grid;gap:14px;align-content:start}
.jour+.jour{margin-top:18px} .jh{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 8px;padding:0 2px} .jh h2,.jh h3{margin:0;font-size:15px;font-weight:600;color:var(--ink2);letter-spacing:0;text-transform:none;font-stretch:100%} .jh h2 b,.jh h3 b{font-weight:800;color:var(--ink);font-stretch:112%;text-transform:uppercase;font-size:15px;letter-spacing:.02em} .jh .n{font-size:12.5px;color:var(--ink3);font-variant-numeric:tabular-nums} .jour.auj .jh h2 b,.jour.auj .jh h3 b{color:var(--jaune-t)}
.ml{display:grid;background:var(--bg2);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.mr,.rr{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px 14px 11px 12px;position:relative;color:inherit;text-decoration:none;transition:background .15s} .mr,.rr{box-shadow:0 -1px 0 var(--line)} .mr:hover,.rr:hover{background:var(--bg3)} .mr.dom::before,.rr.dom::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--vert)}
.mr .vs::after{content:"";position:absolute;inset:0} .mr .vs{color:inherit} .mr.joue .when b{color:var(--ink3)} .tail{display:inline-flex;align-items:center;gap:4px;justify-content:flex-end;position:relative;z-index:1} .tail .home{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--ink3)} .tail .home.off{visibility:hidden} .mr .sc,.rr .sc{font-size:15px;padding:3px 9px;min-width:54px;text-align:center}
/* épingle : info-bulle avec le terrain, clic = Google Maps */
.map{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;color:var(--ink3);border:1px solid transparent;transition:color .15s,border-color .15s,background .15s} .map:hover,.map:focus-visible{color:var(--fg);border-color:var(--line);background:var(--bg3)} .map.off{visibility:hidden}
.map[data-tip]::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);right:-4px;z-index:5;padding:6px 10px;border-radius:8px;background:var(--inv-bg);color:var(--inv-fg);font-size:12.5px;font-weight:600;letter-spacing:0;text-transform:none;white-space:nowrap;box-shadow:0 6px 20px rgba(0,0,0,.25);opacity:0;pointer-events:none;transform:translateY(4px);transition:opacity .15s,transform .15s} .map[data-tip]::before{content:"";position:absolute;bottom:calc(100% + 3px);right:9px;border:5px solid transparent;border-top-color:var(--inv-bg);opacity:0;transition:opacity .15s} .map[data-tip]:hover::after,.map[data-tip]:focus-visible::after,.map[data-tip]:hover::before,.map[data-tip]:focus-visible::before{opacity:1;transform:none}
.em .map{width:auto;height:auto;padding:2px 6px;gap:5px;font-size:13.5px;color:var(--ink2);border-color:var(--line)} .em .map[data-tip]::after{right:auto;left:0} .em .map[data-tip]::before{right:auto;left:12px}
.when{display:grid;line-height:1.1;align-content:center} .when b{font-size:16px;font-stretch:112%;font-weight:800;font-variant-numeric:tabular-nums;color:var(--ink)} .when i{font-style:normal;font-size:11.5px;color:var(--ink3);text-transform:uppercase;letter-spacing:.04em;font-weight:600}
.who{display:grid;min-width:0;line-height:1.3;gap:3px} .who .comp{display:flex;flex-wrap:wrap;align-items:center;gap:3px 8px;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3);font-weight:600} .mr .who .comp,.rr .who .comp{flex-wrap:nowrap;min-width:0;gap:6px;font-size:12px;letter-spacing:0;text-transform:none;font-weight:500;overflow:hidden;white-space:nowrap} .mr .who .comp .reste,.rr .who .comp .reste{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .mr .who .comp .reste::before,.rr .who .comp .reste::before{content:"· ";color:var(--ink3)} .mr .cat,.rr .cat{background:none;border:0;padding:0;font-size:12px;letter-spacing:0;text-transform:none;font-weight:700;color:var(--ink2);gap:6px}
.cat{display:inline-flex;align-items:center;gap:6px;padding:2px 8px 1px 7px;border-radius:4px;font-size:10.5px;font-weight:800;letter-spacing:.08em;line-height:1.45;text-transform:uppercase;white-space:nowrap;background:var(--chip-bg);border:1px solid var(--chip-line);color:var(--ink2)}
.cat::before{content:'';width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}
.f-actifs{color:var(--rouge-t);border-color:rgba(228,24,36,.4);background:rgba(228,24,36,.10)} .f-actifs::before{background:var(--rouge)}
.f-juniors{color:var(--vert-t);border-color:rgba(0,168,72,.45);background:rgba(0,168,72,.12)} .f-juniors::before{background:var(--vert)}
.f-seniors{color:var(--grenat-t);border-color:rgba(180,48,58,.55);background:rgba(156,36,36,.16)} .f-seniors::before{background:var(--grenat)}
.f-ecole{color:var(--ink);border-color:var(--line);background:var(--chip-bg)} .f-ecole::before{background:#fff}
.soir .cat,.mini .cat{margin-right:6px;vertical-align:1px} .who .vs{font-size:15px;color:var(--ink2);text-decoration:none} .mr .who .vs,.rr .who .vs{font-size:15.5px;color:var(--ink2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .who .vs b{color:var(--ink);font-weight:800} .who .vs em{font-style:normal;color:var(--ink3);padding:0 3px} .who .vs .org{color:var(--ink3);font-size:13.5px} .side .rr .who .vs{white-space:normal;line-height:1.25} .side .rr{grid-template-columns:52px minmax(0,1fr) auto;gap:10px;padding:10px 12px} .who small{color:var(--ink3);font-size:12.5px;display:inline-flex;align-items:center;gap:4px}
.st{display:none}
.sc{font-size:18px;font-weight:800;font-variant-numeric:tabular-nums;font-stretch:112%;padding:4px 10px;border-radius:8px;background:var(--bg3)} .sc.v{color:var(--ok)} .sc.d{color:var(--ko)} .sc.n{color:var(--jaune-t)}
.evt{background:var(--bg3);color:var(--ink);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px 14px 20px;display:grid;gap:6px;position:relative;overflow:hidden} .evt::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--or)} .evt b,.evt .et{font-size:22px;font-stretch:112%;font-weight:800;text-transform:uppercase;line-height:1.05;color:var(--ink)} .evt .et:hover{color:var(--jaune-t)} .evt .k{color:var(--ink2);font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase} .evt>span{color:var(--ink2);font-size:14px}
.evt .eh{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0} .evt .comp{display:inline-flex;align-items:center;gap:8px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3);font-weight:600} .evt .em{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}
.acts{display:grid;grid-template-columns:repeat(2,1fr);gap:8px} .act{background:var(--bg2);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px;display:grid;gap:3px;color:var(--ink);transition:border-color .15s} .act:hover{border-color:var(--ink3)} .act .ic{color:var(--jaune-t)} .act b{font-weight:700;font-size:15px} .act small{color:var(--ink3);font-size:12.5px}
.mini{background:var(--bg2);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px;display:grid;gap:8px} .mini .row{display:flex;justify-content:space-between;gap:10px;font-size:14px;color:var(--ink2)} .mini .row b{color:var(--ink)} .mini .row span{font-variant-numeric:tabular-nums;color:var(--ink3)} .mini .row .pos{color:var(--jaune-t);font-weight:800}
/* actualités */
.feed{display:grid;gap:12px;align-items:start} @media(min-width:700px){.feed{grid-template-columns:repeat(2,1fr)}} @media(min-width:1000px){.feed{grid-template-columns:repeat(3,1fr)}}
.post{background:var(--bg2);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:transform .15s,border-color .15s;display:grid;grid-template-rows:auto 1fr} .post:hover{transform:translateY(-3px);border-color:var(--ink3)}
.ph{aspect-ratio:16/9;background:linear-gradient(135deg,var(--bg3),var(--bg2));display:grid;place-items:center;color:var(--ink3);font-size:12px;letter-spacing:.14em;position:relative;overflow:hidden} .post.acvf .ph{aspect-ratio:auto;height:6px;background:var(--or)}
.pb{padding:14px 16px 16px;display:grid;gap:6px;align-content:start} .src{font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink3)} .post.ig .src{color:#FF7A80} .post.fb .src{color:#9FA0F0} .post.ev .src{color:var(--ok)} .post.acvf .src{color:var(--jaune-t)} .pb h2,.pb h3{font-size:17px;font-weight:700;line-height:1.25;text-transform:none;font-stretch:100%;letter-spacing:0;margin:0} .pb h2 a,.pb h3 a{color:var(--ink)} .post.grand .pb h2{font-size:22px} .pb p{margin:0;color:var(--ink2);font-size:14.5px} .post time{font-size:12.5px;color:var(--ink3)}
.sponsors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px} .sponsors>*{min-width:0} @media(min-width:700px){.sponsors{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}} .sponsors div,.sponsors a{aspect-ratio:3/2;background:#fff;border:1px solid var(--sponsor-line);border-radius:8px;display:grid;place-items:center;font-size:12px;color:#4A5568;text-align:center;padding:6px;font-weight:600}
.note{font-size:13.5px;margin:14px 0 0;padding:10px 14px;border-radius:8px;background:rgba(0,168,72,.07);border:1px solid rgba(0,168,72,.3);color:var(--ink2)} .note b{color:var(--jaune-t)}
footer{border-top:1px solid var(--line);padding:26px 0 34px;color:var(--ink3);font-size:14px} .fgrid{display:grid;gap:14px} @media(min-width:700px){.fgrid{grid-template-columns:repeat(3,1fr)}} footer a{display:inline-block;padding:3px 0;min-height:24px} footer b{display:block;color:var(--fg);font-weight:800;font-stretch:112%;text-transform:uppercase;font-size:13px;letter-spacing:.06em;margin-bottom:4px} .lien{color:var(--jaune-t);text-decoration:underline;text-underline-offset:3px;font-weight:600}
/* pages */
.h1b{display:grid;gap:8px;margin-bottom:18px;justify-items:start} .streak.big{width:156px;height:30px} .lead{font-size:17px;color:var(--ink2);max-width:60ch;margin:4px 0 0}
.filtres{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 16px} .filtres a{padding:8px 13px;border-radius:999px;border:1px solid var(--line);font-weight:600;font-size:14px;color:var(--ink2)} .filtres a.on{background:var(--inv-bg);color:var(--inv-fg);border-color:var(--fg)}
.grp{margin-top:6px} .tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:8px} @media(min-width:700px){.tiles{grid-template-columns:repeat(3,1fr)}} @media(min-width:1000px){.tiles{grid-template-columns:repeat(4,1fr)}}
.rangee{display:grid;gap:8px;padding:12px 0;border-top:1px solid var(--line)} .rangee:last-child{padding-bottom:4px} .rl{display:flex;align-items:baseline;gap:10px} .rl b{font-size:15px;font-weight:800;font-stretch:112%;text-transform:uppercase;letter-spacing:.02em} .rl small{color:var(--ink3);font-size:12.5px} .rangee .tiles{display:flex;flex-wrap:wrap;gap:8px} .rangee .tile{flex:1 1 150px;max-width:100%}
@media(min-width:900px){.rangee{grid-template-columns:170px minmax(0,1fr);gap:16px;align-items:start;padding:14px 0} .rl{display:grid;gap:2px;padding-top:12px} .rangee .tile{flex:0 1 auto;min-width:170px}} @media(max-width:899px){.rl:empty{display:none}}
.tile{display:grid;grid-template-columns:1fr auto;gap:1px 10px;align-items:center;padding:12px 14px;background:var(--bg2);border:1px solid var(--line);border-radius:var(--r);transition:border-color .15s} .tile:hover{border-color:var(--ink3)} .tile b{font-weight:700;font-size:15px;line-height:1.2} .tile span{color:var(--ink3);font-size:12.5px;grid-column:1} .tile .ic{grid-column:2;grid-row:1/3;color:var(--jaune-t)}
.back{color:var(--jaune-t);font-weight:600;display:inline-block;margin-bottom:10px} .fiche{display:grid;gap:14px;margin-bottom:22px} @media(min-width:900px){.fiche{grid-template-columns:1fr 1fr}} .card{background:var(--bg2);border:1px solid var(--line);border-radius:var(--r);padding:16px;display:grid;gap:10px}
.kv{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0;font-size:14.5px} .kv dt{color:var(--ink3)} .kv dd{margin:0;font-weight:600}
.staff{display:grid} .srow{display:flex;gap:12px;align-items:center;padding:9px 0;border-top:1px solid var(--line)} .srow small{display:block;color:var(--ink3);font-size:12.5px} .av{width:42px;height:42px;border-radius:50%;background:var(--bg3);display:grid;place-items:center;font-size:8.5px;color:var(--ink3);flex:none}
.filtre{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:0 0 16px} .seg{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow-x:auto;max-width:100%;scrollbar-width:none} .seg a{white-space:nowrap;padding:9px 13px;font-weight:700;font-size:14px;color:var(--ink2)} .seg a.on{background:var(--inv-bg);color:var(--inv-fg)} select{font:600 14.5px var(--f);padding:9px 12px;border-radius:8px;border:1px solid var(--line);background:var(--bg2);color:var(--fg);min-height:42px} .chk{display:flex;gap:8px;align-items:center;font-size:14px} .chk input{width:18px;height:18px}
.scroll{overflow-x:auto} table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:14.5px;background:var(--bg2);border:1px solid var(--line);border-radius:var(--r)} th{text-align:left;padding:9px 10px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink3);border-bottom:1px solid var(--line)} td{padding:9px 10px;border-bottom:1px solid var(--line)} .n{text-align:right} tr.brp td{background:var(--brp-row);font-weight:700} tr:last-child td{border-bottom:0}
.comite{display:grid;grid-template-columns:repeat(2,1fr);gap:8px} @media(min-width:700px){.comite{grid-template-columns:repeat(4,1fr)}} .crow{background:var(--bg2);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px;display:grid;gap:1px} .crow .av{width:50px;height:50px;margin-bottom:8px} .crow b{font-size:15px} .crow small{color:var(--ink3);font-size:12.5px}
.terrains{display:grid;gap:8px} @media(min-width:700px){.terrains{grid-template-columns:repeat(4,1fr)}} .trow{display:flex;gap:10px;padding:14px;background:var(--bg2);border:1px solid var(--line);border-radius:var(--r)} .trow .ic{color:var(--vert);margin-top:3px} .trow b{display:block;font-weight:800;font-stretch:112%;text-transform:uppercase;font-size:15px} .trow span{color:var(--ink2);font-size:14px} .trow small{display:block;color:var(--ink3);font-size:12.5px;margin-top:4px} .trow a{color:var(--jaune-t);display:inline-flex;align-items:center;gap:3px}
.trow>div{flex:1;min-width:0} .trow .carte{flex:none;align-self:center;width:40px;height:40px;justify-content:center;border:1px solid var(--line);border-radius:10px;color:var(--ink2);transition:border-color .15s,color .15s} .trow .carte .ic{color:inherit;margin:0} .trow .carte:hover{color:var(--fg);border-color:var(--jaune-t)}
.tiers{display:grid;gap:10px;margin-bottom:14px} @media(min-width:700px){.tiers{grid-template-columns:1fr 1fr}} .tiers .card b{font-stretch:112%;font-weight:800;text-transform:uppercase;font-size:19px;line-height:1} .tiers .card span{color:var(--ink2);font-size:14.5px} .tiers .card .btn{justify-self:start}
form{gap:10px} label{display:grid;gap:5px;font-size:13px;font-weight:600;color:var(--ink2)} input,textarea{font:15px var(--f);padding:11px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--fg);min-height:44px} textarea{min-height:110px} form .btn{justify-self:start} .fine{color:var(--ink3);font-size:14px;margin-top:14px}
/* onglets téléphone */
.tabs{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:repeat(5,1fr);background:var(--tabs-bg);backdrop-filter:blur(14px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)} .tabs a{display:grid;justify-items:center;gap:3px;padding:8px 2px 7px;font-size:11px;font-weight:600;color:var(--ink3)} .tabs a.on{color:var(--jaune-t)} @media(min-width:960px){.tabs{display:none}}
main{padding-bottom:84px} @media(min-width:960px){main{padding-bottom:0}}
/* ---------- contenu rédigé dans l’éditeur (pages, articles) ---------- */
.contenu{max-width:72ch;font-size:17px;line-height:1.6} .contenu>*{margin:0 0 16px} .contenu h2{font-size:clamp(20px,2.4vw,26px);margin-top:28px} .contenu h3{font-size:19px;margin-top:22px} .contenu a{color:var(--jaune-t);text-decoration:underline;text-underline-offset:3px} .contenu img,.contenu figure{max-width:100%;height:auto;border-radius:var(--r)} .contenu figcaption{font-size:13px;color:var(--ink3)} .contenu ul,.contenu ol{padding-left:22px} .contenu blockquote{border-left:3px solid var(--jaune);margin:0;padding:4px 16px;color:var(--ink2)} .contenu table{width:100%;border-collapse:collapse} .contenu td,.contenu th{padding:8px 10px;border-bottom:1px solid var(--line)} .contenu .wp-block-button__link{background:var(--rouge);color:var(--fg);border-radius:8px;padding:11px 16px;font-weight:700} .contenu .wp-block-embed iframe{max-width:100%}
.article{max-width:72ch;margin:0 auto} .article .h1b{margin-bottom:20px} .article .ph{aspect-ratio:16/9;border-radius:var(--r);margin:0 0 20px;overflow:hidden} .article .ph img{width:100%;height:100%;object-fit:cover;display:block}
.post .ph img{width:100%;height:100%;object-fit:cover;display:block}
.pagination{display:flex;gap:6px;flex-wrap:wrap;margin-top:22px} .pagination a,.pagination span{padding:8px 12px;border:1px solid var(--line);border-radius:8px;font-weight:600;color:var(--ink2)} .pagination .current{background:var(--inv-bg);color:var(--inv-fg)}
.skip{position:absolute;left:-9999px} .skip:focus{left:12px;top:12px;z-index:100;background:var(--inv-bg);color:var(--inv-fg);padding:8px 12px;border-radius:8px}
.sponsors div img,.sponsors a img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain} .sponsors .sombre{background:#17184A;border-color:#2b2c6e;color:#fff} .sponsors a:hover{border-color:var(--ink3)}
.crow .av img,.srow .av img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.pager{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin:-4px 0 14px;font-size:14px} .pager a{font-weight:700;color:var(--fg);padding:8px 12px;border:1px solid var(--line);border-radius:8px;white-space:nowrap;min-width:42px;text-align:center} .pager a:hover{background:var(--bg2)} .pager .off{color:var(--ink3);padding:8px 12px;white-space:nowrap;text-align:center} .pager>span:not(.off){font-weight:700;color:var(--ink2);text-align:center} @media(max-width:640px){.pager b{display:none}}
.vide{color:var(--ink3);font-size:14.5px;padding:12px 14px;border:1px dashed var(--line);border-radius:var(--r)}
.card .ph img{width:100%;height:100%;object-fit:cover;display:block}
.article h1{text-transform:none;font-stretch:104%;font-size:clamp(26px,3.4vw,38px);letter-spacing:-.01em}
.contenu .ml a,.contenu .scroll a{text-decoration:none;color:inherit}


/* ---------- Grands écrans (≥ 1200 px) : le site occupe la largeur disponible, textes et cartes un peu plus généreux ---------- */
@media(min-width:1200px){
	body{font-size:17px}
	.wrap{padding:0 40px}
	.top .wrap{height:72px;gap:16px} .brand{font-size:19px;letter-spacing:.05em} .brand i{display:inline} .brand img{height:50px}
	.nav a{font-size:16px}
	section{padding:40px 0}
	.hero .wrap{grid-template-columns:1fr 1fr;gap:40px;padding:24px 40px 26px}
	.hero h1{font-size:clamp(32px,2.7vw,40px);line-height:1}
	.hl{gap:8px} .hl p{font-size:16.5px;max-width:52ch;line-height:1.45}
	.hl .btns{margin-top:4px} .stats{gap:24px;margin-top:4px} .stats b{font-size:26px}
	.board{padding:18px 22px;gap:12px}
	.vs3 b{font-size:clamp(20px,1.7vw,26px)}
	.two{grid-template-columns:1.35fr .65fr;gap:44px}
	.side{gap:16px}
	h2{font-size:clamp(22px,2vw,30px)} .sh.sm h2{font-size:22px}
	.two>div:first-child .jour .ml{grid-template-columns:1fr}
	.mr,.rr{padding:12px 16px 12px 14px;gap:16px;grid-template-columns:60px minmax(0,1fr) auto} .rr{grid-template-columns:64px minmax(0,1fr) auto}
	.ml{gap:0}
	.wrap>.jour .mr .who,.wrap>.ml .mr .who{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px;align-items:center} .wrap>.jour .mr .who .comp,.wrap>.ml .mr .who .comp{justify-content:flex-start}
	.classements{grid-template-columns:1fr 1fr;gap:8px 40px}
	.tiles{grid-template-columns:repeat(5,1fr);gap:12px} .tile{padding:14px 18px} .rangee{gap:20px} .rangee .tiles{gap:10px} .rangee .tile{min-width:190px}
	.feed{gap:20px}
	.acts{grid-template-columns:repeat(4,1fr);gap:12px} .act{padding:18px 20px}
	.sponsors{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
	.contenu{max-width:76ch;font-size:18px}
	.mini{padding:14px 18px}
	.filtre{gap:12px;margin-bottom:22px}
}
@media(min-width:1600px){
	.wrap{max-width:1560px}
	.wrap>.jour .ml,.wrap>.ml{grid-template-columns:1fr}
}
/* colonne des points bien visible */ td.pts,th.pts{padding-left:14px} td.pts{font-size:16px;font-weight:800;color:var(--fg);font-stretch:112%} td.pts b{display:inline-block;min-width:34px;padding:2px 8px;border-radius:6px;background:var(--bg3);text-align:right} tr.brp td.pts b{background:var(--jaune);color:#17184A} th.pts{color:var(--ink2);font-weight:800}
table a.eq{color:inherit;border-bottom:1px dotted var(--ink3)} table a.eq:hover{color:var(--jaune-t);border-color:var(--jaune-t)} tr.brp a.eq{font-weight:800}
.chips{display:flex;gap:6px;flex-wrap:wrap;margin:-2px 0 12px} .chips button{display:inline-flex;align-items:center;gap:7px;font:700 13px var(--f);padding:7px 12px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--ink2);cursor:pointer;transition:background .15s,color .15s,border-color .15s} .chips button:hover{color:var(--fg);border-color:var(--ink3)} .chips button.on{background:var(--inv-bg);color:var(--inv-fg);border-color:var(--inv-bg)}
.chips button i{width:8px;height:8px;border-radius:50%;background:currentColor;border:0;padding:0} .chips i.f-actifs{background:var(--rouge)} .chips i.f-juniors{background:var(--vert)} .chips i.f-seniors{background:var(--jaune)} .chips i.f-ecole{background:#fff;box-shadow:0 0 0 1px var(--line)}
.mr.more,.jour.hide,.mr.hide{display:none} .fine button.lien{font:inherit;background:none;border:0;padding:0;cursor:pointer}
/* Formulaires WPForms : mêmes champs et boutons que le reste du site. */
.formulaire .wpforms-container{margin:0;--wpforms-label-color:var(--ink);--wpforms-label-sublabel-color:var(--ink3);--wpforms-label-error-color:var(--ko);--wpforms-field-text-color:#14163F;--wpforms-field-background-color:#fff;--wpforms-field-border-color:rgba(20,22,63,.25);--wpforms-button-background-color:var(--rouge);--wpforms-button-text-color:#fff} .formulaire .wpforms-field-label,.formulaire .wpforms-field-sublabel,.formulaire .wpforms-field-description{color:var(--ink2)!important} .formulaire .wpforms-field-sublabel,.formulaire .wpforms-field-description{color:var(--ink3)!important} .formulaire .wpforms-field-radio input[type=radio],.formulaire .wpforms-field-checkbox input[type=checkbox]{width:22px!important;height:22px!important;min-width:22px;margin-top:0!important} .formulaire .wpforms-field-radio li label,.formulaire .wpforms-field-checkbox li label{min-height:32px;align-items:center} .formulaire .wpforms-form{display:grid;gap:14px} .formulaire .wpforms-field-container{display:grid;gap:14px} .formulaire .wpforms-field{padding:0!important;display:grid;gap:5px} .formulaire .wpforms-field-label{display:block;font-size:13px;font-weight:600;color:var(--ink2);margin:0} .formulaire .wpforms-required-label{color:var(--rouge-t)} .formulaire .wpforms-field-description,.formulaire .wpforms-field-sublabel{font-size:12.5px;color:var(--ink3)}
.formulaire input[type=text],.formulaire input[type=email],.formulaire input[type=tel],.formulaire input[type=number],.formulaire input[type=date],.formulaire textarea,.formulaire select{width:100%;max-width:100%!important;box-sizing:border-box;font:15px var(--f);padding:11px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--fg);min-height:44px} .formulaire textarea{min-height:120px} .formulaire input:focus,.formulaire textarea:focus,.formulaire select:focus{outline:2px solid var(--jaune);outline-offset:1px;border-color:var(--jaune)}
.formulaire ul{list-style:none;margin:0;padding:0;display:grid;gap:8px} .formulaire .wpforms-field-radio li label,.formulaire .wpforms-field-checkbox li label,.formulaire label.wpforms-field-label-inline{display:flex;align-items:flex-start;gap:10px;font-weight:500;font-size:15px;color:var(--ink);cursor:pointer} .formulaire input[type=radio],.formulaire input[type=checkbox]{width:18px;height:18px;min-height:0;margin:3px 0 0;accent-color:var(--rouge);flex:none}
.formulaire .wpforms-submit-container{padding:0!important;margin-top:4px} .formulaire button[type=submit],.formulaire .wpforms-submit{display:inline-flex;align-items:center;gap:8px;font:700 15px var(--f);padding:11px 20px;border-radius:8px;border:1px solid var(--rouge);background:var(--rouge);color:#fff;min-height:44px;cursor:pointer;transition:transform .15s,background .15s} .formulaire .wpforms-submit:hover{background:#C2141F;transform:translateY(-1px)}
.formulaire .wpforms-error{color:var(--ko);font-size:13px} .formulaire .wpforms-confirmation-container-full,.formulaire .wpforms-confirmation-container{background:rgba(0,168,72,.12);border:1px solid rgba(0,168,72,.5);border-radius:var(--r);padding:14px 16px;color:var(--ink)} .formulaire .wpforms-confirmation-container-full p{margin:0} .formulaire .wpforms-field-hp{display:none} .formulaire-page{margin-top:26px;max-width:720px} .admin-note{border:1px dashed var(--line);border-radius:8px;padding:10px 12px}
/* Onglets (Inscriptions) */
.cotis{margin-top:22px;display:grid;gap:16px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg2);padding:18px 20px} .cotis .ch{display:grid;gap:4px} .cotis h2{margin:0;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink3);font-weight:700} .cotis .ch p{margin:0;font-size:13.5px;color:var(--ink2)} .cotis dl{margin:0;display:grid;gap:0} .cotis dl div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:8px 0;border-top:1px solid var(--line)} .cotis dt{font-weight:600} .cotis dd{margin:0;font-weight:800;font-stretch:112%;font-variant-numeric:tabular-nums;white-space:nowrap} @media(min-width:760px){.cotis{grid-template-columns:minmax(0,1fr) minmax(300px,380px);align-items:start;gap:28px} .cotis dl div:first-child{border-top:0;padding-top:0}}
.onglets{margin-top:22px;display:grid;gap:18px} .onglets .seg a{display:grid;gap:1px;line-height:1.15;padding:9px 16px} .onglets .seg a small{font-weight:500;font-size:11.5px;color:inherit;opacity:.75;letter-spacing:.02em} .panneau{display:grid;gap:12px;max-width:760px} .panneau[hidden]{display:none} .panneau h2{margin:0;font-size:clamp(20px,2.4vw,26px);font-stretch:112%;font-weight:800;text-transform:uppercase} .panneau h2 small{display:block;font-size:12.5px;letter-spacing:.08em;color:var(--ink3);font-weight:600;font-stretch:100%;margin-top:4px}
/* Planning des terrains */
.plan-site{margin-top:8px} .plan-site+.plan-site{margin-top:30px} .plan{--pas:13px;display:grid;grid-template-columns:44px repeat(auto-fit,minmax(0,1fr));gap:6px;background:var(--bg2);border:1px solid var(--line);border-radius:var(--r);padding:12px 12px 14px;overflow:hidden}
.plan .hrs,.plan .col{display:grid;grid-template-rows:auto repeat(var(--lignes),var(--pas));gap:0;min-width:0} .plan .col{grid-template-columns:repeat(var(--voies,1),minmax(0,1fr));column-gap:3px}
.plan h3,.plan .hrs i{grid-row:1;grid-column:1 / -1;margin:0 0 8px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink3);font-weight:700;text-align:center;height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .plan .hrs span{grid-column:1;font-size:11.5px;color:var(--ink3);font-variant-numeric:tabular-nums;line-height:1;border-top:1px solid var(--line);padding-top:2px;transform:translateY(-1px)}
.plan .col .s{position:relative;z-index:1;margin:1px 0;padding:5px 7px;border-radius:6px;background:var(--bg3);border:1px solid var(--line);border-left:3px solid var(--vert);display:grid;align-content:start;gap:2px;min-width:0;overflow:hidden;font-size:12.5px;line-height:1.2} .plan .col .s time{font-size:11px;color:var(--ink3);font-variant-numeric:tabular-nums;white-space:nowrap} .plan .col .s b{font-weight:700;color:var(--ink);overflow:hidden;text-overflow:ellipsis} .plan .col.vide .rien{grid-row:2;text-align:center;color:var(--ink3)} .plan .hrs .creux{border:0;padding:0;text-align:center;color:var(--ink3);letter-spacing:.1em;transform:none} .plan .col .creux{grid-column:1 / -1;border-top:1px dashed var(--line);align-self:center;height:0}
.plan .col:nth-child(3n+2) .s{border-left-color:var(--rouge)} .plan .col:nth-child(3n+3) .s{border-left-color:var(--vert)} .plan .col:nth-child(3n+4) .s{border-left-color:var(--jaune)}
.plan-img{margin:22px 0 0} .plan-img img{max-width:100%;height:auto;border-radius:var(--r);border:1px solid var(--line);background:#fff} .plan-img figcaption{font-size:12.5px;color:var(--ink3);margin-top:6px}
@media(max-width:699px){.plan{display:grid;grid-template-columns:1fr;gap:14px;overflow:visible} .plan .hrs{display:none} .plan .col{display:grid;grid-template-rows:none;grid-template-columns:1fr!important;gap:6px} .plan .col h3{text-align:left;margin:0;grid-row:auto;grid-column:auto} .plan .col .s{grid-row:auto!important;grid-column:auto!important;display:flex;gap:10px;align-items:baseline;font-size:14px;padding:8px 10px} .plan .col .s time{font-size:13px;min-width:96px} .plan .col.vide,.plan .col .creux{display:none}}
.post.social .src{display:inline-flex;align-items:center;gap:6px} .post.instagram .src{color:#E1306C} .post.facebook .src{color:#5B8DEF} :root[data-theme="light"] .post.facebook .src{color:#1877F2} :root[data-theme="light"] .post.instagram .src{color:#C1275A}
.post.social .txt{margin:0;font-size:15px;line-height:1.45} .post.social .txt a{color:var(--ink)} .post.social .ph{position:relative} .post.social .play{position:absolute;inset:0;display:grid;place-items:center;font-size:34px;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.6)}
.classements{display:grid;gap:8px} .classements.un{grid-template-columns:minmax(0,760px)}
/* en-tête d'un classement : catégorie en étiquette + degré / groupe en titre */
.ch{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:22px 0 10px;padding-bottom:8px;border-bottom:1px solid var(--line)} .classements>div:first-child .ch,.classements>div:nth-child(2) .ch{margin-top:0} .ch .cat{font-size:13px;padding:5px 11px 4px 10px;border-radius:6px} .ch h2{margin:0;font-size:19px;text-transform:none;font-stretch:108%;letter-spacing:0}
.classements>div{display:grid;align-content:start}


/* ---------- Thème clair (bouton ☼ / ☾ dans l'en-tête ; mémorisé dans le navigateur) ---------- */
:root[data-theme="light"]{color-scheme:light;--bg:#FFFFFF;--bg2:#F3F4FA;--bg3:#E6E8F4;--indigo:#2F2E7C;--ink:#14163F;--ink2:#3F4272;--ink3:#5F6296;--or:#087A3C;--grenat:#9C2424;--grenat-t:#8E1F28;--line:rgba(20,22,63,.14);
	--fg:#14163F;--inv-bg:#17184A;--inv-fg:#fff;--top-bg:rgba(255,255,255,.9);--tabs-bg:rgba(255,255,255,.95);--halo:rgba(47,46,124,.10);--jaune-t:#087A3C;--ok:#0B7A3B;--ko:#C8102E;--rouge-t:#B3121A;--vert-t:#087A3C;
	--chip-bg:rgba(20,22,63,.04);--chip-line:rgba(20,22,63,.16);--brp-row:rgba(0,168,72,.12);--sponsor-line:var(--line);
	--dr-bg:#FFFFFF;--dr-bg2:#EEF0F8;--dr-ink:#14163F;--dr-ink2:#3F4272;--dr-ink3:#6D709E;--dr-line:rgba(20,22,63,.14);--dr-acc:#087A3C}
:root[data-theme="light"] .f-actifs{background:rgba(228,24,36,.08)} :root[data-theme="light"] .f-juniors{background:rgba(0,168,72,.10)} :root[data-theme="light"] .f-seniors{background:rgba(156,36,36,.10)}
/* clavier : anneau de focus doré, visible sur fond sombre comme clair */
:focus-visible{outline:3px solid var(--or);outline-offset:2px} .mr .vs:focus-visible{outline-offset:-2px}
/* audit : cibles de 24 px pour les liens isolés, icône « ouvre le matchcenter », semaine repliée, jour de match, bandeau « rejoindre », photo d'accueil, recherche */
.sh .more,.lien,.fine a,.back{padding:3px 0;min-height:24px;box-sizing:border-box} .lien{display:inline-block} .bf .lien{display:inline}
.mr .vs .exi{display:inline-block;vertical-align:-1px;margin-left:6px;color:var(--ink3);opacity:.55;transition:opacity .15s} .mr:hover .vs .exi,.mr:focus-within .vs .exi{opacity:1;color:var(--jaune-t)}
.jour.more{display:none}
.hero.photo{position:relative;background-size:cover;background-position:center 30%;background-repeat:no-repeat} .hero.photo::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(23,24,74,.96) 0,rgba(23,24,74,.86) 45%,rgba(23,24,74,.62) 100%)} .hero.photo .wrap{position:relative} :root[data-theme="light"] .hero.photo::before{background:linear-gradient(90deg,rgba(23,24,74,.94) 0,rgba(23,24,74,.84) 45%,rgba(23,24,74,.6) 100%)} :root[data-theme="light"] .hero.photo{--ink:#fff;--ink2:#E4E5F6;--ink3:#C9CAE8;--bg2:#202163;--bg3:#2B2C78;--line:rgba(255,255,255,.14);--fg:#fff;--jaune-t:#5FD992;--ok:#7EE2A8;--chip-bg:rgba(255,255,255,.05);--chip-line:rgba(255,255,255,.14)} :root[data-theme="light"] .hero.photo .btn:not(.pri){color:#fff}
.jm{background:var(--bg2);border:1px solid var(--line);border-left:4px solid var(--vert);border-radius:var(--r);padding:14px 16px;display:grid;gap:8px;margin-top:-6px} .jm .k{color:var(--vert-t)} .jm .jml{display:grid;gap:6px} .jm .jml a{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;color:var(--ink);font-size:15px} .jm .jml b{font-variant-numeric:tabular-nums;font-stretch:112%;font-weight:800} .jm .jml span{color:var(--ink2)} .jm .jml .where{display:inline-flex;align-items:center;gap:5px;color:var(--ink3);font-size:13.5px} .jm .note{font-size:14px;color:var(--ink2);margin:0}
.rejoindre{background:var(--bg2);border:1px solid var(--line);border-radius:var(--r);padding:22px 20px;display:grid;gap:16px} .rejoindre h2{margin:0} .rejoindre p{margin:0;color:var(--ink2);max-width:60ch;font-size:16px} .rejoindre .stats{gap:22px} .rejoindre .btns{align-self:center} @media(min-width:900px){.rejoindre{grid-template-columns:1.2fr auto auto;align-items:center;gap:28px;padding:26px 30px}}
.feed .post.grand{grid-column:1 / -1;display:grid;grid-template-columns:1fr;gap:0} @media(min-width:700px){.feed .post.grand{grid-template-columns:1.2fr 1fr} .feed .post.grand .ph{aspect-ratio:auto;min-height:240px;height:100%}}
.tmeta{display:flex;flex-wrap:wrap;gap:6px 18px;margin:-6px 0 18px;font-size:14.5px;color:var(--ink2)} .tmeta span{display:inline-flex;align-items:center;gap:6px} .tmeta .ic{color:var(--ink3)} .tmeta b{color:var(--ink)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} .dsearch{display:flex;gap:6px;margin:4px 0 2px} .dsearch input{flex:1;min-width:0;font:15px var(--f);padding:9px 12px;border:1px solid var(--dr-line,rgba(255,255,255,.16));border-radius:8px;background:var(--dr-bg2,rgba(255,255,255,.06));color:var(--dr-ink,#fff);min-height:42px} .dsearch button{display:inline-flex;align-items:center;justify-content:center;width:42px;min-height:42px;border-radius:8px;border:1px solid var(--dr-line,rgba(255,255,255,.16));background:transparent;color:var(--dr-ink,#fff);cursor:pointer} .dsearch input::placeholder{color:var(--dr-ink3,#8a97b3)}
.sres{display:grid;gap:10px;margin-top:6px} .sres a.srow{display:grid;gap:3px;padding:12px 14px;background:var(--bg2);border:1px solid var(--line);border-radius:var(--r);color:var(--ink)} .sres a.srow:hover{border-color:var(--ink3)} .sres .srow b{font-size:16px} .sres .srow span{color:var(--ink3);font-size:13px} .sres .srow small{color:var(--ink2);font-size:14px}
.fbframe:has(.fbconsent){background:var(--bg2);min-height:0} .fbconsent{display:grid;gap:10px;justify-items:start;padding:18px 16px;font-size:14px;color:var(--ink2);background:var(--bg2);width:100%;box-sizing:border-box} .fbconsent p{margin:0;max-width:44ch} .fbconsent .btn{font-size:14px;min-height:40px;padding:8px 14px}
:root[data-theme="light"] .btn.pri{color:#fff} :root[data-theme="light"] .formulaire input[type=text],:root[data-theme="light"] .formulaire input[type=email],:root[data-theme="light"] .formulaire input[type=tel],:root[data-theme="light"] .formulaire input[type=number],:root[data-theme="light"] .formulaire textarea,:root[data-theme="light"] .formulaire select{background:#fff} :root[data-theme="light"] .plan,:root[data-theme="light"] .plan .col .s{box-shadow:0 1px 2px rgba(20,22,63,.05)} :root[data-theme="light"] .streak{--trail-j:var(--grenat)}
:root[data-theme="light"] .board,:root[data-theme="light"] .card,:root[data-theme="light"] .tile,:root[data-theme="light"] .act,:root[data-theme="light"] .trow,:root[data-theme="light"] .crow,:root[data-theme="light"] .mini{box-shadow:0 1px 2px rgba(20,22,63,.05)}
/* icônes Facebook / Instagram */
.socials{display:inline-flex;align-items:center;gap:6px} .socials a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--line);border-radius:10px;color:var(--ink2);transition:color .15s,border-color .15s,background .15s} .socials a:hover{color:var(--fg);border-color:var(--ink3)}
.socials.hd{display:none} @media(min-width:1200px){.socials.hd{display:inline-flex}}
.socials.ft{margin:2px 0 8px} .socials.ft a{width:36px;height:36px}
.dsoc{display:flex;align-items:center;gap:10px;padding:12px 0 0;border-top:1px solid var(--dr-line);color:var(--dr-ink2);font-size:14px} .dsoc .socials{margin-left:auto} .dsoc .socials a{border-color:var(--dr-line);color:var(--dr-ink2)}
/* fil Facebook intégré (Page Plugin, sans clé API) */
.fbfil{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--bg2)}
.fbh{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line)} .fbh .src{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#8AB0F7} :root[data-theme="light"] .fbh .src{color:#1877F2} .fbh .lien{display:inline-flex;align-items:center;gap:5px;font-size:13.5px}
.fbframe{flex:1;display:grid;justify-items:center;align-items:start;background:#fff;min-height:200px} .fbframe iframe{display:block;border:0;max-width:100%} .fbvide{margin:0;padding:24px 16px;font-size:14px;color:#4A5568;text-align:center}
.actufb{display:grid;gap:16px} @media(min-width:1000px){.actufb{grid-template-columns:1fr 400px;align-items:stretch} .actufb .feed{grid-template-columns:repeat(2,1fr);align-items:stretch}} @media(min-width:1200px){.actufb{gap:20px;grid-template-columns:1fr 440px}} .actufb.solo{grid-template-columns:none;max-width:502px}
.theme-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex:none;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--ink2);cursor:pointer;transition:color .15s,border-color .15s} .theme-btn:hover{color:var(--fg);border-color:var(--ink3)}
.theme-btn .i-sun,:root[data-theme="light"] .theme-btn .i-moon{display:none} :root[data-theme="light"] .theme-btn .i-sun{display:block}
.dtheme{display:flex;align-items:center;gap:10px;padding:12px 0 0;border-top:1px solid var(--dr-line);color:var(--dr-ink2);font-size:14px} .drawer .theme-btn{border-color:var(--dr-line);color:var(--dr-ink2)} .dtheme .theme-btn{margin-left:auto}

/* téléphone : affiches de match plus courtes (le degré / groupe reste visible sur le calendrier et au survol de la catégorie) */
@media(max-width:699px){.mr .who .comp .reste{display:none} .mr{grid-template-columns:46px minmax(0,1fr) auto;gap:8px;padding:10px 10px 10px 10px} .rr{grid-template-columns:46px minmax(0,1fr) auto;gap:8px;padding:10px} .mr .who .vs,.rr .who .vs{white-space:normal;font-size:15px;line-height:1.25} .mr,.rr{align-items:start} .mr .when,.rr .when{padding-top:1px} .tail{align-self:start;margin-top:-4px} .tail .map{width:28px;height:28px} .tail .home{width:24px;height:28px} .tail .home.off{display:none} .vs3 .x i{max-width:96px;margin:0 auto}}