:root{--red:#ed1230;--lime:#c7f000;--yellow:#f5c400;--ink:#101316;--soft:#f5f7f1;--max:1180px;--logo-y:0px;--logo-scale:1;--logo-rotate:0deg;--halo:.16;--stick:0;--bx:0px;--by:0px;--spin:0deg;--ba:0;--impact:0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);line-height:1.6}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:45;background:#222527;border-bottom:1px solid #36393b}.header-inner{height:90px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand img{display:block;width:150px;height:70px;object-fit:contain}.menu{display:flex;gap:10px;list-style:none;margin:0;padding:0}.menu a{color:#fff;text-decoration:none;font-weight:850;padding:10px 12px;border-radius:99px}.menu a:hover{color:var(--lime);background:rgba(199,240,0,.1)}.menu-toggle{display:none}.hero{position:relative;min-height:770px;padding:65px 0 90px;display:flex;align-items:center;overflow:hidden;color:#fff;background:radial-gradient(circle at 85% 18%,rgba(199,240,0,.2),transparent 28%),linear-gradient(135deg,#081012,#10221a 55%,#1b3c0e)}.field-bg{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 90px,rgba(255,255,255,.035) 92px);transform:perspective(800px) rotateX(55deg) scale(1.5);transform-origin:50% 100%}.hero-grid{position:relative;z-index:10;display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--lime);text-transform:uppercase;font-size:.78rem;font-weight:950;letter-spacing:.14em}.eyebrow:before{content:"";width:32px;height:4px;border-radius:9px;background:var(--red)}h1,h2,h3{line-height:1.03;margin:0 0 18px}h1{font-size:clamp(3.3rem,6vw,6rem);letter-spacing:-.06em}h2{font-size:clamp(2.2rem,4vw,4.4rem);letter-spacing:-.05em}.hero-copy{position:relative;z-index:25}.hero-copy p{font-size:1.12rem;color:rgba(255,255,255,.75);max-width:610px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;min-height:50px;padding:0 21px;border-radius:99px;text-decoration:none;font-weight:950;position:relative;z-index:35}.primary{background:var(--red);color:#fff;box-shadow:0 16px 35px rgba(237,18,48,.28)}.secondary{color:#fff;border:1px solid rgba(255,255,255,.28)}.logo-stage{position:relative;height:480px;display:grid;place-items:center}.logo-halo{position:absolute;width:390px;height:390px;border-radius:50%;background:radial-gradient(circle,rgba(199,240,0,var(--halo)),rgba(237,18,48,.06) 40%,transparent 70%);filter:blur(20px);transform:translateY(calc(var(--logo-y)*.35)) scale(var(--logo-scale))}.hero-club-logo{position:relative;z-index:3;width:min(94%,530px);max-height:365px;object-fit:contain;transform:translateY(var(--logo-y)) scale(var(--logo-scale)) rotate(var(--logo-rotate));filter:drop-shadow(0 30px 34px rgba(0,0,0,.4));will-change:transform}.scroll-hockey-layer{position:fixed;z-index:17;inset:0;pointer-events:none;overflow:hidden;visibility:hidden}body.motion .scroll-hockey-layer{visibility:visible}.scroll-stick{position:absolute;right:-80px;bottom:-120px;width:365px;height:365px;object-fit:contain;transform:translate(calc((1 - var(--stick))*190px),calc((1 - var(--stick))*170px)) rotate(calc(-18deg + (1 - var(--stick))*12deg));transform-origin:72% 72%;opacity:calc(var(--stick)*.9);filter:drop-shadow(0 22px 22px rgba(0,0,0,.28))}.scroll-ball{position:absolute;right:42px;bottom:55px;width:64px;transform:translate(var(--bx),var(--by)) rotate(var(--spin));opacity:var(--ba);filter:drop-shadow(0 13px 12px rgba(0,0,0,.28))}.impact-wave{position:absolute;right:195px;bottom:230px;width:64px;height:64px;border:3px solid rgba(199,240,0,.7);border-radius:50%;opacity:calc(var(--impact)*.72);transform:scale(calc(.25 + var(--impact)*1.2))}.impact-wave.two{width:90px;height:90px;right:182px;bottom:217px;border-color:rgba(237,18,48,.45);opacity:calc(var(--impact)*.45)}.spark{position:absolute;right:220px;bottom:255px;width:20px;height:4px;border-radius:99px;background:var(--lime);opacity:var(--impact);transform-origin:left}.spark.a{transform:rotate(-30deg) translateX(calc(var(--impact)*16px))}.spark.b{transform:rotate(10deg) translateX(calc(var(--impact)*18px));background:var(--yellow)}.spark.c{transform:rotate(48deg) translateX(calc(var(--impact)*15px));background:var(--red)}.quick{position:relative;z-index:28;margin-top:-42px}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border-radius:25px;overflow:hidden;box-shadow:0 25px 70px rgba(0,0,0,.16)}.quick article{padding:24px;border-right:1px solid #ddd}.quick article:last-child{border:0}.quick b,.quick span{display:block}.quick span{color:#6b7280}.page-section{position:relative;z-index:20;padding:105px 0;background:#fff}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px}.feature-grid,.card-grid,.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-grid article,.card-grid article,.content-card{padding:28px;border:1px solid #e5e9e2;border-radius:26px;background:#fff;box-shadow:0 14px 36px rgba(0,0,0,.05)}.feature-grid em{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:var(--lime);font-style:normal;font-weight:950}.dark{background:#090b0d;color:#fff}.centered{text-align:center;max-width:850px}.card-grid{margin-top:35px}.dark .card-grid article{background:#171b1f;border-color:#292d31}.card-grid .accent{background:linear-gradient(135deg,var(--red),#a8071c);transform:translateY(-15px)}.panel{padding:47px;border-radius:33px;background:linear-gradient(135deg,#f1f7e4,#fff);display:flex;align-items:center;justify-content:space-between;gap:30px}.soft{background:var(--soft)}.info-grid{grid-template-columns:repeat(4,1fr);margin-top:34px}.info-grid a{min-height:150px;padding:22px;border-radius:25px;background:linear-gradient(135deg,#0d1012,#263c1d);color:#fff;text-decoration:none;font-weight:950;display:flex;align-items:flex-end}.contact{background:#090b0d;color:#fff}.contact-panel{background:#13171a}.site-footer{position:relative;z-index:20;background:#050607;color:#fff;padding:60px 0 0}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:40px}.footer-grid img{width:220px}.footer-bottom{margin-top:35px;padding:17px;text-align:center;border-top:1px solid #222;color:#92979c}.reveal{opacity:0;transform:translateY(24px);transition:.7s}.reveal.visible{opacity:1;transform:none}@media(max-width:980px){.hero-grid,.split,.footer-grid{grid-template-columns:1fr}.logo-stage{height:350px}.scroll-hockey-layer{display:none}.feature-grid,.card-grid,.quick-grid,.info-grid{grid-template-columns:1fr 1fr}.menu-toggle{display:block;background:transparent;border:1px solid #555;color:#fff;border-radius:99px;padding:9px 15px}.primary-nav{display:none;position:absolute;top:82px;left:20px;right:20px;padding:15px;border-radius:18px;background:#171a1c}.primary-nav.open{display:block}.menu{display:grid}}@media(max-width:620px){.container{width:calc(100% - 26px)}.page-section{padding:70px 0}.feature-grid,.card-grid,.quick-grid,.info-grid{grid-template-columns:1fr}.logo-stage{height:250px}.hero-club-logo{width:90%}.panel{flex-direction:column;align-items:flex-start}.card-grid .accent{transform:none}}@media(prefers-reduced-motion:reduce){.scroll-hockey-layer{display:none!important}.hero-club-logo,.logo-halo{transform:none!important}.reveal{opacity:1;transform:none}}

/* ==========================================================
   V1.5.0 - logo officiel HD et cartes adversaires premium
   ========================================================== */
.brand img{width:168px;height:74px;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 7px 10px rgba(0,0,0,.24))}
.hero-club-logo{width:min(96%,560px);max-height:390px;image-rendering:auto;filter:drop-shadow(0 28px 36px rgba(0,0,0,.34))}
.footer-grid img{width:250px;height:auto;image-rendering:auto;filter:drop-shadow(0 15px 24px rgba(0,0,0,.28))}
.info-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:42px}
.info-grid a{position:relative;isolation:isolate;min-height:225px;padding:26px;border-radius:30px;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;color:#fff;text-decoration:none;background:radial-gradient(circle at 90% 5%,rgba(199,240,0,.28),transparent 34%),linear-gradient(145deg,#0a0d0f 0%,#172317 58%,#263c1d 100%);border:1px solid rgba(199,240,0,.13);box-shadow:0 22px 55px rgba(16,35,12,.16);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.info-grid a:before{content:"";position:absolute;z-index:-1;inset:auto -35% -50% 25%;height:170px;border-radius:50%;background:radial-gradient(circle,rgba(237,18,48,.2),transparent 67%);transition:transform .35s ease,opacity .35s ease}
.info-grid a:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(120deg,transparent 25%,rgba(255,255,255,.07) 45%,transparent 65%);transform:translateX(-115%);transition:transform .5s ease}
.info-grid a:hover,.info-grid a:focus-visible{transform:translateY(-8px);border-color:rgba(199,240,0,.42);box-shadow:0 32px 70px rgba(16,35,12,.25),0 0 0 4px rgba(199,240,0,.07)}
.info-grid a:hover:after,.info-grid a:focus-visible:after{transform:translateX(115%)}
.info-grid a:hover:before,.info-grid a:focus-visible:before{transform:scale(1.16)}
.info-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:17px;background:var(--lime);color:#0b0e0f;font-size:1.35rem;font-weight:1000;box-shadow:0 11px 24px rgba(199,240,0,.2)}
.info-copy{display:grid;gap:7px}.info-copy strong{font-size:1.12rem;line-height:1.15}.info-copy small{color:rgba(255,255,255,.65);font-size:.88rem;line-height:1.4;font-weight:500}
.info-arrow{position:absolute;right:24px;top:28px;display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.16);border-radius:50%;color:var(--lime);font-size:1.2rem;transition:transform .28s ease,background .28s ease}
.info-grid a:hover .info-arrow,.info-grid a:focus-visible .info-arrow{transform:translate(4px,-4px);background:rgba(199,240,0,.12)}
@media(max-width:980px){.info-grid{grid-template-columns:1fr 1fr}.brand img{width:145px}.hero-club-logo{width:min(84%,470px)}}
@media(max-width:620px){.info-grid{grid-template-columns:1fr}.info-grid a{min-height:190px}.footer-grid img{width:210px}}

