/* ============================================================
   HEADER – BleuBlancDunk
   Nav sombre moderne 2026
   ============================================================ */

/* ---- TOPBAR ---- */
.topbar-v2 {
  position: relative;
  z-index: 100;
  background: #f1f5f9;
  padding-top: env(safe-area-inset-top, 0px);
}

.bbd-top-tricolor{display:grid;grid-template-columns:repeat(3,1fr);width:100%;height:4px}
.bbd-top-tricolor i:nth-child(1){background:#0055a4}
.bbd-top-tricolor i:nth-child(2){background:#fff}
.bbd-top-tricolor i:nth-child(3){background:#ef4135}

/* ---- BANNIERE ---- */
.hv2-banner {
  width: 100%;
  background: #030d1a;
}

.hv2-banner-inner {
  position: relative;
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 180px;
  padding: 28px 24px 26px;
  box-sizing: border-box;
  background:
    radial-gradient(ellipse 70% 180% at 50% -20%, rgba(0,85,164,.32) 0%, transparent 65%),
    radial-gradient(ellipse 25% 80% at 8%  110%, rgba(239,65,53,.14) 0%, transparent 55%),
    radial-gradient(ellipse 25% 80% at 92% 110%, rgba(0,85,164,.14) 0%, transparent 55%),
    radial-gradient(ellipse 45% 50% at 50% 100%, rgba(15,30,60,.6) 0%, transparent 70%);
}

/* Filet tricolore en haut de la banniere */
.hv2-banner::before {
  content: '';
  display: block;
  height: 0;
  background: linear-gradient(90deg,
    #0055A4 0% 33.33%,
    #ffffff 33.33% 66.66%,
    #EF4135 66.66% 100%
  );
}

/* Filet tricolore entre banniere et nav */
.hv2-banner::after {
  content: '';
  display: block;
  height: 4px;
  background: linear-gradient(90deg,
    #0055A4 0% 33.33%,
    #ffffff 33.33% 66.66%,
    #EF4135 66.66% 100%
  );
  opacity: 1;
  box-shadow: 0 -1px 0 rgba(2,13,28,.45);
}

.hv2-banner-link {
  display: block;
  width: 100%;
  text-align: center;
}

.hv2-banner-logo {
  display: block;
  margin: 0 auto;
  width: min(428px, 81%);
  height: auto;
  filter: drop-shadow(0 4px 28px rgba(0,85,164,.5)) drop-shadow(0 2px 12px rgba(0,0,0,.6));
  transition: filter .22s ease, transform .22s ease;
}

.hv2-banner-link:hover .hv2-banner-logo {
  filter: drop-shadow(0 8px 36px rgba(0,85,164,.65)) drop-shadow(0 2px 8px rgba(0,0,0,.55));
  transform: translateY(-3px) scale(1.01);
}

/* ---- NAV STICKY ---- */
.hv2-nav-sticky {
  position: sticky;
  top: 0;
  z-index: 200;
  background: #fff;
  border-bottom: 1px solid #e8edf2;
  box-shadow:
    0 1px 0 rgba(0,0,0,.04),
    0 4px 20px rgba(0,0,0,.06);
}

/* ---- NAV WRAP + CARD ---- */
.hv2-nav-wrap {
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
}

.hv2-nav-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-height: 52px;
  padding: 0 12px;
}

/* ---- ONGLETS ---- */
.hv2-tabs {
  display: flex;
  align-items: stretch;
  min-width: 0;
  overflow: visible;
}

/* Liens directs et boutons dropdown partagent le meme style */
.hv2-tabs > a,
.hv2-dropdown-trigger {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  height: 52px;
  padding: 0 14px;
  color: #4b5563;
  font-size: 13px;
  font-weight: 700;
  font-family: inherit;
  letter-spacing: .015em;
  text-decoration: none;
  white-space: nowrap;
  background: none;
  border: none;
  cursor: pointer;
  transition: color .15s ease, background .15s ease;
}

/* Indicateur actif — barre bleue en bas */
.hv2-tabs > a::after,
.hv2-dropdown-trigger::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 8px; right: 8px;
  height: 3px;
  border-radius: 3px 3px 0 0;
  background: #2563eb;
  transform: scaleX(0);
  transform-origin: center;
  transition: transform .18s ease;
}

.hv2-tabs > a:hover,
.hv2-dropdown-trigger:hover {
  color: #111827;
  background: rgba(0,0,0,.04);
}

/* Repères couleur légers pour retrouver les rubriques sans alourdir la nav. */
.hv2-nav-emoji{font-size:14px;line-height:1;filter:saturate(.9);transition:transform .16s ease}
.hv2-tabs>a:hover .hv2-nav-emoji,.hv2-dropdown-trigger:hover .hv2-nav-emoji{transform:translateY(-1px)}
.hv2-tabs>a.hv2-nav-home:hover,.hv2-tabs>a.hv2-nav-home.active{color:#075cac;background:#eff6ff}
.hv2-dropdown-trigger.hv2-nav-fr:hover,.hv2-dropdown.active .hv2-dropdown-trigger.hv2-nav-fr,.hv2-dropdown.is-open .hv2-dropdown-trigger.hv2-nav-fr{color:#075cac;background:#eff6ff}
.hv2-tabs>a.hv2-nav-games:hover,.hv2-tabs>a.hv2-nav-games.active{color:#07805b;background:#ecfdf5}
.hv2-dropdown-trigger.hv2-nav-nba:hover,.hv2-dropdown.active .hv2-dropdown-trigger.hv2-nav-nba,.hv2-dropdown.is-open .hv2-dropdown-trigger.hv2-nav-nba{color:#7c3aed;background:#f5f3ff}
.hv2-dropdown-trigger.hv2-nav-read:hover,.hv2-dropdown.active .hv2-dropdown-trigger.hv2-nav-read,.hv2-dropdown.is-open .hv2-dropdown-trigger.hv2-nav-read{color:#c2410c;background:#fff7ed}
.hv2-dropdown-trigger.hv2-nav-tools:hover,.hv2-dropdown.active .hv2-dropdown-trigger.hv2-nav-tools,.hv2-dropdown.is-open .hv2-dropdown-trigger.hv2-nav-tools{color:#be123c;background:#fff1f2}

.hv2-tabs > a.active,
.hv2-dropdown.active .hv2-dropdown-trigger {
  color: #1d4ed8;
  background: rgba(29,78,216,.05);
}

.hv2-tabs > a.hv2-edf-tab{
  gap:5px;padding-right:11px;padding-left:11px;border-radius:0;
  background:transparent;color:#075cac;
}
.hv2-tabs > a.hv2-edf-tab span{
  padding:2px 4px;border-radius:999px;background:#ed2939;color:#fff;
  font-size:6.5px;font-weight:950;letter-spacing:.06em;
}
.hv2-tabs > a.hv2-edf-tab:hover,.hv2-tabs > a.hv2-edf-tab.active{
  background:#eff6ff;color:#0055a4;
}
.hv2-mm-edf{display:flex!important;align-items:center;gap:7px;color:#075cac!important;font-weight:900!important}
.hv2-mm-edf span{padding:2px 5px;border-radius:999px;background:#ed2939;color:#fff;font-size:7px;font-weight:950;letter-spacing:.06em;line-height:1.2}

.hv2-dropdown.is-open .hv2-dropdown-trigger {
  color: #1d4ed8;
  background: rgba(29,78,216,.05);
}

.hv2-tabs > a:hover::after,
.hv2-tabs > a.active::after,
.hv2-dropdown.active .hv2-dropdown-trigger::after,
.hv2-dropdown.is-open .hv2-dropdown-trigger::after {
  transform: scaleX(1);
}

/* Événement de saison : même composant disponible sur les deux sites. */
.hv2-tabs>a.hv2-playoffs-spotlight{align-self:center;height:40px;margin:6px 7px;padding:0 12px;border-radius:12px;background:linear-gradient(135deg,#071a34 0%,#173c72 58%,#e83250 145%);color:#fff;box-shadow:0 6px 16px rgba(10,34,68,.22);display:grid;grid-template-columns:auto auto;gap:1px 8px;align-content:center}.hv2-tabs>a.hv2-playoffs-spotlight:hover,.hv2-tabs>a.hv2-playoffs-spotlight.active{color:#fff;background:linear-gradient(135deg,#0a2345,#2259a4 62%,#ef334f 140%);transform:translateY(-1px);box-shadow:0 9px 20px rgba(10,48,98,.28)}.hv2-tabs>a.hv2-playoffs-spotlight::after{left:12px;right:12px;bottom:3px;height:2px;background:#ff536c}.hv2-playoffs-spotlight strong{grid-row:1/3;font-size:11px;letter-spacing:.04em;align-self:center}.hv2-playoffs-spotlight span{font-size:7px;letter-spacing:.08em;color:#aee6ff;font-weight:950}.hv2-playoffs-spotlight span i,.hv2-mm-playoffs b i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#ff4963;box-shadow:0 0 0 4px rgba(255,73,99,.17);animation:hv2PlayoffPulse 1.8s ease-in-out infinite}@keyframes hv2PlayoffPulse{50%{opacity:.45;transform:scale(.76)}}@media(prefers-reduced-motion:reduce){.hv2-playoffs-spotlight span i,.hv2-mm-playoffs b i{animation:none}}

.hv2-mm-playoffs{display:grid;grid-template-columns:1fr auto;gap:5px 10px;margin:5px 12px 14px;padding:16px;border-radius:15px;background:linear-gradient(135deg,#071a34,#174681 70%,#b82442);color:#fff!important;text-decoration:none;box-shadow:0 10px 24px rgba(6,26,52,.22)}.hv2-mm-playoffs>span{font-size:14px;font-weight:950}.hv2-mm-playoffs>b{font-size:9px;letter-spacing:.08em;color:#bdeaff}.hv2-mm-playoffs>small{grid-column:1/-1;color:#d7e5f5;font-weight:750}.hv2-mm-playoffs.active{outline:2px solid #5bc8ff;outline-offset:2px}

/* ---- CHEVRON SVG ---- */
.hv2-chevron {
  width: 9px;
  height: 6px;
  flex-shrink: 0;
  opacity: .4;
  transition: transform .18s ease, opacity .15s ease;
}

.hv2-dropdown-trigger:hover .hv2-chevron,
.hv2-dropdown.active .hv2-chevron {
  opacity: .65;
}

.hv2-dropdown.is-open .hv2-chevron {
  transform: rotate(180deg);
  opacity: .9;
}

/* ---- DROPDOWN ---- */
.hv2-dropdown {
  position: relative;
  display: flex;
  align-items: stretch;
}

.hv2-dropdown-panel {
  position: absolute;
  top: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%) translateY(-8px);
  min-width: 210px;
  background: #fff;
  border-radius: 16px;
  box-shadow:
    0 0 0 1px rgba(0,0,0,.06),
    0 8px 24px rgba(0,0,0,.18),
    0 24px 56px rgba(0,0,0,.22);
  padding: 6px;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .16s ease, transform .16s ease, visibility .16s;
}

.hv2-dropdown.is-open .hv2-dropdown-panel {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
  pointer-events: auto;
}

/* Arrow pointer vers la nav */
.hv2-dropdown-panel::before {
  content: '';
  position: absolute;
  top: -5px;
  left: 50%;
  transform: translateX(-50%);
  width: 10px; height: 10px;
  background: #fff;
  border-radius: 2px;
  clip-path: polygon(0 100%, 50% 0, 100% 100%);
  box-shadow: 0 -2px 4px rgba(0,0,0,.06);
}

.hv2-dropdown-panel a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  border-radius: 10px;
  text-decoration: none;
  color: #1e293b;
  font-size: 13.5px;
  font-weight: 700;
  white-space: nowrap;
  transition: background .1s ease;
}

.hv2-dropdown-panel a:hover {
  background: #f1f5f9;
  color: #0f172a;
}

.hv2-dropdown-panel a.active {
  background: #eff6ff;
  color: #0055A4;
}

/* Separateur dans le dropdown */
.hv2-panel-sep {
  height: 1px;
  background: #e2e8f0;
  margin: 4px 8px;
}

.hv2-panel-label {
  padding: 9px 14px 4px;
  color: #748398;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.hv2-panel-label:not(:first-child) {
  margin-top: 5px;
  border-top: 1px solid #edf1f5;
  padding-top: 10px;
}

/* Badge "2026" */
.hv2-badge {
  display: inline-flex;
  align-items: center;
  padding: 2px 7px;
  border-radius: 999px;
  background: linear-gradient(135deg, #0055A4 0%, #1d4ed8 100%);
  color: #fff;
  font-size: 9.5px;
  font-weight: 900;
  letter-spacing: .04em;
}

/* ---- DROITE : social + user ---- */
.hv2-right {
  display: flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
  flex-shrink: 0;
}

.bbd-social-links--header {
  gap: 6px;
}

@media (max-width: 800px) {
  .bbd-social-links--mobile {
    gap: 8px;
    padding: 0 12px 8px;
  }
}

.hv2-x-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 8px;
  border: 1px solid #e2e8f0;
  background: #f8faff;
  color: #374151;
  font-size: 15px;
  font-weight: 900;
  text-decoration: none;
  transition: background .12s ease, color .12s ease, border-color .12s ease;
}

.hv2-x-btn:hover {
  background: #eef2ff;
  border-color: #c7d2fe;
  color: #111827;
}

.hv2-push-trigger{padding:0;cursor:pointer}.hv2-push-trigger.is-active{border-color:#86efac;background:#ecfdf5;color:#15803d}.hv2-mm-push{width:100%;border:0;background:transparent;text-align:left;cursor:pointer}.hv2-mm-push.is-active{color:#15803d;background:#ecfdf5}

.hv2-discord-btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 34px;
  padding: 0 14px;
  border-radius: 8px;
  background: #5865F2;
  border: none;
  color: #fff;
  font-size: 12.5px;
  font-weight: 800;
  text-decoration: none;
  transition: background .12s ease, transform .12s ease;
}

.hv2-discord-btn:hover {
  background: #4752c4;
  transform: translateY(-1px);
}

.hv2-discord-icon {
  width: 16px;
  height: 16px;
  fill: #fff;
  flex-shrink: 0;
}

/* ---- USER MENU ---- */
.hv2-user-menu {
  position: relative;
}

.hv2-user-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-width: 42px;
  height: 34px;
  gap: 7px;
  padding: 0 10px;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  background: #f8faff;
  cursor: pointer;
  transition: background .12s ease, border-color .12s ease;
}

.hv2-user-btn.is-logged{padding-left:5px;background:#eef5ff;border-color:#cfe0f5}
.hv2-user-avatar{display:grid;width:27px;height:27px;flex:0 0 27px;place-items:center;border-radius:9px;background:linear-gradient(135deg,#075baa,#1685e8);color:#fff;font-size:11px;font-weight:950;box-shadow:0 4px 10px rgba(17,103,216,.2)}
.hv2-user-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.hv2-user-name{max-width:105px;overflow:hidden;color:#26364c;font-size:11px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}
.hv2-user-btn .hv2-chevron{width:9px;color:#8290a3}

.hv2-user-btn:hover {
  background: #eef2ff;
  border-color: #c7d2fe;
}

.hv2-user-icon {
  width: 20px;
  height: 20px;
  fill: #4b5563;
}

.hv2-user-dropdown {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  min-width: 278px;
  padding: 8px;
  background: #fff;
  border-radius: 16px;
  box-shadow:
    0 0 0 1px rgba(0,0,0,.06),
    0 8px 24px rgba(0,0,0,.18),
    0 24px 56px rgba(0,0,0,.22);
  opacity: 0;
  pointer-events: none;
  transform: translateY(6px);
  transition: opacity .14s ease, transform .14s ease;
  z-index: 300;
}

.hv2-user-menu.is-open .hv2-user-dropdown {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

.hv2-dropdown-label {
  padding: 8px 12px 6px;
  font-size: 10px;
  font-weight: 900;
  color: #94a3b8;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.hv2-dropdown-link {
  display: block;
  padding: 9px 12px;
  border-radius: 10px;
  font-size: 13.5px;
  font-weight: 700;
  text-decoration: none;
  color: #1e293b;
  transition: background .1s;
}

.hv2-dropdown-link:hover { background: #f1f5f9; }

.hv2-account-intro{padding:12px 12px 13px}.hv2-account-intro strong{display:block;color:#0b1730;font-size:15px;font-weight:950}.hv2-account-intro span{display:block;margin-top:4px;color:#78869a;font-size:10px;font-weight:650;line-height:1.4}
.hv2-account-primary{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;border-radius:10px;background:#0b65c2;color:#fff;font-size:12px;font-weight:950;text-decoration:none}.hv2-account-primary:hover{background:#0755a6}.hv2-account-primary span{font-size:17px}
.hv2-account-register{display:block;padding:11px 8px 8px;color:#1766af;font-size:10px;font-weight:850;text-align:center;text-decoration:none}.hv2-account-register:hover{text-decoration:underline}
.hv2-account-head{display:flex;align-items:center;gap:10px;margin-bottom:5px;padding:10px 10px 12px;border-bottom:1px solid #e7edf4}.hv2-account-head .hv2-user-avatar{width:36px;height:36px;flex-basis:36px;border-radius:11px;font-size:14px}.hv2-account-head div{display:flex;min-width:0;flex-direction:column}.hv2-account-head strong{overflow:hidden;color:#0b1730;font-size:13px;text-overflow:ellipsis}.hv2-account-head small{overflow:hidden;margin-top:2px;color:#8996a8;font-size:9px;text-overflow:ellipsis}
.hv2-account-separator{height:1px;margin:5px 4px;background:#e7edf4}.hv2-dropdown-link--logout{color:#c52b3e}

/* ---- BURGER MOBILE ---- */
.hv2-burger {
  display: none;
}

/* ============================================================
   MOBILE (<= 768px)
   ============================================================ */
@media (max-width: 768px) {

  .hv2-banner-inner {
    min-height: 78px;
    padding: 8px 16px;
    justify-content: center;
  }

  .hv2-banner-logo {
    width: min(210px, 62%);
  }

  .hv2-nav-card {
    padding: 0 10px;
    min-height: 48px;
  }

  .hv2-tabs {
    display: none;
  }

  .hv2-discord-text {
    display: none;
  }

  .hv2-discord-btn {
    width: 34px;
    padding: 0;
    justify-content: center;
  }

  .hv2-burger {
    display: inline-flex;
    width: 36px;
    height: 34px;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
    background: #f8faff;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 4px;
    cursor: pointer;
    padding: 0;
  }

  .hv2-burger span {
    display: block;
    width: 16px;
    height: 1.5px;
    border-radius: 999px;
    background: #374151;
    transition: transform .18s ease, opacity .18s ease;
  }

  /* ---- DRAWER MOBILE ---- */
  .hv2-mobile-menu {
    display: block;
    position: fixed;
    inset: 0;
    z-index: 999999;
    pointer-events: none;
    opacity: 0;
    transition: opacity .18s ease;
  }

  .hv2-mobile-menu.is-open {
    pointer-events: auto;
    opacity: 1;
  }

  .hv2-mobile-backdrop {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: rgba(5,10,25,.7);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
  }

  .hv2-mobile-panel {
    position: absolute;
    top: 0; left: 0;
    width: min(88vw, 310px);
    height: 100%;
    z-index: 2;
    background: #fff;
    box-shadow: 20px 0 60px rgba(0,0,0,.35);
    display: flex;
    flex-direction: column;
    transform: translateX(-100%);
    transition: transform .24s cubic-bezier(.25,.46,.45,.94);
    overflow-y: auto;
  }

  .hv2-mobile-menu.is-open .hv2-mobile-panel {
    transform: translateX(0);
  }

  .hv2-mobile-head {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    background: #0b1628;
  }

  .hv2-mobile-head::after {
    content: '';
    position: absolute;
    bottom: 0; left: 0; right: 0;
    height: 3px;
    background: linear-gradient(90deg,
      #0055A4 0% 33%,
      #f0f0f0 33% 67%,
      #EF4135 67% 100%
    );
  }

  .hv2-mobile-head img {
    height: 36px;
    width: auto;
  }

  .hv2-mobile-close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px; height: 34px;
    border: 1px solid rgba(255,255,255,.15);
    border-radius: 8px;
    background: rgba(255,255,255,.08);
    color: rgba(255,255,255,.75);
    font-size: 17px;
    cursor: pointer;
    transition: background .12s;
  }

  .hv2-mobile-close:hover {
    background: rgba(255,255,255,.14);
    color: #fff;
  }

  .hv2-mobile-links {
    display: flex;
    flex-direction: column;
    padding: 10px;
    flex: 1;
  }

  /* En-tete de section (Francais, NBA, Outils...) */
  .hv2-mm-section {
    padding: 14px 10px 4px;
    font-size: 10px;
    font-weight: 900;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: .08em;
  }

  .hv2-mm-section:first-child {
    padding-top: 6px;
  }

  .hv2-mm-subsection {
    padding: 12px 12px 4px;
    color: #718198;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
  }

  .hv2-mm-link {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 11px 12px;
    border-radius: 10px;
    text-decoration: none;
    color: #0f172a;
    font-size: 14px;
    font-weight: 700;
    transition: background .1s;
  }

  .hv2-mm-link:hover { background: #f1f5f9; }

  .hv2-mm-link--primary {
    background: #0055A4;
    color: #fff;
    margin-top: 4px;
  }

  .hv2-mm-link--primary:hover { background: #003f82; }

  .hv2-mm-link--danger { color: #dc2626; }

  .hv2-mm-sep {
    height: 1px;
    margin: 8px 2px;
    background: #e2e8f0;
  }

  .hv2-mm-user {
    padding: 10px 12px 4px;
    font-size: 13px;
    color: #64748b;
    font-weight: 700;
  }

  .hv2-user-dropdown {
    right: auto;
    left: 0;
  }
}

@media (min-width: 769px) {
  .hv2-mobile-menu { display: none !important; }
}

/* ============================================================
   PWA STANDALONE — banner plus compact
   ============================================================ */
@media (display-mode: standalone) {
  .hv2-banner-inner {
    min-height: 72px;
    padding: 10px 16px;
    justify-content: center;
    align-items: center;
  }
  .hv2-banner-link {
    width: 100%;
    justify-content: center;
  }
  .hv2-banner-logo {
    width: min(180px, 59%);
    margin: 0 auto;
  }
}

.hv2-wnba-switch-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 13px;
  border: 1px solid rgba(37,99,235,.24);
  border-radius: 999px;
  background: linear-gradient(135deg,rgba(37,99,235,.1),rgba(239,68,68,.08));
  box-shadow: 0 4px 12px rgba(15,23,42,.08);
  font-size: 11px;
  font-weight: 900;
  color: #164b8a;
  white-space: nowrap;
  transition: background .15s, color .15s, transform .12s, box-shadow .12s;
}
.hv2-wnba-switch-btn:hover { background: linear-gradient(135deg,rgba(37,99,235,.18),rgba(239,68,68,.13)); color: #0b3470; transform: translateY(-1px); box-shadow: 0 7px 16px rgba(15,23,42,.13); }

.hv2-league-switch-btn {
  display:inline-flex; align-items:center; gap:6px; padding:8px 13px;
  border:1px solid rgba(37,99,235,.24); border-radius:999px;
  background:linear-gradient(135deg,rgba(37,99,235,.1),rgba(239,68,68,.08));
  box-shadow:0 4px 12px rgba(15,23,42,.08); color:#164b8a;
  font-size:11px; font-weight:900; white-space:nowrap;
  transition:background .15s,color .15s,transform .12s,box-shadow .12s;
}
.hv2-league-switch-btn:hover {
  background:linear-gradient(135deg,rgba(37,99,235,.18),rgba(239,68,68,.13));
  color:#0b3470; transform:translateY(-1px); box-shadow:0 7px 16px rgba(15,23,42,.13);
}

.hv2-admin-switch-btn {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 5px 12px;
  border: 1px solid rgba(37,99,235,.28);
  border-radius: 8px;
  font-size: 13px;
  font-weight: 800;
  color: #1d4ed8;
  white-space: nowrap;
  transition: background .15s, color .15s, transform .12s;
  background: rgba(37,99,235,.05);
}
.hv2-admin-switch-btn:hover {
  background: rgba(37,99,235,.12);
  color: #1e40af;
  transform: translateY(-1px);
}

/* Masquer la nav sticky sur mobile : la bottom nav la remplace */
@media (max-width: 800px) {
  .hv2-nav-sticky { display: none; }
}

/* ============================================================
   HEADER V1.9 — navigation simplifiee et plus lisible
   ============================================================ */
@media (min-width: 801px) {
  .hv2-nav-wrap {
    max-width: 1320px;
    padding: 0 18px;
  }

  .hv2-nav-card {
    min-height: 60px;
    padding: 0;
    gap: 18px;
  }

  .hv2-tabs > a,
  .hv2-dropdown-trigger {
    height: 60px;
    padding: 0 16px;
    color: #263449;
    font-size: 14.5px;
    font-weight: 800;
    letter-spacing: 0;
    border-radius: 0;
    box-shadow: none;
  }

  .hv2-tabs > a:hover,
  .hv2-dropdown-trigger:hover {
    color: #0f172a;
    background: #f1f5f9;
  }

  .hv2-tabs > a.active,
  .hv2-dropdown.active .hv2-dropdown-trigger,
  .hv2-dropdown.is-open .hv2-dropdown-trigger {
    color: #0055a4;
    background: #eff6ff;
  }

  .hv2-tabs > a::after,
  .hv2-dropdown-trigger::after {
    left: 14px;
    right: 14px;
    height: 4px;
    background: #0055a4;
  }

  .hv2-chevron {
    width: 10px;
    height: 7px;
    opacity: .58;
  }

  .hv2-dropdown-panel {
    min-width: 238px;
    padding: 8px;
    border-radius: 14px;
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset, 0 12px 32px rgba(15,23,42,.18);
  }

  .hv2-dropdown-panel a {
    min-height: 42px;
    padding: 11px 13px;
    font-size: 14px;
    line-height: 1.25;
    font-weight: 750;
  }

  .hv2-right {
    gap: 8px;
    padding-left: 16px;
    border-left: 1px solid #e2e8f0;
  }

  .hv2-x-btn,
  .hv2-user-btn {
    height: 38px;
    border-radius: 10px;
  }

  .hv2-x-btn {
    width: 38px;
  }

  .hv2-user-btn{width:auto}

  .hv2-wnba-switch-btn {
    min-height: 38px;
    padding: 0 13px;
    border-color: rgba(194,82,0,.35);
    border-radius: 10px;
    background: #fff7ed;
    color: #9a4100;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
  }

  .hv2-admin-switch-btn {
    min-height: 38px;
    padding: 0 13px;
    border-color: rgba(37,99,235,.28);
    border-radius: 10px;
    background: #eff6ff;
    color: #1d4ed8;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
  }
}

@media (min-width: 801px) and (max-width: 1450px) {
  .hv2-nav-wrap { padding: 0 10px; }
  .hv2-nav-card { gap: 8px; }
  .hv2-tabs > a,
  .hv2-dropdown-trigger { padding: 0 10px; font-size: 13px; }
  .hv2-right { gap: 5px; padding-left: 8px; }
  .hv2-user-name { display: none; }
}

@media (min-width:801px) and (max-width:1180px){.hv2-playoffs-spotlight span{display:none}.hv2-tabs>a.hv2-playoffs-spotlight{display:flex;padding:0 10px}.hv2-playoffs-spotlight strong{font-size:10px}.hv2-tabs>a,.hv2-dropdown-trigger{padding-inline:8px!important;font-size:12px!important}}

.hv2-tabs > a:focus-visible,
.hv2-dropdown-trigger:focus-visible,
.hv2-right a:focus-visible,
.hv2-right button:focus-visible,
.hv2-mm-link:focus-visible,
.hv2-admin-switch-btn:focus-visible {
  outline: 3px solid rgba(37,99,235,.35);
  outline-offset: -3px;
}

/* Navigation desktop : onglets plats, jamais des bulles. */
@media (min-width:801px){
  .hv2-tabs>a:not(.hv2-playoffs-spotlight),
  .hv2-dropdown-trigger{border-radius:0!important;box-shadow:none!important;background:transparent!important}
  .hv2-tabs>a:not(.hv2-playoffs-spotlight):hover,
  .hv2-dropdown-trigger:hover{background:#f1f5f9!important}
  .hv2-tabs>a:not(.hv2-playoffs-spotlight).active,
  .hv2-dropdown.active .hv2-dropdown-trigger,
  .hv2-dropdown.is-open .hv2-dropdown-trigger{background:#eff6ff!important}
}

@media (min-width:801px){
  .hv2-tabs>a.hv2-nav-home:hover,.hv2-tabs>a.hv2-nav-home.active{color:#075cac!important;background:#eff6ff!important}
  .hv2-dropdown-trigger.hv2-nav-fr:hover,.hv2-dropdown.active .hv2-dropdown-trigger.hv2-nav-fr,.hv2-dropdown.is-open .hv2-dropdown-trigger.hv2-nav-fr{color:#075cac!important;background:#eff6ff!important}
  .hv2-tabs>a.hv2-nav-games:hover,.hv2-tabs>a.hv2-nav-games.active{color:#07805b!important;background:#ecfdf5!important}
  .hv2-dropdown-trigger.hv2-nav-nba:hover,.hv2-dropdown.active .hv2-dropdown-trigger.hv2-nav-nba,.hv2-dropdown.is-open .hv2-dropdown-trigger.hv2-nav-nba{color:#7c3aed!important;background:#f5f3ff!important}
  .hv2-dropdown-trigger.hv2-nav-read:hover,.hv2-dropdown.active .hv2-dropdown-trigger.hv2-nav-read,.hv2-dropdown.is-open .hv2-dropdown-trigger.hv2-nav-read{color:#c2410c!important;background:#fff7ed!important}
  .hv2-dropdown-trigger.hv2-nav-tools:hover,.hv2-dropdown.active .hv2-dropdown-trigger.hv2-nav-tools,.hv2-dropdown.is-open .hv2-dropdown-trigger.hv2-nav-tools{color:#be123c!important;background:#fff1f2!important}
}

/* Point de retour identique dans tous les outils du cockpit BBD. */
.admin-tool-back,.recap-wrap .back-link{display:inline-flex!important;min-height:38px;align-items:center;gap:7px;padding:0 13px!important;border:1px solid rgba(102,177,255,.42)!important;border-radius:10px!important;background:rgba(27,93,163,.16)!important;color:#cbe6ff!important;font-size:11px!important;font-weight:900!important;line-height:1!important;text-decoration:none!important;box-shadow:none!important}.admin-tool-back:hover,.recap-wrap .back-link:hover{background:rgba(47,121,204,.28)!important;color:#fff!important}
.recap-wrap .back-link,.ecb-hero a[href="/admin/admin.php"]{font-size:0!important}.recap-wrap .back-link:after,.ecb-hero a[href="/admin/admin.php"]:after{content:"← Retour admin";font-size:11px;font-weight:900}
.ecb-hero a[href="/admin/admin.php"]{display:inline-flex!important;min-height:38px;align-items:center;padding:0 13px!important;border:1px solid rgba(102,177,255,.42)!important;border-radius:10px!important;background:rgba(27,93,163,.16)!important;color:#cbe6ff!important;line-height:1!important;text-decoration:none!important}.ecb-hero a[href="/admin/admin.php"]:hover{background:rgba(47,121,204,.28)!important;color:#fff!important}

@media (max-width: 800px) {
  .hv2-mobile-panel {
    width: min(92vw, 350px);
    height: 100dvh;
    padding-bottom: calc(70px + env(safe-area-inset-bottom, 0px));
    box-sizing: border-box;
  }

  .hv2-mobile-links {
    padding: 12px;
  }

  .hv2-mm-section {
    padding: 18px 12px 6px;
    color: #526176;
    font-size: 11px;
    letter-spacing: .1em;
  }

  .hv2-mm-subsection {
    padding: 14px 13px 4px;
    color: #63738a;
    font-size: 10px;
    letter-spacing: .09em;
  }

  .hv2-mm-link {
    min-height: 46px;
    padding: 12px 13px;
    border-radius: 11px;
    color: #172033;
    font-size: 15px;
    line-height: 1.3;
    font-weight: 750;
  }
}
.bbd-dev-banner{position:relative;z-index:10001;display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 14px;background:#fbbf24;color:#382807;font-size:12px;line-height:1.3;text-align:center}.bbd-dev-banner strong{text-transform:uppercase;letter-spacing:.08em}.bbd-dev-banner span{font-weight:700}@media(max-width:640px){.bbd-dev-banner{align-items:flex-start;flex-direction:column;gap:2px;text-align:left}}