/* Identité sportive : les couleurs du logo rythment les rubriques. */
:root{--ink:#172c70;--muted:#586482;--paper:#fffdf9;--coral:#c84228;--line:#dce3f1;--green:#eef8f2;--blue:#1659d6;--purple:#6534bc;--sport-green:#08754f}
body{background:radial-gradient(ellipse at 95% 0,#eaf1ff 0,transparent 35%),var(--paper)}
.header{border-bottom:2px solid #e5eaf6}
.brand-icon,.brand-icon:after{background:var(--blue)}
.brand-icon{color:#ffbe43}
.header nav a:hover,.text-link:hover{color:var(--blue)}
.nav-contact{background:#eaf0ff;border:0;border-radius:30px;padding:10px 17px}
.eyebrow{color:var(--blue)}
h1 em{color:var(--coral)}
.button{background:var(--blue);border-radius:30px;box-shadow:0 5px 0 #163b9820}
.button:hover{background:#1247ad}
.actions>.button{background:#c84228;box-shadow:0 5px 0 #c8422820}
.actions>.button:hover{background:#a93420}
.small-ball{background:#ffc857;border:2px solid #efaf33}
.hero-logo{border:2px solid #d6e2fa;border-radius:25px;background:linear-gradient(145deg,#edf3ff,#f2f8ee);box-shadow:0 18px 40px -25px #1659d666;transform:rotate(1deg)}
.hero-logo:before{height:5px;width:110px;background:linear-gradient(90deg,#1659d6 25%,#079b67 25% 50%,#ed4839 50% 75%,#7538d9 75%);border-radius:0 0 6px 6px}
.logo-since{background:#ffcf5b;color:#583c09;border:0;font-size:9px}
.logo-stage{border-color:#bccce6;background:#f0f3ed;border-radius:16px;overflow:hidden}
.logo-stage:before,.logo-stage:after{border-color:var(--blue)}
.logo-card-heading,.logo-card-footer{color:var(--ink)}
.logo-card-footer{border-color:#cedbf0}
.logo-affiliations{color:var(--purple)}
.logo-location{color:#586482}
.facts{border:0;gap:14px;padding:12px 0 0}
.facts>div,.facts>div:first-child,.facts>div:last-child{padding:23px 20px;border:0;border-radius:15px;background:#edf3ff;border-top:4px solid var(--blue)}
.facts>div:nth-child(2){background:#edf8f1;border-color:var(--sport-green)}
.facts>div:nth-child(3){background:#fff0e9;border-color:var(--coral)}
.facts>div:nth-child(4){background:#f3edff;border-color:var(--purple)}
.facts>div:nth-child(2) strong{color:var(--sport-green)}
.facts>div:nth-child(3) strong{color:var(--coral)}
.facts>div:nth-child(4) strong{color:var(--purple)}
.club h2:after{content:'';display:block;width:65px;height:6px;margin-top:25px;background:#ffc857;border-radius:6px;transform:rotate(-5deg)}
.play-section{background:linear-gradient(135deg,#edf5ff,#eff9f2);border-radius:25px;position:relative}
.play-card{--card-accent:var(--blue);background:#fff;border:1px solid #dce3f1;border-top:5px solid var(--card-accent);border-radius:18px;box-shadow:0 8px 22px -16px #172c7040}
.play-card:nth-child(2){--card-accent:var(--sport-green)}
.play-card:nth-child(3){--card-accent:var(--purple)}
.card-number{align-self:flex-start;background:#eef2fb;border-radius:20px;padding:7px 11px;color:var(--card-accent);letter-spacing:.08em}
.play-card h3,.card-time strong{color:var(--card-accent)}
.venue{border-color:#cadbed}
.button-outline{background:white;border:1px solid #b8c9ed;color:var(--blue);box-shadow:none}
.button-outline:hover{color:white}
.archive-list a{padding:20px 15px;border-color:#dce3f1;border-radius:8px}
.archive-list a:hover{background:#eef3ff;color:var(--blue)}
.document-type{background:#f0eaff;color:var(--purple);border-radius:15px;padding:5px 8px}
.contact{background:radial-gradient(circle at 95% 15%,#ffffff13 0 55px,transparent 56px),radial-gradient(circle at 85% 90%,#ffffff0b 0 120px,transparent 121px),linear-gradient(120deg,#164fc3,#44288c);border-radius:25px;border-bottom:5px solid #ffbd48}
.contact .eyebrow{color:#ffdf92}
.contact p:not(.eyebrow){color:#e0e9ff}
.button-light{background:#ffcd5d;color:#332b5c;box-shadow:none}
.button-light:hover{background:#ffdc89}
@media(max-width:1000px){.facts{gap:14px;padding:12px 0 0}.facts>div:nth-child(-n+2){border-bottom:0}.facts>div:nth-child(2n){border-right:0}}
@media(max-width:760px){
  .hero-logo{transform:none;border-radius:20px}
  .facts{gap:10px}
  .facts>div,.facts>div:first-child,.facts>div:last-child{padding:19px 13px;border-top-width:4px}
  .facts>div:nth-child(odd){border-right:0}
  .facts strong{font-size:20px}
  .play-section{border-radius:20px;margin:0 10px;padding:40px 20px}
  .header nav .nav-contact{padding:12px 14px;border:0;margin-top:8px}
  .contact{border-radius:20px}
}

/* Nom complet du club sur une seule ligne, y compris sur mobile. */
.header{flex-wrap:wrap}.header .brand{font-size:clamp(12px,3vw,20px);white-space:nowrap}.brand-icon{flex-shrink:0}