/* 1.6.2 - logo officiel intact et frappe renforcée */
:root{--stick-rot:-8deg;--shake:0px}
.hero{transform:translateX(var(--shake))}
.brand img,.hero-club-logo,.footer-grid img{object-fit:contain;object-position:center;filter:none!important;border:0!important;border-radius:0!important;background:transparent!important}
.brand img{width:168px;height:74px}
.hero-club-logo{width:min(96%,560px);height:auto;max-height:390px}
.footer-grid img{width:250px;height:auto}
.scroll-hockey-layer{z-index:38}
.scroll-stick{right:-62px;bottom:-45px;width:540px;height:540px;transform:translate(calc((1 - var(--stick))*150px),calc((1 - var(--stick))*130px)) rotate(var(--stick-rot));transform-origin:76% 76%;opacity:calc(var(--stick)*.98)}
.scroll-ball{right:215px;bottom:195px;width:66px;opacity:var(--ba);transform:translate(var(--bx),var(--by)) rotate(var(--spin));z-index:4}
.impact-wave{right:218px;bottom:188px;width:150px;height:150px;border-width:5px;opacity:calc(var(--impact)*.75);transform:scale(calc(.18 + var(--impact)*1.35))}
.impact-wave.two{right:177px;bottom:147px;width:232px;height:232px;opacity:calc(var(--impact)*.46)}
.spark{right:250px;bottom:225px;width:62px;height:7px}
@media(max-width:980px){.scroll-stick{width:430px;right:-90px}.scroll-ball{right:160px;bottom:170px}.brand img{width:145px}.hero-club-logo{width:min(86%,480px)}}
@media(max-width:620px){.brand img{width:126px;height:60px}.footer-grid img{width:210px}.hero-club-logo{width:90%;height:auto}}

