/* Navigation mobile HBCHM — ajout isolé */
.hb-mobile-menu-toggle{display:none}
@media(max-width:800px){
 .top .shell{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:8px!important;min-height:66px!important;padding-top:8px!important;padding-bottom:8px!important}
 .top .brand-logo{min-width:0;flex:1 1 auto;font-size:19px!important;white-space:normal}
 .top .brand-logo img{width:48px!important;height:48px!important;flex-shrink:0}
 .top .brand-logo small{font-size:8px!important;letter-spacing:.6px!important}
 .hb-mobile-menu-toggle{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 13px;border:1px solid #3b7890;border-radius:9px;background:#0a344b;color:#fff;font:800 13px Arial,sans-serif;cursor:pointer}
 .hb-mobile-menu-toggle:focus-visible{outline:3px solid #20d4e6;outline-offset:2px}
 .top .nav{display:none!important;order:3;flex:0 0 100%;width:100%;max-height:calc(100dvh - 90px);overflow-y:auto!important;overflow-x:hidden!important;flex-wrap:nowrap!important;flex-direction:column!important;align-items:stretch!important;margin:0!important;padding:8px 0 12px!important;gap:2px!important;overscroll-behavior:contain}
 .top .nav.hb-mobile-open{display:flex!important}
 .top .nav>a,.top .nav>.nav-dropdown>.nav-drop-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;min-height:46px;padding:12px 14px!important;border-radius:7px;font-size:14px!important;box-sizing:border-box}
 .top .nav>a:hover,.top .nav>.nav-dropdown>.nav-drop-toggle:hover{background:#0b3b52}
 .top .nav>.nav-dropdown{display:block!important;width:100%;position:static!important}
 .top .nav .nav-drop-menu{position:static!important;display:none!important;width:100%!important;max-height:none!important;min-width:0!important;padding:2px 6px 8px 16px!important;box-shadow:none!important;background:#08263b!important;border:0!important;border-left:2px solid #12bfd7!important;border-radius:0!important;box-sizing:border-box}
 .top .nav .nav-dropdown.open .nav-drop-menu{display:grid!important}
 .top .nav .nav-drop-menu a{min-height:42px;display:flex!important;align-items:center;white-space:normal!important}
 .shell,.panel,.main,.page-hero{min-width:0}
 .page-hero h1{font-size:clamp(29px,9vw,46px)!important;letter-spacing:-1px!important;overflow-wrap:anywhere}
 .hb-cal-line,.hb-week-row,.hb-week-match{max-width:100%;box-sizing:border-box}
 .hb-cal-actions a,.hb-cal-actions span{min-width:40px!important;min-height:40px!important}
}
@media(max-width:420px){.top .brand-logo{font-size:17px!important}.top .brand-logo img{width:43px!important;height:43px!important}.hb-mobile-menu-toggle{padding:8px 10px;font-size:12px}}

/* Bouton menu mobile HBCHM — finition premium */
@media(max-width:800px){
 .hb-mobile-menu-toggle{position:relative;isolation:isolate;display:inline-flex;gap:11px;min-width:112px;min-height:46px;padding:9px 15px!important;border:1px solid rgba(71,223,235,.55)!important;border-radius:15px!important;background:linear-gradient(135deg,#10647b 0%,#092b44 100%)!important;box-shadow:0 5px 18px rgba(0,13,30,.25),inset 0 1px rgba(255,255,255,.13);color:#fff!important;font:800 12px/1 Arial,sans-serif!important;letter-spacing:1.3px;transition:background .2s,box-shadow .2s,transform .2s}
 .hb-mobile-menu-toggle:active{transform:scale(.97)}
 .hb-mobile-menu-toggle:focus-visible{outline:3px solid #43e1ec;outline-offset:3px}
 .hb-mobile-menu-toggle .hb-menu-lines{display:flex;flex-direction:column;justify-content:center;gap:5px;width:22px;height:22px;flex:0 0 22px}
 .hb-mobile-menu-toggle .hb-menu-lines i{display:block;width:100%;height:2px;border-radius:4px;background:#75f1f3;transition:transform .22s,opacity .16s,width .22s;transform-origin:center}
 .hb-mobile-menu-toggle .hb-menu-lines i:nth-child(2){width:70%}
 .hb-mobile-menu-toggle[aria-expanded="true"]{background:linear-gradient(135deg,#117b8b,#0a3d52)!important;box-shadow:0 6px 22px rgba(0,13,30,.3),0 0 0 2px rgba(70,219,230,.12)}
 .hb-mobile-menu-toggle[aria-expanded="true"] .hb-menu-lines i:first-child{transform:translateY(7px) rotate(45deg)}
 .hb-mobile-menu-toggle[aria-expanded="true"] .hb-menu-lines i:nth-child(2){opacity:0}
 .hb-mobile-menu-toggle[aria-expanded="true"] .hb-menu-lines i:last-child{transform:translateY(-7px) rotate(-45deg)}
 .hb-mobile-menu-toggle .hb-menu-text{min-width:43px;text-align:left}
 .top .nav.hb-mobile-open{padding:12px!important;border:1px solid rgba(84,211,225,.24);border-radius:15px;background:linear-gradient(180deg,#0b344b,#071f34);box-shadow:0 15px 30px rgba(0,15,28,.22)}
}
@media(max-width:420px){.hb-mobile-menu-toggle{min-width:102px;padding:9px 12px!important;gap:8px}}
@media(prefers-reduced-motion:reduce){.hb-mobile-menu-toggle,.hb-mobile-menu-toggle .hb-menu-lines i{transition:none!important}}