/* En-tête commun des pages annexes (actus, résultats, partenaires, articles).
   Uniquement des variables du site (--noir, --sapin, --vert, --craie, --or…) : le thème rose s'applique aussi. */
.eb-head{position:sticky;top:-30px;z-index:60;font-family:var(--body)}
.eb-wrap{max-width:1320px;margin:0 auto;padding:0 clamp(16px,3vw,36px);display:flex;align-items:center;height:100%}

/* bandeau fin : identité du club, prochain match, Facebook */
.eb-util{height:30px;background:var(--noir);border-bottom:1px solid color-mix(in srgb,var(--craie) 6%,transparent);
  font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb,var(--craie) 45%,transparent)}
.eb-util .eb-wrap{gap:24px;justify-content:space-between}
.eb-util a{color:inherit;text-decoration:none;transition:color .2s}
.eb-util a:hover{color:var(--craie)}
.eb-next{display:flex;align-items:center;gap:10px;min-width:0;white-space:nowrap}
.eb-next[hidden]{display:none}
.eb-next b{font-weight:500;color:inherit}
.eb-next span{overflow:hidden;text-overflow:ellipsis;color:var(--craie-60)}
.eb-social{display:flex;align-items:center;gap:16px}
.eb-social svg{width:15px;height:15px;fill:currentColor;display:block}

/* barre principale */
.eb-bar{height:60px;background:color-mix(in srgb,var(--noir) 94%,transparent);position:relative;
  border-bottom:1px solid color-mix(in srgb,var(--craie) 10%,transparent)}
.eb-bar .eb-wrap{gap:clamp(14px,3vw,40px)}
.eb-brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--craie);flex-shrink:0;align-self:center;padding-top:0}
/* blason qui déborde sous la barre, comme un écusson cousu */
.eb-brand img{width:auto;height:42px;filter:drop-shadow(0 3px 6px rgba(0,0,0,.4));transition:transform .35s cubic-bezier(.16,1,.3,1)}
.eb-brand:hover img{transform:translateY(-2px) rotate(-3deg)}
.eb-name{font-family:var(--disp);text-transform:uppercase;font-size:18px;line-height:1;letter-spacing:.02em}
.eb-name em{font-style:normal;color:inherit}

.eb-nav{display:flex;align-items:stretch;height:100%;margin-left:auto}
.eb-nav a{position:relative;display:flex;align-items:center;padding:0 clamp(10px,1.4vw,18px);font-family:var(--disp);text-transform:uppercase;
  font-size:15px;letter-spacing:.04em;color:color-mix(in srgb,var(--craie) 60%,transparent);text-decoration:none;transition:color .2s}
.eb-nav a::after{content:'';position:absolute;left:clamp(10px,1.4vw,18px);right:clamp(10px,1.4vw,18px);bottom:-1px;height:2px;background:var(--craie);
  transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.16,1,.3,1)}
.eb-nav a:hover{color:var(--craie)}
.eb-nav a:hover::after{transform:scaleX(1)}
.eb-nav a[aria-current="page"]{color:var(--craie)}
.eb-nav a[aria-current="page"]::after{transform:scaleX(1);background:var(--vert);height:2px}

.eb-shop{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;font-family:var(--disp);text-transform:uppercase;font-size:15px;letter-spacing:.04em;
  color:color-mix(in srgb,var(--craie) 60%,transparent);padding:8px 0 8px 18px;border-left:1px solid color-mix(in srgb,var(--craie) 14%,transparent);text-decoration:none;transition:color .2s}
.eb-shop:hover{color:var(--or)}
.eb-shop svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8}

.eb-burger{display:none;margin-left:auto;align-items:center;gap:10px;background:none;border:0;color:var(--craie);cursor:pointer;
  font-family:var(--disp);text-transform:uppercase;font-size:15px;letter-spacing:.04em;padding:10px 0}
.eb-burger i{display:block;width:24px;height:2px;background:currentColor;position:relative;transition:transform .3s}
.eb-burger i::before,.eb-burger i::after{content:'';position:absolute;left:0;width:24px;height:2px;background:currentColor;transition:transform .3s,top .3s}
.eb-burger i::before{top:-7px}.eb-burger i::after{top:7px}
.eb-burger[aria-expanded="true"] i{background:transparent}
.eb-burger[aria-expanded="true"] i::before{top:0;transform:rotate(45deg)}
.eb-burger[aria-expanded="true"] i::after{top:0;transform:rotate(-45deg)}

/* menu mobile plein écran */
.eb-menu{position:fixed;inset:90px 0 0 0;background:var(--noir);z-index:59;padding:30px clamp(20px,6vw,40px) 40px;display:flex;flex-direction:column;
  overflow-y:auto;opacity:0;transform:translateY(-12px);pointer-events:none;transition:opacity .3s,transform .4s cubic-bezier(.16,1,.3,1)}
.eb-menu.open{opacity:1;transform:none;pointer-events:auto}
.eb-menu a{font-family:var(--disp);text-transform:uppercase;font-size:clamp(34px,10vw,48px);line-height:1.15;color:var(--craie);text-decoration:none;
  padding:10px 0;border-bottom:1px solid color-mix(in srgb,var(--craie) 12%,transparent)}
.eb-menu a[aria-current="page"]{color:var(--vert)}
.eb-menu .eb-menu-foot{margin-top:auto;padding-top:28px;display:flex;flex-wrap:wrap;gap:12px}
.eb-menu .eb-menu-foot a{font-size:17px;border:0;padding:0}
.eb-menu .eb-menu-foot .eb-shop{padding:0;border:0;color:var(--or)}

/* fil d'Ariane (remplace les petits sur-titres) */
.eb-crumbs{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-family:var(--body);font-size:13px;font-weight:600;color:var(--craie-60);margin-bottom:18px}
.eb-crumbs a{color:inherit;text-decoration:none;border-bottom:1px solid transparent;transition:color .2s,border-color .2s}
.eb-crumbs a:hover{color:var(--craie);border-color:var(--vert)}
.eb-crumbs span[aria-hidden]{opacity:.5}
.eb-crumbs [aria-current]{color:var(--craie)}

@media (max-width:940px){
  .eb-nav,.eb-bar .eb-shop{display:none}
  .eb-burger{display:flex}
  .eb-util-l{display:none}
}
@media (max-width:560px){
  .eb-bar{height:56px}
  .eb-brand{gap:10px}
  .eb-brand img{height:38px}
  .eb-name{font-size:16px}
  .eb-menu{inset:86px 0 0 0}
  .eb-social a.eb-fb-txt{display:none}
}
body.eb-menu-open{overflow:hidden}
@media (prefers-reduced-motion:reduce){.eb-head *,.eb-menu{transition:none!important}}