/* V1.6.4 - version statique sans animation */
html{scroll-behavior:auto}
.hero{transform:none!important}
.logo-halo{display:none!important}
.hero-club-logo,.brand img,.footer-grid img{object-fit:contain!important;object-position:center!important;filter:none!important;transform:none!important;transition:none!important;animation:none!important;border:0!important;border-radius:0!important;background:transparent!important}
.hero-club-logo{position:relative;z-index:4;width:min(100%,630px);height:auto;max-height:400px;display:block;margin:auto}
.brand img{width:168px;height:76px}
.footer-grid img{width:260px;height:auto}
.scroll-hockey-layer,.scroll-stick,.scroll-ball,.impact-wave,.spark{display:none!important}
.reveal,.reveal.visible{opacity:1!important;transform:none!important;transition:none!important;animation:none!important}
.info-grid a,.info-grid a:before,.info-grid a:after,.info-arrow{transition:none!important;animation:none!important}
.info-grid a:hover,.info-grid a:focus-visible{transform:none!important}
@media(max-width:980px){.brand img{width:145px}.hero-club-logo{width:min(92%,560px)}}
@media(max-width:620px){.brand img{width:125px;height:60px}.hero-club-logo{width:94%;height:auto}.footer-grid img{width:220px}}


/* ==========================================================
   Formulaires Contact Form 7 — esthétique Peckers
   ========================================================== */
