/* stade.css — « la visite du stade » : chaque section joue sur un terrain.
   Tracés réglementaires surdimensionnés, coupés par les bords (vus du bord du
   terrain), navy ~7 %, trait épais comme un vrai marquage au sol.
   background-image only → ne touche pas aux couleurs de fond existantes.
   PREVIEW — retirer le <link> dans index.html pour rollback intégral. */

/* Hero — couloirs de piste d'athlétisme (le départ, la vitesse).
   header.hero (0,1,1) > .hero inline (0,1,0) : on recompose les couches en
   gardant les deux halos radiaux existants du hero. */
header.hero {
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 560' fill='none'%3E%3Cg stroke='%2316233F' stroke-width='4' opacity='0.07'%3E%3Cpath d='M-40 620 C-40 260 260 150 700 150'/%3E%3Cpath d='M8 620 C8 296 276 194 700 194'/%3E%3Cpath d='M60 620 C60 332 292 238 700 238'/%3E%3Cpath d='M116 620 C116 368 310 282 700 282'/%3E%3Cpath d='M176 620 C176 404 330 326 700 326'/%3E%3C/g%3E%3Cg fill='%2316233F' opacity='0.09' font-family='sans-serif' font-weight='700' font-size='44'%3E%3Ctext x='24' y='560'%3E2%3C/text%3E%3Ctext x='128' y='530'%3E3%3C/text%3E%3C/g%3E%3C/svg%3E"),
    radial-gradient(120% 90% at 88% -10%, oklch(0.48 0.14 256 / 0.08), transparent 60%),
    radial-gradient(90% 80% at -5% 110%, oklch(0.50 0.15 24 / 0.06), transparent 55%);
  background-repeat: no-repeat;
  background-position: left bottom, center, center;
  background-size: 640px 560px, auto, auto;
}

/* Disciplines (roue + catalogue) — coin de court tennis / padel (le choix du terrain) */
#disciplines {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 520 640' fill='none'%3E%3Cg stroke='%2316233F' stroke-width='4' opacity='0.065'%3E%3Cline x1='300' y1='0' x2='300' y2='640'/%3E%3Cline x1='412' y1='0' x2='412' y2='640'/%3E%3Cline x1='508' y1='0' x2='508' y2='640'/%3E%3Cline x1='300' y1='150' x2='520' y2='150'/%3E%3Cline x1='300' y1='430' x2='520' y2='430'/%3E%3Cline x1='356' y1='150' x2='356' y2='430'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right top;
  background-size: 520px 640px;
}

/* Trois étapes — couloirs numérotés : le décor porte les numéros d'étape */
#how {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 900 340' fill='none'%3E%3Cg stroke='%2316233F' stroke-width='4' opacity='0.06'%3E%3Cline x1='0' y1='40' x2='900' y2='40'/%3E%3Cline x1='0' y1='130' x2='900' y2='130'/%3E%3Cline x1='0' y1='220' x2='900' y2='220'/%3E%3Cline x1='0' y1='310' x2='900' y2='310'/%3E%3C/g%3E%3Cg fill='%2316233F' opacity='0.08' font-family='sans-serif' font-weight='700' font-size='40'%3E%3Ctext x='18' y='102'%3E1%3C/text%3E%3Ctext x='18' y='192'%3E2%3C/text%3E%3Ctext x='18' y='282'%3E3%3C/text%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 900px 340px;
}

/* Tarifs — raquette de basket + arc de lancer franc */
#price {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 460 520' fill='none'%3E%3Cg stroke='%2316233F' stroke-width='4' opacity='0.06'%3E%3Crect x='-40' y='140' width='300' height='240'/%3E%3Cpath d='M260 200 A70 70 0 0 1 260 320'/%3E%3Cline x1='-40' y1='60' x2='-40' y2='460'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 460px 520px;
}

/* FAQ — rond central + arcs de corner (le rassemblement) */
#faq {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 420' fill='none'%3E%3Cg stroke='%2316233F' stroke-width='4' opacity='0.055'%3E%3Cline x1='0' y1='210' x2='800' y2='210'/%3E%3Ccircle cx='400' cy='210' r='130'/%3E%3Ccircle cx='400' cy='210' r='6' fill='%2316233F' stroke='none'/%3E%3Cpath d='M0 60 A60 60 0 0 0 60 0'/%3E%3Cpath d='M740 420 A60 60 0 0 0 800 360'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}