.club-info-root{position:absolute;z-index:45;top:7.6rem;left:50%;display:flex;align-items:center;gap:.5rem;width:min(94vw,760px);transform:translateX(-50%);font-family:Inter,Arial,sans-serif}
#nav-container .club-info-bell{position:relative;display:inline-flex;flex:none;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;padding:0;border:1px solid rgba(0,210,255,.35);border-radius:.85rem;background:rgba(0,210,255,.07);color:#fff;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background-color .15s,border-color .15s}
#nav-container .club-info-bell:hover,#nav-container .club-info-bell:focus-visible{background:rgba(0,210,255,.16);border-color:#00d2ff;outline:none}
#nav-container .club-info-bell:focus-visible{box-shadow:0 0 0 2px #051114,0 0 0 4px #00d2ff}
.club-info-bell svg{display:block;width:1.25rem;height:1.25rem;pointer-events:none}
.club-info-count{position:absolute;top:-.38rem;right:-.38rem;display:none;min-width:1.2rem;height:1.2rem;padding:0 .16rem;align-items:center;justify-content:center;border:2px solid #071014;border-radius:999px;background:#00d2ff;color:#061115;font:800 .58rem/1 Arial,sans-serif}
.club-info-count:not(:empty){display:flex}
.club-info-trigger{display:flex;flex:1;min-width:0;align-items:center;gap:.8rem;min-height:42px;padding:.55rem .9rem;border:1px solid rgba(0,210,255,.45);border-radius:12px;background:rgba(8,17,20,.96);box-shadow:0 10px 30px rgba(0,0,0,.27);color:#eef8fa;cursor:pointer;text-align:left;backdrop-filter:blur(14px)}
.club-info-dismiss{display:grid;flex:none;place-items:center;width:42px;height:42px;padding:0;border:1px solid rgba(255,255,255,.24);border-radius:12px;background:rgba(8,17,20,.96);color:#eef8fa;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.club-info-dismiss svg{width:1rem;height:1rem;pointer-events:none}
.club-info-dismiss:hover,.club-info-dismiss:focus-visible{border-color:#00d2ff;background:#12282e;color:#fff;outline:none}
.club-info-dismiss:focus-visible{box-shadow:0 0 0 2px #051114,0 0 0 4px #00d2ff}
.club-info-trigger:hover{border-color:#00d2ff;background:#12282e}
.club-info-trigger.club-info-important{border-color:rgba(255,185,77,.65)}
.club-info-trigger.club-info-urgent{border-color:rgba(255,85,100,.7)}
.club-info-tag{flex:none;color:#00d2ff;font-size:.64rem;font-weight:800;letter-spacing:.1em}
.club-info-important .club-info-tag{color:#ffce86}
.club-info-urgent .club-info-tag{color:#ff9da3}
.club-info-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;font-weight:700}
@media(max-width:1279px){#nav-container .club-info-bell{width:2.75rem;height:2.75rem;margin-right:-.5rem}#nav-container .club-info-bell svg{width:1.15rem;height:1.15rem}}
.club-info-trigger{flex-direction:column;align-items:stretch;justify-content:center;gap:.2rem}
.club-info-line{display:flex;align-items:baseline;gap:.8rem;min-width:0}
.club-info-text{display:-webkit-box;overflow:hidden;color:#b4c1c4;font-size:.76rem;font-weight:400;line-height:1.45;white-space:pre-line;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}
.club-info-root.is-leaving{animation:club-info-leave .28s ease-in forwards;pointer-events:none}
.club-info-dismiss svg{width:.95rem;height:.95rem}

/* ---------- Panneau des annonces ---------- */
.club-info-dialog{--ci-bg:#0c1417;--ci-line:rgba(255,255,255,.08);--ci-muted:#8c9a9e;position:fixed;inset:var(--ci-top,6.5rem) var(--ci-right,1.5rem) auto auto;margin:0;width:min(400px,calc(100vw - 24px));max-width:none;max-height:min(72dvh,600px);padding:0;overflow:hidden;border:1px solid var(--ci-line);border-radius:20px;background:var(--ci-bg);color:#eef6f8;box-shadow:0 24px 60px rgba(0,0,0,.55),0 0 0 1px rgba(0,0,0,.4);font-family:Inter,Arial,sans-serif}
.club-info-dialog[open]{display:flex;flex-direction:column;animation:club-info-pop .18s ease-out}
.club-info-dialog::backdrop{background:rgba(0,0,0,.28)}
.club-info-panel{display:flex;flex-direction:column;min-height:0;max-height:inherit}
.club-info-head{display:flex;flex:none;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1rem 1rem 1.25rem;border-bottom:1px solid var(--ci-line)}
.club-info-head-text{display:flex;align-items:baseline;gap:.6rem;min-width:0}
.club-info-heading{margin:0;color:#fff;font-family:Inter,Arial,sans-serif;font-size:1rem;font-weight:700;line-height:1.3;letter-spacing:-.01em}
.club-info-status{color:var(--ci-muted);font-size:.78rem;font-weight:500}
.club-info-close{display:grid;flex:none;place-items:center;width:2.25rem;height:2.25rem;padding:0;border:0;border-radius:10px;background:transparent;color:#b9c6c9;cursor:pointer;transition:background-color .15s,color .15s}
.club-info-close svg{width:1.1rem;height:1.1rem;pointer-events:none}
.club-info-close:hover{background:rgba(255,255,255,.07);color:#fff}
.club-info-close:focus-visible{outline:2px solid #00d2ff;outline-offset:2px}
.club-info-list{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:.35rem 0}
.club-info-item{--ci-accent:#00d2ff;position:relative;padding:.95rem 1.25rem 1rem;border-top:1px solid var(--ci-line)}
.club-info-item:first-child{border-top:0}
.club-info-item.club-info-important{--ci-accent:#f5bd6c}
.club-info-item.club-info-urgent{--ci-accent:#ff6b78}
.club-info-item.is-new{background:linear-gradient(90deg,rgba(0,210,255,.07),transparent 70%)}
.club-info-item.is-new::before{content:"";position:absolute;top:1.05rem;bottom:1.05rem;left:0;width:3px;border-radius:0 3px 3px 0;background:var(--ci-accent)}
.club-info-meta{display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem;font-size:.72rem;line-height:1}
.club-info-level{display:inline-flex;align-items:center;gap:.4rem;color:var(--ci-accent);font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.club-info-level::before{content:"";width:.45rem;height:.45rem;border-radius:50%;background:currentColor}
.club-info-date{color:var(--ci-muted)}
.club-info-date::before{content:"·";margin-right:.5rem}
.club-info-item h3{margin:0 0 .3rem;color:#fff;font-family:Inter,Arial,sans-serif;font-size:.95rem;font-weight:650;line-height:1.35;letter-spacing:-.005em;overflow-wrap:anywhere}
.club-info-item p{margin:0;color:#b4c1c4;font-size:.86rem;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}
.club-info-link{display:inline-flex;align-items:center;gap:.3rem;margin-top:.6rem;color:#5fe3ff;font-size:.82rem;font-weight:600;text-decoration:none}
.club-info-link svg{width:.9rem;height:.9rem}
.club-info-link:hover{text-decoration:underline;text-underline-offset:3px}
.club-info-link:focus-visible{outline:2px solid #00d2ff;outline-offset:3px;border-radius:4px}
.club-info-empty{margin:0;padding:2rem 1.25rem;color:var(--ci-muted);font-size:.88rem;line-height:1.5;text-align:center}
@keyframes club-info-pop{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}
@keyframes club-info-sheet{from{transform:translateY(100%)}to{transform:none}}
@keyframes club-info-leave{to{opacity:0;transform:translate(-50%,-8px)}}

/* Mobile : le panneau arrive du bas de l'écran */
@media(max-width:767px){
  .club-info-root{top:5.6rem;width:calc(100vw - 2rem)}
  .club-info-trigger{min-height:39px;padding:.48rem .65rem;gap:.15rem}
  .club-info-tag{font-size:.57rem}
  .club-info-title{font-size:.72rem}
  .club-info-line{gap:.55rem}
  .club-info-text{font-size:.7rem}
  .club-info-dismiss{width:39px;height:39px}
  .club-info-dialog{inset:auto 0 0;width:100%;max-height:85dvh;border-width:1px 0 0;border-radius:20px 20px 0 0}
  .club-info-dialog[open]{animation:club-info-sheet .24s cubic-bezier(.2,.8,.2,1)}
  .club-info-dialog::backdrop{background:rgba(0,0,0,.55)}
  .club-info-head{position:relative;padding-top:1.35rem}
  .club-info-head::before{content:"";position:absolute;top:.5rem;left:50%;width:2.25rem;height:.25rem;border-radius:999px;background:rgba(255,255,255,.2);transform:translateX(-50%)}
  .club-info-list{padding-bottom:calc(.5rem + env(safe-area-inset-bottom))}
}
@media(prefers-reduced-motion:reduce){.club-info-dialog[open],.club-info-root.is-leaving{animation:none}}