.hcp-form{max-width:640px}
.hcp-form h3{margin:28px 0 8px;font-size:1.15rem;color:var(--ink)}
.wpcf7 p{margin:0 0 16px}
.wpcf7 label{display:block;font-weight:700;color:var(--ink);margin-bottom:6px;font-size:.95rem}
.wpcf7 .wpcf7-form-control:not(.wpcf7-submit):not(.wpcf7-acceptance){
  width:100%;
  padding:12px 15px;
  border:1px solid #d5dbcf;
  border-radius:14px;
  background:#fff;
  font-family:inherit;
  font-size:1rem;
  color:var(--ink);
  transition:border-color .2s ease, box-shadow .2s ease;
}
.wpcf7 textarea.wpcf7-form-control{min-height:140px;resize:vertical}
.wpcf7 select.wpcf7-form-control{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23101316' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;padding-right:40px}
.wpcf7 .wpcf7-form-control:focus{
  outline:none;
  border-color:var(--red);
  box-shadow:0 0 0 3px rgba(237,18,48,.15);
}
.wpcf7 .wpcf7-acceptance{margin:4px 0 18px;font-weight:400}
.wpcf7 .wpcf7-list-item{margin:0}
.wpcf7 .wpcf7-submit{
  display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;
  min-height:52px;padding:0 30px;
  border:0;border-radius:99px;cursor:pointer;
  background:var(--red);color:#fff;
  font-family:inherit;font-weight:950;font-size:1rem;
  box-shadow:0 16px 35px rgba(237,18,48,.28);
  transition:transform .15s ease, box-shadow .2s ease;
}
.wpcf7 .wpcf7-submit:hover{transform:translateY(-2px);box-shadow:0 20px 40px rgba(237,18,48,.34)}
.wpcf7 .wpcf7-spinner{margin:0 0 0 12px}
.wpcf7-not-valid-tip{color:var(--red);font-size:.85rem;font-weight:700;margin-top:4px}
.wpcf7 .wpcf7-response-output{
  border-radius:14px;padding:14px 18px;margin:8px 0 0;font-weight:700;
}
.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output{border-color:var(--red);color:var(--red)}
.wpcf7 form.sent .wpcf7-response-output{border-color:#3a8a1e;color:#3a8a1e}
@media(max-width:620px){.hcp-form{max-width:100%}}

/* ===================================================
   MENU DEROULANT PECKERS
   =================================================== */

.primary-nav .menu li{
    position:relative;
}

/* Sous-menu caché */

.primary-nav .sub-menu{
    display:none;
    position:absolute;
    top:100%;
    left:0;

    min-width:260px;
    padding:10px 0;

    background:#171b1f;
    border-radius:16px;

    box-shadow:0 20px 40px rgba(0,0,0,.35);

    z-index:9999;
}

/* Apparition au survol */

.primary-nav .menu li:hover > .sub-menu{
    display:block;
}

/* Eléments */

.primary-nav .sub-menu li{
    display:block;
    width:100%;
}

.primary-nav .sub-menu a{
    display:block;
    padding:12px 18px;
    white-space:nowrap;
    color:#fff;
    text-decoration:none;
    border-radius:0;
}

.primary-nav .sub-menu a:hover{
    background:rgba(199,240,0,.15);
    color:var(--lime);
}

/* Flèche */

.primary-nav .menu-item-has-children > a::after{
    content:" ▼";
    font-size:10px;
    margin-left:6px;
    color:var(--lime);
}


/* ===== Carrousel Sponsors (ajouté par CorrectoNET) ===== */
/* Applique directement sur .quick le style de la bande blanche d'origine
   (fond blanc, coins arrondis, ombre) pour qu'elle reste identique même sans les 3 cartes. */
.quick{
  background:#fff;
  border-radius:25px;
  overflow:hidden;
  box-shadow:0 25px 70px rgba(0,0,0,.16);
  display:block;                 /* on n'utilise plus la grille à 3 colonnes */
  /* Largeur centrée identique aux autres sections (.container) : ne colle plus les bords */
  width:min(var(--max, 1180px), calc(100% - 40px));
  margin-left:auto;
  margin-right:auto;
}
.quick .sponsors-carousel{
  position:relative;
  display:flex;
  align-items:center;
  overflow:hidden;
  padding:22px 0;
  min-height:72px;
}
/* Fondus doux sur les bords gauche/droite */
.quick .sponsors-carousel::before,
.quick .sponsors-carousel::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:80px;
  z-index:2;
  pointer-events:none;
}
.quick .sponsors-carousel::before{
  left:0;
  background:linear-gradient(to right,#fff,rgba(255,255,255,0));
}
.quick .sponsors-carousel::after{
  right:0;
  background:linear-gradient(to left,#fff,rgba(255,255,255,0));
}
/* Bande vide : juste le rectangle blanc, aucun contenu */
.quick .sponsors-carousel.is-empty{
  min-height:96px;
}

/* Les deux pistes identiques défilent côte à côte pour une boucle infinie */
.quick .sponsors-track{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  align-items:center;
  flex:0 0 auto;
  animation:hcp-sponsors-scroll 30s linear infinite;
  will-change:transform;
}
.quick .sponsors-carousel:hover .sponsors-track{
  animation-play-state:paused;   /* pause au survol */
}
.quick .sponsor-item{
  flex:0 0 auto;
  padding:0 34px;
  display:flex;
  align-items:center;
}
.quick .hcp-splink{
  display:inline-flex;
  align-items:center;
  text-decoration:none;
}
.quick .sponsor-item .sponsor-logo,
.quick .sponsor-item img{
  height:64px;
  width:auto;
  max-width:180px;
  object-fit:contain;
  display:block;
  filter:grayscale(100%);
  opacity:.62;
  transition:filter .3s ease, opacity .3s ease;
}
.quick .sponsor-item .sponsor-logo:hover,
.quick .sponsor-item img:hover{
  filter:none;
  opacity:1;
}

@keyframes hcp-sponsors-scroll{
  from{ transform:translateX(0); }
  to{   transform:translateX(-50%); }   /* -50% car la liste est dupliquée 2x */
}

/* Respecte les préférences d'accessibilité (pas d'animation si l'utilisateur la désactive) */
@media (prefers-reduced-motion: reduce){
  .quick .sponsors-track{ animation:none; }
  .quick .sponsors-carousel{ overflow-x:auto; }
}

/* Mobile : logos un peu plus petits */
@media (max-width:640px){
  .quick .sponsor-item{ padding:0 22px; }
  .quick .sponsor-item .sponsor-logo,
  .quick .sponsor-item img{ height:52px; max-width:140px; }
}
/* ===== Fin Carrousel Sponsors ===== */