
:root{--navy:#061327;--deep:#071e34;--cyan:#00d3e9;--ink:#102239;--muted:#718098;--bg:#eef3f8}*{box-sizing:border-box}body{margin:0;font-family:Inter,'Segoe UI',Arial,sans-serif;background:var(--bg);color:var(--ink)}a{text-decoration:none;color:inherit}button{cursor:pointer;font:inherit}.shell{max-width:1250px;margin:auto;padding:0 25px}.top{background:#051226;color:white;position:sticky;top:0;z-index:10;box-shadow:0 5px 30px #0003}.top .shell{display:flex;align-items:center;gap:32px;min-height:80px}.brand{font-size:32px;font-weight:1000;font-style:italic;letter-spacing:-2px;white-space:nowrap}.brand em{color:var(--cyan);font-style:normal}.brand small{display:block;font-size:9px;letter-spacing:2px;font-style:normal;font-weight:700}.nav{display:flex;gap:19px;flex-wrap:wrap;margin-left:auto}.nav a{font-size:13px;font-weight:800;color:#dce7f2}.nav a:hover{color:var(--cyan)}.preview{background:var(--cyan);color:#002132;text-align:center;padding:8px;font-size:12px;font-weight:900}.hero{background:linear-gradient(90deg,#061327 0%,#061327ed 42%,#06132720 100%),url('hero-v5.webp') center right/cover;min-height:440px;color:white;display:flex;align-items:center}.hero h1{font-size:clamp(64px,10vw,130px);font-style:italic;line-height:.95;letter-spacing:-8px;margin:10px 0}.hero h1 span{color:var(--cyan)}.eyebrow{letter-spacing:5px;font-weight:800;font-size:14px}.hero p{letter-spacing:2px;font-weight:700}.cta{display:inline-flex;padding:14px 22px;background:var(--cyan);color:#002334;font-weight:900;border-radius:4px;margin-top:20px}.tagline{font-size:21px;font-weight:900;font-style:italic;margin-top:20px}.strip{background:#071a2f;color:white}.strip .shell{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;padding-top:23px;padding-bottom:23px}.stat{font-size:14px;font-weight:900}.stat b{font-size:26px;color:var(--cyan);margin-right:8px}.stat small{display:block;font-size:10px;color:#9bb2c5;margin-left:40px}.main{padding:30px 0 55px}.grid{display:grid;grid-template-columns:1.15fr .85fr;gap:24px}.panel{background:white;border-radius:13px;padding:24px;box-shadow:0 8px 30px #09223d12;min-width:0}.heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px}.heading h2{font-size:21px;margin:0;font-weight:1000;letter-spacing:-.6px}.heading h2:before{content:'';display:inline-block;background:var(--cyan);height:23px;width:5px;vertical-align:middle;margin-right:12px}.heading a{font-size:11px;color:#007d9c;font-weight:900}.match{background:radial-gradient(circle at 70% 30%,#164e68,#06192f 65%);color:white;border-radius:9px;text-align:center;padding:25px}.match .category{font-weight:900;color:var(--cyan);font-size:12px}.match h3{font-size:24px;margin:12px 0 6px}.vs{display:flex;align-items:center;justify-content:space-around;gap:10px;margin:26px 0}.vs b{font-size:18px;max-width:40%}.vs strong{color:var(--cyan);font-size:30px}.match .when{font-weight:800;font-size:13px}.match .detail{background:#d7f7ff;color:#05354c;padding:10px;margin-top:18px;border-radius:4px;font-weight:800}.result{display:flex;gap:15px;align-items:center;padding:16px 3px;border-bottom:1px solid #e9edf2}.result .date{background:#eaf2fa;padding:12px 9px;border-radius:5px;font-weight:900;font-size:12px;min-width:60px;text-align:center}.result .teams{font-size:13px;font-weight:800;flex:1}.result .sub{font-size:11px;color:#73869b;margin-top:4px}.section{margin-top:26px}.teamgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.team{min-height:130px;background:linear-gradient(145deg,#082b48,#041226);color:white;border-radius:8px;display:flex;flex-direction:column;justify-content:end;padding:15px;position:relative;overflow:hidden}.team:before{content:'◉';position:absolute;right:12px;top:6px;color:#0fd5e64d;font-size:70px}.team b{font-size:24px;font-style:italic;position:relative}.team small{font-size:11px;color:#91e5ee;font-weight:800;position:relative}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.news{border:1px solid #e8edf3;border-radius:9px;overflow:hidden}.news .visual{height:105px;background:linear-gradient(135deg,#07223c,#00758a);display:flex;align-items:center;justify-content:center;font-size:46px}.news .body{padding:15px}.news h3{margin:0 0 7px;font-size:16px}.news p{color:var(--muted);font-size:13px}.event{padding:14px 0;border-bottom:1px solid #edf0f4;display:flex;gap:15px;align-items:center}.event .date{background:#e9f1f9;color:#06264c;padding:11px;border-radius:6px;font-weight:900;min-width:72px;text-align:center}.event b{font-size:14px}.event p{font-size:12px;color:#708198;margin:5px 0}.footer{background:#041225;color:white;text-align:center;padding:45px 20px}.footer strong{font-size:32px;font-style:italic}.footer em{color:var(--cyan)}.empty{color:#8b9aac;font-size:13px}.note{font-size:12px;color:#6b7c8f;margin:14px 0 0}@media(max-width:900px){.nav{gap:12px}.nav a{font-size:11px}.teamgrid{grid-template-columns:repeat(3,1fr)}.strip .shell{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.top .shell{display:block;padding-top:12px;padding-bottom:12px}.brand{font-size:26px}.nav{margin-top:12px;gap:12px}.hero{min-height:370px;background-position:60% center}.hero h1{letter-spacing:-4px}.grid{grid-template-columns:1fr}.teamgrid{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:1fr}.shell{padding:0 15px}.panel{padding:17px}.strip .shell{gap:10px}.stat{font-size:11px}.stat b{font-size:19px}.stat small{margin-left:0}}

/* Extension pages locales : même identité que l'aperçu validé */
.nav a.active{color:var(--cyan)}.page-hero{background:linear-gradient(110deg,#061327f7,#072c46d9),url('hero-v5.webp') center 40%/cover;color:white;padding:65px 0 55px}.page-hero h1{font-size:clamp(32px,5vw,58px);margin:7px 0 10px;font-style:italic;letter-spacing:-2px}.page-hero p{color:#c8e0ee;max-width:720px}.page-main{min-height:55vh}.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 20px}.toolbar label{font-size:12px;font-weight:900}.toolbar select,.toolbar input{background:#fff;border:1px solid #d7e1eb;border-radius:6px;padding:11px 14px;font:inherit;color:#102239;max-width:100%}.toolbar select{min-width:190px}.data-table{width:100%;border-collapse:collapse;min-width:650px;font-size:13px}.data-table th{background:#eaf2f8;text-align:left;color:#18314c;font-size:11px;text-transform:uppercase;letter-spacing:.4px;padding:12px}.data-table td{border-bottom:1px solid #e7edf3;padding:12px}.data-table tr:hover td{background:#f6fbfd}.table-scroll{overflow-x:auto;max-width:100%}.data-table .mine{font-weight:900;color:#00839a}.pill{display:inline-flex;align-items:center;padding:5px 9px;border-radius:50px;background:#e5f8fb;color:#006a7e;font-size:11px;font-weight:800}.pill.pending{background:#fff3e3;color:#a25b13}.empty-state{background:#f3f7fa;border:1px dashed #c6d6e4;border-radius:9px;padding:22px;color:#52657a}.intro{line-height:1.7;color:#52657a}.team-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.team-card{background:linear-gradient(135deg,#061b31,#0a3651);color:white;border-radius:11px;padding:22px;min-height:155px;display:flex;flex-direction:column;justify-content:space-between}.team-card b{font-size:29px;font-weight:1000;font-style:italic}.team-card small{color:#b7d8e8}.team-card:hover{outline:2px solid var(--cyan)}.event-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.event-card{border:1px solid #e4edf5;border-radius:10px;padding:20px}.event-card h3{margin:12px 0 8px}.event-card .date{font-weight:900;color:#00839a;font-size:12px}.event-card p{color:#64798d;line-height:1.5}.quick-links{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.quick-link{padding:22px;background:#f2f8fb;border-radius:10px;font-weight:900}.quick-link span{display:block;font-size:28px;color:#00abc2;margin-bottom:10px}.footer a{color:#95ebf1}.preview{background:#00d3e9;color:#002132}.muted{color:#7a8da0;font-size:12px}.button{border:0;background:#00d3e9;color:#002132;font-weight:900;border-radius:6px;padding:11px 15px}.photo-card{padding:22px;border:1px dashed #bdd1e0;border-radius:10px;text-align:center;color:#526a80;background:#f8fbfd}.photo-card b{display:block;margin:10px 0}.photo-card .icon{font-size:45px}.main .panel{min-width:0}
@media(max-width:850px){.team-list{grid-template-columns:repeat(2,1fr)}.quick-links{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.team-list,.event-grid,.quick-links{grid-template-columns:1fr}.page-hero{padding:45px 0}.top .shell{gap:10px}.nav{overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px}.nav a{white-space:nowrap}.hero{background-position:65% center}}

/* HBCHM V5.2 — Identité graphique B : original CSS + véritable logo officiel */
.top .shell{min-height:88px}.brand-logo{display:flex;align-items:center;gap:11px;letter-spacing:-1px;font-style:normal;font-size:27px}.brand-logo img{width:66px;height:66px;object-fit:contain;background:#fff;border-radius:50%;padding:2px;box-shadow:0 3px 15px #0005}.brand-logo span{display:block;line-height:1}.brand-logo small{margin-top:7px;font-size:9px;letter-spacing:1px;font-weight:800;color:#b6d6e4}
.hero-identity{position:relative;overflow:hidden;min-height:410px;background:linear-gradient(113deg,#eafcff 0%,#f9feff 47%,#e8f9fc 100%);color:#09283e;isolation:isolate;display:flex;align-items:center}
.hero-identity:before{content:"";position:absolute;inset:-120px 47% -100px -30%;background:linear-gradient(130deg,#00b8c8,#0b6c88);clip-path:polygon(0 0,83% 0,53% 100%,0 100%);z-index:-1}
.hero-identity:after{content:"";position:absolute;right:-10%;top:-30%;width:46%;height:140%;border:36px solid #00b5c8;transform:rotate(27deg);opacity:.14;z-index:-1}
.hero-splash{position:absolute;pointer-events:none;z-index:-1}.splash-one{width:490px;height:490px;left:-170px;top:-150px;background:radial-gradient(circle,#00e6e450 0 5%,transparent 6% 100%);background-size:33px 33px;opacity:.45;transform:rotate(-17deg)}.splash-two{width:450px;height:450px;right:0;bottom:-230px;background:repeating-conic-gradient(from 18deg,#02bfd322 0 7deg,transparent 7deg 22deg);border-radius:50%}
.identity-layout{width:100%;display:grid;grid-template-columns:45% 55%;align-items:center;gap:12px;padding-top:40px;padding-bottom:40px;position:relative}.identity-mark{display:flex;align-items:center;flex-direction:column;gap:13px;text-align:center}.identity-logo{display:block;width:min(265px,75%);height:auto;aspect-ratio:1;object-fit:contain;border-radius:50%;background:#fff;box-shadow:0 15px 50px #042e4160;border:8px solid #ffffffd9}.identity-overline{font-size:11px;font-weight:1000;letter-spacing:2px;color:white}.identity-under{font-size:11px;font-weight:1000;letter-spacing:1px;color:white}.identity-under i{color:#ffac5c;font-style:normal}.identity-message{padding:15px 18px 15px 40px}.identity-kicker{display:inline-block;background:#ff6b36;color:white;font-weight:900;letter-spacing:2px;padding:7px 12px;font-size:11px;transform:skew(-9deg)}.hero-identity h1{font-size:clamp(36px,4.7vw,68px);line-height:1.04;letter-spacing:-2.8px;font-weight:1000;font-style:italic;margin:18px 0 13px;color:#063650}.hero-identity h1 em{font-style:inherit;color:#009dac}.identity-message p{font-size:15px;font-weight:700;color:#4e7081;letter-spacing:0;margin:0 0 18px}.identity-actions{display:flex;gap:11px;flex-wrap:wrap}.hero-identity .cta{margin:0;background:#00bfd1;color:#002b40;border-radius:6px;font-size:12px;padding:13px 17px;box-shadow:0 8px 19px #0095ac33}.hero-identity .cta.ghost{background:#063650;color:white}.identity-arc{position:absolute;bottom:-28px;left:44%;width:350px;height:42px;background:#00bcd0;transform:rotate(-7deg);clip-path:polygon(0 30%,100% 0,100% 25%,0 100%)}
.strip{background:#06253b}.stat b{color:#00d7e7}
@media(max-width:950px){.brand-logo{font-size:22px}.brand-logo img{width:54px;height:54px}.top .shell{gap:15px}.identity-message{padding-left:12px}.identity-logo{width:min(225px,77%)}}
@media(max-width:680px){.top .shell{min-height:0}.brand-logo{font-size:22px}.brand-logo img{width:49px;height:49px}.hero-identity{min-height:0}.identity-layout{grid-template-columns:1fr;padding-top:28px;padding-bottom:40px;gap:10px}.hero-identity:before{inset:-100px -20% 48% -20%;clip-path:polygon(0 0,100% 0,90% 100%,0 87%)}.identity-logo{width:165px;border-width:5px}.identity-overline,.identity-under{font-size:9px;letter-spacing:.5px}.identity-message{text-align:center;padding:12px 0}.hero-identity h1{font-size:clamp(35px,9vw,53px);letter-spacing:-1.8px}.identity-actions{justify-content:center}.identity-message p{font-size:13px}.identity-arc{left:15%;bottom:-27px}.hero-identity .cta{padding:12px 14px}}

/* V5.2 — bannière HD validée : image complète sans bande de statistiques dupliquée */
.hero-identity{background:#06253b url("hero-identite-hd.webp") center center / cover no-repeat;aspect-ratio:1833/707;min-height:0;display:block;}
.hero-identity:before,.hero-identity:after,.hero-identity .hero-splash,.hero-identity .identity-arc{display:none!important;}
.hero-identity .identity-layout{display:none!important;}
@media(max-width:680px){.hero-identity{aspect-ratio:1833/707;background-size:contain;background-position:center center;}}

/* V5.2.1 : illustrations virtuelles sans visages */
.team{padding:0 0 12px;min-height:145px;background:#071d31}.team:before{display:none}.team-photo{width:100%;height:90px;object-fit:cover;display:block;margin-bottom:7px}.team b,.team small{padding:0 10px}.team b{font-size:20px}.team-card{overflow:hidden;padding:0 0 16px}.team-card-photo{width:100%;height:130px;object-fit:cover;display:block}.team-card>div{padding:0 16px}.team-card>div:last-child{font-size:12px}.visual-photo{background-size:cover!important;background-position:center!important}.virtual-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.virtual-gallery figure{margin:0;background:#f1f7fa;border-radius:9px;overflow:hidden}.virtual-gallery img{width:100%;height:185px;object-fit:cover;display:block}.virtual-gallery figcaption{padding:10px;font-weight:800;font-size:13px}.virtual-notice{font-size:12px;color:#61778a;margin-top:15px}@media(max-width:650px){.virtual-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* V5.2.2 : navigation par équipe */
.nav-dropdown{position:relative;display:flex;align-items:center}.nav-drop-toggle{border:0;background:transparent;color:#dce7f2;font:800 13px Inter,'Segoe UI',Arial,sans-serif;padding:10px 3px;white-space:nowrap}.nav-drop-toggle:hover,.nav-drop-toggle[aria-expanded="true"]{color:var(--cyan)}.nav-drop-toggle span{margin-left:3px}.nav-drop-menu{display:none;position:absolute;z-index:100;top:100%;left:0;min-width:205px;max-height:min(65vh,480px);overflow-y:auto;background:#061c33;border:1px solid #1a5265;border-radius:8px;box-shadow:0 14px 35px #0006;padding:7px}.nav-dropdown.open .nav-drop-menu{display:grid;grid-template-columns:1fr}.nav .nav-drop-menu a{font-size:13px;display:block;padding:10px 12px;color:#e8f5fb;border-radius:5px;white-space:nowrap}.nav .nav-drop-menu a:hover,.nav .nav-drop-menu a:focus{background:#0b4d64;color:#fff}.nav .nav-drop-menu .nav-all{color:#00d3e9;border-bottom:1px solid #235067;border-radius:0;margin-bottom:4px}.nav-drop-toggle:focus-visible,.nav .nav-drop-menu a:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}@media(max-width:900px){.nav-drop-toggle{font-size:11px}}@media(max-width:680px){.nav{overflow-x:auto;overflow-y:visible}.nav-dropdown{position:static}.nav-drop-menu{position:fixed;top:auto;left:12px;right:12px;min-width:0;max-height:55vh}}

.past-events-control{display:flex;justify-content:center;margin:22px 0 12px}.past-events-button{border:1px solid #09b8d1;background:#06283f;color:#fff;padding:12px 20px;border-radius:9px;font:inherit;font-weight:700;cursor:pointer}.past-events-button:hover,.past-events-button:focus-visible{background:#087e98;outline-offset:3px}.past-events-button:disabled{opacity:.55;cursor:not-allowed}.past-events-title{margin:24px 0 16px;color:#092a40}[hidden]{display:none!important}

/* HBCHM V5.2.5 — alignement uniforme de la navigation */
.top .shell{align-items:center}
.nav{display:flex;align-items:center;justify-content:flex-end;column-gap:clamp(9px,1.3vw,20px);row-gap:0;flex-wrap:nowrap;margin-left:auto}
.nav>a,.nav-dropdown,.nav-drop-toggle{align-self:center}
.nav>a,.nav-drop-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:44px;line-height:1.2;white-space:nowrap;vertical-align:middle;margin:0}
.nav-drop-toggle{padding:0;background:transparent}
.nav-dropdown{min-height:44px}
@media(max-width:1100px){.top .shell{gap:14px}.nav{column-gap:clamp(7px,1vw,13px)}.nav>a,.nav-drop-toggle{font-size:clamp(10px,1.05vw,13px)}}
@media(max-width:850px){.top .shell{flex-wrap:wrap;justify-content:center;gap:5px;padding-top:10px;padding-bottom:10px}.brand{margin-right:auto}.nav{width:100%;margin:0;justify-content:center;flex-wrap:wrap;gap:2px 14px;overflow:visible}.nav>a,.nav-drop-toggle{font-size:12px;min-height:40px}.nav-dropdown{min-height:40px}}
@media(max-width:600px){.nav{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding-bottom:6px;gap:14px;scrollbar-width:thin}.nav>a,.nav-drop-toggle{flex-shrink:0}.nav-dropdown{flex-shrink:0}.nav-drop-menu{position:fixed;top:110px;left:12px;right:12px;max-height:55vh;overflow-y:auto}}

/* V5.2.6 : fiche d'équipe grand format */
.team-list.team-detail-mode{display:block}
.team-profile{background:#06283f;border-radius:16px;overflow:hidden;box-shadow:0 12px 35px #071b2c19}
.team-profile-image{display:block;width:100%;height:clamp(300px,43vw,560px);object-fit:cover;object-position:center}
.team-profile-info{padding:clamp(22px,4vw,40px);color:#fff}
.team-profile-kicker{font-size:12px;font-weight:800;letter-spacing:1.3px;color:#26d5e9}
.team-profile-info h2{font-size:clamp(40px,6vw,72px);font-style:italic;line-height:1;margin:12px 0}
.team-profile-info>p{color:#c6e6f0;margin:0 0 24px}
.team-profile-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:25px}
.team-profile-stats>div{border:1px solid #28738b;background:#0c3850;border-radius:10px;padding:18px}
.team-profile-stats span{display:block;font-size:12px;font-weight:800;color:#53d7e6;margin-bottom:8px}
.team-profile-stats strong{font-size:clamp(16px,2.5vw,22px)}
.team-profile-actions{display:flex;flex-wrap:wrap;gap:12px}
.team-profile-actions a{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border-radius:8px;background:#00c7df;color:#00263b;font-weight:900;text-decoration:none}
.team-profile-actions a:nth-child(2){background:#fff}
.team-profile-actions a:hover,.team-profile-actions a:focus-visible{filter:brightness(.9)}
.team-profile-back{display:inline-block;margin-top:24px;color:#b6eefa}
@media(max-width:600px){.team-profile-stats{grid-template-columns:1fr}.team-profile-actions a{width:100%}.team-profile-image{height:300px}}

/* V5.2.8 — Fiche d'équipe Premium, harmonisée avec la charte HBCHM */
.team-list.team-detail-mode{display:block}
.team-profile-premium{background:#061e33;border:1px solid rgba(2,207,232,.22);border-radius:20px;overflow:hidden;box-shadow:0 22px 60px rgba(3,26,43,.17);color:#fff}
.team-profile-premium .team-profile-hero{height:clamp(360px,48vw,610px);position:relative;isolation:isolate;overflow:hidden;background:#08283e}
.team-profile-premium .team-profile-image{height:100%;width:100%;object-fit:cover;object-position:center 35%;filter:saturate(.9) contrast(1.07);transform:scale(1.015)}
.team-profile-hero-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,23,39,.98) 0%,rgba(3,23,39,.76) 19%,rgba(3,23,39,.08) 65%),linear-gradient(90deg,rgba(3,23,39,.22),transparent 70%)}
.team-profile-hero-content{position:absolute;left:clamp(24px,5vw,60px);right:20px;bottom:clamp(28px,5vw,56px);z-index:1}
.team-profile-premium .team-profile-kicker{display:inline-flex;align-items:center;gap:10px;color:#55e5f3;font-size:clamp(10px,1.2vw,13px);letter-spacing:1.7px;font-weight:850}
.team-profile-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#00d3e9;box-shadow:0 0 0 5px #00d3e928}
.team-profile-premium .team-profile-hero-content h2{font-size:clamp(70px,12vw,148px);font-weight:950;font-style:italic;letter-spacing:-4px;line-height:.96;margin:18px 0 12px;text-shadow:0 4px 24px #0005}
.team-profile-hero-content p{font-size:clamp(16px,2vw,22px);margin:0;color:#d9eff7;font-weight:600}
.team-profile-photo-note{position:absolute;right:18px;top:18px;border:1px solid #ffffff65;border-radius:30px;padding:7px 12px;background:#06253e99;color:#f0faff;font-size:10px;font-weight:800;letter-spacing:1px}
.team-profile-premium .team-profile-info{padding:clamp(24px,5vw,56px);background:radial-gradient(circle at 100% 0%,#0d3d53 0%,#061e33 48%)}
.team-profile-section-heading{display:flex;align-items:center;gap:15px;margin:0 0 24px}
.team-profile-section-line{height:44px;width:4px;background:#00c9e0;border-radius:6px;flex:none}
.team-profile-section-heading small{display:block;color:#4bd7e7;font-weight:850;letter-spacing:1.7px;font-size:10px}
.team-profile-section-heading h3{color:#fff;font-size:clamp(23px,3vw,32px);margin:3px 0 0;line-height:1.15}
.team-profile-premium .team-profile-stats{gap:18px;margin-bottom:42px}
.team-profile-premium .team-profile-stat{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:155px;background:linear-gradient(145deg,#103e56,#0a2d43);border:1px solid #22637a;border-radius:14px;padding:26px 28px;overflow:hidden}
.team-profile-stat-icon{position:absolute;right:20px;top:8px;color:#45d9e93b;font-size:66px;line-height:1}
.team-profile-premium .team-profile-stat>span:not(.team-profile-stat-icon){font-size:11px;color:#65e0ed;letter-spacing:1.4px;font-weight:900;margin-bottom:14px}
.team-profile-premium .team-profile-stat strong{position:relative;font-size:clamp(19px,2.3vw,27px);line-height:1.3;max-width:92%}
.team-profile-links-heading{margin-bottom:20px}
.team-profile-premium .team-profile-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.team-profile-premium .team-profile-actions a{display:flex;align-items:center;justify-content:flex-start;gap:14px;min-height:90px;background:#f7fbff;color:#08283e;border:1px solid transparent;border-radius:12px;padding:16px 18px;transition:transform .15s,background .15s,box-shadow .15s}
.team-profile-premium .team-profile-actions a:nth-child(2){background:#f7fbff}
.team-profile-premium .team-profile-actions a:hover,.team-profile-premium .team-profile-actions a:focus-visible{transform:translateY(-3px);background:#d9faff;filter:none;box-shadow:0 10px 24px #0003}
.team-profile-action-icon{font-size:28px;color:#009fb6;flex:none}
.team-profile-premium .team-profile-actions a>span:nth-child(2){display:flex;flex-direction:column;gap:5px;font-size:16px;line-height:1.1}
.team-profile-premium .team-profile-actions small{font-size:11px;font-weight:600;color:#587185}
.team-profile-action-arrow{margin-left:auto;font-size:22px;color:#009fb6}
.team-profile-premium .team-profile-back{display:inline-flex;margin-top:32px;color:#83e4ef;text-decoration:none;font-weight:750}
.team-profile-premium .team-profile-back:hover{text-decoration:underline}
@media(max-width:800px){.team-profile-premium .team-profile-actions{grid-template-columns:1fr}.team-profile-premium .team-profile-actions a{min-height:75px}}
@media(max-width:600px){.team-profile-premium .team-profile-hero{height:390px}.team-profile-premium .team-profile-hero-content h2{letter-spacing:-2px}.team-profile-premium .team-profile-stats{grid-template-columns:1fr}.team-profile-premium .team-profile-stat{min-height:125px}.team-profile-photo-note{font-size:9px}.team-profile-premium .team-profile-info{padding:26px 20px}}

/* V5.2.9 — La vie du club, accueil premium */
.club-life-panel{background:linear-gradient(145deg,#fff 60%,#eef9fc);overflow:hidden}
.club-life-panel .heading{margin-bottom:8px}
.club-life-intro{color:#4b687d;font-size:15px;line-height:1.6;margin:0 0 24px}
.club-life-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.club-life-card{display:flex;flex-direction:column;min-width:0;text-decoration:none!important;color:#08263d!important;background:#fff;border:1px solid #dbe9f1;border-radius:16px;overflow:hidden;box-shadow:0 9px 24px #092d4310;transition:transform .2s,box-shadow .2s,border-color .2s}
.club-life-card:hover,.club-life-card:focus-visible{transform:translateY(-6px);border-color:#00c7df;box-shadow:0 18px 36px #07334e27}
.club-life-image{position:relative;min-height:190px;background-color:#08354b;background-size:cover;background-position:center;isolation:isolate}
.club-life-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#061d3420 30%,#061d34bf);z-index:-0}
.club-life-index{position:absolute;z-index:1;bottom:16px;left:18px;font-size:10px;font-weight:900;letter-spacing:1.6px;color:#fff;background:#063047cc;border:1px solid #ffffff44;padding:8px 11px;border-radius:5px}
.club-life-body{display:flex;flex:1;flex-direction:column;padding:23px 20px 22px}
.club-life-eyebrow{font-size:10px;letter-spacing:1.4px;color:#008da6;font-weight:900}
.club-life-body h3{font-size:clamp(20px,2.2vw,26px);line-height:1.15;color:#08263d;margin:11px 0}
.club-life-body p{font-size:13px;color:#5b7285;line-height:1.6;margin:0 0 22px}
.club-life-link{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:16px;border-top:1px solid #e1edf3;color:#007f99;font-weight:850;font-size:13px}
.club-life-link b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#00c8df;color:#05283c;font-size:19px}
@media(max-width:900px){.club-life-grid{grid-template-columns:1fr}.club-life-card{display:grid;grid-template-columns:40% 60%}.club-life-image{min-height:200px}.club-life-body{padding:20px}}
@media(max-width:520px){.club-life-card{display:flex}.club-life-image{min-height:205px}.club-life-grid{gap:16px}}

/* V5.3.0 : logos clubs + feuilles de match FFHandball */
.club-cell{display:inline-flex;align-items:center;gap:10px;min-width:150px}
.club-mark{width:38px;height:38px;flex:0 0 38px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;border:1px solid #cde2e9;background:#fff;color:#0a5068;font-weight:900;font-size:13px;overflow:hidden;vertical-align:middle}
.club-mark img{width:100%;height:100%;object-fit:contain;padding:3px;box-sizing:border-box}
.club-mark-placeholder{background:linear-gradient(135deg,#e7f7fa,#d4e8f2);letter-spacing:.5px}
.match-sheet-link{display:inline-block;padding:8px 11px;background:#0a4159;color:#fff!important;border-radius:8px;text-decoration:none!important;white-space:nowrap;font-size:12px;font-weight:800}
.match-sheet-link:hover,.match-sheet-link:focus-visible{background:#00a9c3;color:#05243a!important}
.club-vs-name{display:inline-flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap}
.club-vs-name .club-mark{width:42px;height:42px;flex-basis:42px}
.data-table td.mine .club-mark{margin-right:9px}

.hb-diagnostic{padding:20px;margin:12px 0 24px;border:2px solid #00bdd5;border-radius:12px;background:#eefaff;color:#092f46}.hb-diagnostic h2{margin:0 0 12px}.hb-diagnostic p{line-height:1.6}

/* V5.3.6 — Navigation persistante de l'équipe */
.hb-team-context-nav{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:15px 0 20px;padding:12px;background:#eff6f9;border:1px solid #d6e6ed;border-radius:12px}
.hb-team-context-label{font-weight:900;font-size:12px;letter-spacing:.06em;color:#053047;margin:0 10px 0 2px;text-transform:uppercase}
.hb-team-context-link{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;padding:11px 15px;border-radius:9px;background:#fff;border:1px solid #c9e0e8;color:#08314b!important;font-weight:800;font-size:12px;text-decoration:none!important;transition:background .15s,border-color .15s}
.hb-team-context-link span{color:#00a8c5}
.hb-team-context-link:hover,.hb-team-context-link:focus-visible{border-color:#00afca;background:#e1faff}
.hb-team-context-link.is-current{background:#06314a;color:#fff!important;border-color:#06314a}
.hb-team-context-link.is-current span{color:#55e5f5}
@media(max-width:650px){.hb-team-context-nav{gap:7px}.hb-team-context-label{width:100%;margin-bottom:3px}.hb-team-context-link{flex:1;gap:7px;padding:10px;font-size:11px}}

/* V5.3.7 — Logos sans cadre, espacements lisibles sur tous les tableaux */
.club-mark,.club-mark.club-mark-hb,.club-mark.club-mark-placeholder{border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;border-radius:0!important;padding:0!important;overflow:visible!important;margin:0!important;vertical-align:middle!important}
.club-mark img{display:block!important;object-fit:contain!important;padding:0!important;width:100%!important;height:100%!important;border:0!important;background:transparent!important;box-shadow:none!important}
.club-cell{display:inline-flex!important;align-items:center!important;gap:14px!important;min-width:0!important}
.club-cell>.club-mark{flex-shrink:0!important}
.data-table td.mine .club-mark{margin-right:0!important}
.data-table td.mine{white-space:normal!important}
.data-table td.mine>.club-mark{margin-right:14px!important}
.data-table td.mine>span:not(.club-mark){vertical-align:middle!important}
.club-vs-name{gap:14px!important}
@media(max-width:650px){.club-cell{gap:11px!important}.data-table td.mine>.club-mark{margin-right:11px!important}}

/* V5.3.8 : liens de navigation discrets dans l'en-tête, sans barre de boutons */
.hb-team-context-nav{display:none!important}
.heading .hb-team-heading-links{display:flex;gap:18px;align-items:center;justify-content:flex-end;flex-wrap:wrap;margin-left:auto}
.heading .hb-team-heading-links a{font-size:11px;font-weight:800;text-decoration:none;color:#0083a3;white-space:nowrap;letter-spacing:.025em}
.heading .hb-team-heading-links a:hover{text-decoration:underline;color:#06364c}
@media(max-width:620px){.heading .hb-team-heading-links{gap:10px}.heading .hb-team-heading-links a{font-size:10px}}

/* V5.4.0 — Classements : écart net entre chaque logo et le nom du club */
.data-table tbody td:has(> .club-mark){white-space:normal!important}
.data-table tbody td > .club-mark{display:inline-flex!important;vertical-align:middle!important;margin-right:16px!important;flex-shrink:0!important}
.data-table tbody td > .club-mark + span{display:inline!important;vertical-align:middle!important;line-height:1.5!important}
.data-table tbody td.mine > .club-mark{margin-right:16px!important}
@media(max-width:650px){.data-table tbody td > .club-mark,.data-table tbody td.mine > .club-mark{margin-right:12px!important}}

/* V5.4.1 : championnat clairement identifié au-dessus du classement */
.ranking-competition-heading{padding:14px 18px;margin:3px 0 16px;border-left:4px solid #00bfd4;border-radius:0 10px 10px 0;background:#f0f8fc}
.ranking-competition-label{display:block;font-size:10px;font-weight:800;letter-spacing:1.2px;color:#0088a5;margin-bottom:5px}
.ranking-competition-heading h3{margin:0;font-size:19px;line-height:1.4;color:#062940;font-weight:900}
.ranking-competition-heading h3 span{font-weight:650;color:#275b73}
@media(max-width:600px){.ranking-competition-heading{padding:12px}.ranking-competition-heading h3{font-size:16px}}

/* V5.4.3: clubs domicile et exterieur, logos sans cadre */
.hb-result-club{display:inline-flex;align-items:center;gap:16px;white-space:normal;min-width:165px}
.hb-result-club .club-mark{flex-shrink:0;border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important}

/* V5.4.6 — masquer les bandeaux numérotés des cartes La vie du club */
.hb-life .hb-life-num{display:none!important;}

/* V5.4.8 — déroulants sans ascenseur interne */
@media(min-width:681px){
.nav-drop-menu{max-height:none!important;overflow-y:visible!important;overflow-x:visible!important}
}
@media(max-width:680px){
.nav-drop-menu{scrollbar-width:none!important;-ms-overflow-style:none!important}
.nav-drop-menu::-webkit-scrollbar{display:none!important}
}

/* V5.4.9 — bouton compact, sans étirement dans la grille d'événements */
.past-events-control{display:flex!important;align-items:center!important;justify-content:center!important;align-self:start!important;justify-self:center!important;min-height:0!important;height:auto!important;width:auto!important;max-width:100%!important;margin:12px auto!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;grid-column:1 / -1!important}
.past-events-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;flex:0 0 auto!important;width:auto!important;max-width:100%!important;min-height:0!important;height:auto!important;padding:10px 16px!important;border:1px solid #b8e4ed!important;border-radius:999px!important;background:#eaf9fc!important;color:#07516a!important;box-shadow:none!important;font-size:12px!important;font-weight:800!important;line-height:1.35!important;white-space:normal!important;text-align:center!important;transition:background .2s,border-color .2s,transform .2s!important}
.past-events-button:hover,.past-events-button:focus-visible{background:#d5f4f9!important;border-color:#03b7d2!important;transform:translateY(-1px)!important;color:#063a51!important}
@media(max-width:600px){.past-events-control{grid-column:1 / -1!important;margin:10px auto!important}.past-events-button{font-size:12px!important}}

.hb-event-premium-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;align-items:stretch!important}
.hb-event-premium{position:relative!important;display:flex!important;flex-direction:column!important;min-width:0!important;min-height:265px!important;padding:24px!important;border:1px solid #155773!important;border-radius:16px!important;background:linear-gradient(145deg,#07536a,#062b42 55%,#031b30)!important;box-shadow:0 12px 25px #072d4426!important;color:white!important;overflow:hidden!important}
.hb-event-premium:before{content:"";position:absolute;right:-60px;top:-70px;width:200px;height:200px;border:34px solid #14c7db20;border-radius:50%;pointer-events:none}
.hb-event-premium:after{content:"";position:absolute;bottom:0;left:0;right:0;height:5px;background:#03c6d9}
.hb-event-premium .date{align-self:flex-start!important;padding:8px 12px!important;margin:0 0 18px!important;background:#08748b!important;border-radius:7px!important;color:#c4faff!important;font-weight:900!important;font-size:11px!important}
.hb-event-premium h3{font-size:23px!important;line-height:1.2!important;color:white!important;margin:0 0 12px!important;font-weight:900!important}
.hb-event-premium .pill{align-self:flex-start!important;background:#c8f8ff!important;color:#00435b!important;border-radius:999px!important;padding:6px 12px!important;font-weight:900!important}
.hb-event-premium p{color:#d8eaf1!important;font-size:13px!important;line-height:1.55!important;margin:15px 0 0!important}
.hb-event-premium p b{color:#fff!important}
.hb-event-premium p:last-child{margin-top:auto!important;padding-top:15px!important;border-top:1px solid #ffffff30!important}
@media(max-width:850px){.hb-event-premium-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:560px){.hb-event-premium-grid{grid-template-columns:1fr!important}}

/* V5.5.3 — mêmes cartes photographiques que la page Le Club */
.event-grid.hb-event-premium-grid,.event-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;align-items:stretch!important}
.event-card.hb-event-photo{position:relative!important;isolation:isolate!important;min-height:330px!important;padding:0!important;display:block!important;border:0!important;border-radius:16px!important;background:#052a41!important;box-shadow:0 12px 28px #062f482b!important;overflow:hidden!important}
.event-card.hb-event-photo::before,.event-card.hb-event-photo::after{display:none!important}
.hb-event-photo-bg{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;filter:saturate(.83)!important;transition:transform .35s!important}
.hb-event-photo:hover .hb-event-photo-bg{transform:scale(1.05)!important}
.hb-event-photo-shade{position:absolute!important;inset:0!important;background:linear-gradient(180deg,#041f3380 0%,#041f3320 24%,#031d33c9 55%,#031a2ef5 100%)!important}
.hb-event-photo-content{position:absolute!important;inset:0!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;padding:24px!important;z-index:2!important}
.hb-event-photo .date{display:inline-flex!important;margin:0 0 auto!important;background:#073e59b8!important;border:1px solid #ffffff55!important;border-radius:6px!important;color:#fff!important;padding:9px 11px!important;font-size:11px!important;letter-spacing:.3px!important}
.hb-event-photo h3{font-size:clamp(22px,2.3vw,29px)!important;line-height:1.12!important;margin:0 0 11px!important;color:white!important;font-weight:900!important;max-width:100%!important}
.hb-event-photo .pill{background:#2ad4e5!important;color:#063248!important;border-radius:999px!important;padding:7px 11px!important;font-weight:850!important;font-size:11px!important;margin-bottom:8px!important}
.hb-event-photo p{color:#e5f2f7!important;font-size:12px!important;line-height:1.5!important;margin:7px 0!important;padding:0!important;border:0!important}
.hb-event-photo .hb-event-location b{color:#fff!important}
.hb-event-photo .hb-event-description{border-top:1px solid #ffffff52!important;padding-top:10px!important;width:100%!important;margin-top:9px!important}
@media(max-width:850px){.event-grid.hb-event-premium-grid,.event-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:580px){.event-grid.hb-event-premium-grid,.event-grid{grid-template-columns:1fr!important}.event-card.hb-event-photo{min-height:330px!important}}


/* HBCHM V5 — Cartes équipes : aucun cadre au repos, liseré uniquement au survol. */
.team-list > a.team-card,
.team-list > .team-card,
a.team-card,
a.team {
  border: 0 !important;
  outline: none;
  box-sizing: border-box;
  transition: transform .28s ease, box-shadow .28s ease;
}
.team-list > a.team-card:hover,
.team-list > a.team-card:focus-visible,
.team-list > .team-card:hover,
.team-list > .team-card:focus-visible,
a.team-card:hover,
a.team-card:focus-visible,
a.team:hover,
a.team:focus-visible {
  transform: translateY(-7px);
  border: 0 !important;
  outline: none;
  box-shadow: inset 0 0 0 2px #00c7df, 0 16px 32px rgba(0,105,143,.25) !important;
}
@media (prefers-reduced-motion: reduce) {
  .team-list > a.team-card, .team-list > .team-card, a.team-card, a.team { transition: none; }
  .team-list > a.team-card:hover, .team-list > .team-card:hover,
  a.team-card:hover, a.team:hover { transform: none; }
}

/* HBCHM V5 — Les trois cartes de navigation accueil : liseré seulement au survol */
a.club-life-card {
  position: relative;
  outline: none;
  transition: transform .28s ease, box-shadow .28s ease !important;
}
a.club-life-card:hover,
a.club-life-card:focus-visible {
  transform: translateY(-7px) !important;
  border-color: #00c7df !important;
  box-shadow: inset 0 0 0 2px #00c7df, 0 16px 32px rgba(0,105,143,.25) !important;
}
@media (prefers-reduced-motion: reduce) {
  a.club-life-card { transition: none !important; }
  a.club-life-card:hover { transform: none !important; }
}

/* V5 : fond de la bannière d’accueil sur les titres des pages intérieures. */
.page-hero {
  background-image: linear-gradient(110deg, rgba(3,17,34,.86), rgba(3,35,59,.69)), url("hero-identite-hd.webp");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

/* HBCHM V6.2 : planning des entraînements */
.hb-training-section{margin-top:24px}.hb-training-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.hb-training-day{border:1px solid #cfe1e9;border-radius:13px;overflow:hidden;min-width:0;background:#fff}.hb-training-day h3{background:#071f2f;color:#fff;margin:0;padding:13px 10px;font-size:15px}.hb-training-slot{padding:11px 9px;border-bottom:1px solid #cfe1e9;display:flex;flex-direction:column;gap:4px;overflow-wrap:anywhere}.hb-training-slot:last-child{border-bottom:0}.hb-training-time{color:#fa5737;font-size:13px;font-weight:800}.hb-training-slot strong{color:#071f2f;font-size:14px}.hb-training-slot small{color:#536a7a;font-size:12px;line-height:1.4}.hb-training-empty{font-size:12px;color:#536a7a;font-style:italic;padding:12px 9px;margin:0}@media(max-width:1050px){.hb-training-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:650px){.hb-training-grid{grid-template-columns:1fr}.hb-training-day h3{padding:12px 14px}.hb-training-slot{padding:11px 14px}.hb-training-section{margin-top:18px}}

/* V6.2.1: acces visible au planning */
.hb-training-jump{margin:8px 0 15px}.hb-training-jump a{display:inline-flex;padding:9px 14px;border:1px solid #00a9c4;border-radius:9px;color:#007e9c;font-weight:800;text-decoration:none}.hb-training-section{display:block!important;visibility:visible!important;opacity:1!important;scroll-margin-top:24px}.hb-training-grid{width:100%}

/* V6.2.7 — lien Entraînements toujours visible en pied du menu Calendriers */
.nav-dropdown-calendriers .nav-drop-menu{max-height:min(82vh,720px);overscroll-behavior:contain}
.nav-dropdown-calendriers .nav-drop-menu .nav-training{position:static!important;bottom:auto!important;margin:0!important;padding:10px 12px!important;background:transparent!important;border:0!important;color:#e8f5fb!important;font-weight:inherit!important;white-space:nowrap!important;box-shadow:none!important}
.nav-dropdown-calendriers .nav-drop-menu .nav-training:hover,.nav-dropdown-calendriers .nav-drop-menu .nav-training:focus{background:#0b4d64!important;color:#fff!important}


/* V6.5.12 — Logos nettoyés et rendus propres en mode sombre mobile */
@media (max-width:820px) and (prefers-color-scheme: dark){
  .club-mark,
  .club-mark.club-mark-hb,
  .club-mark.club-mark-placeholder,
  .hb-result-club .club-mark,
  .hb-week-panel .hb-week-card .club-mark,
  .club-vs-name .club-mark{
    background:#ffffff!important;
    border-radius:12px!important;
    padding:3px!important;
    box-shadow:0 6px 14px rgba(0,0,0,.24)!important;
    overflow:hidden!important;
  }
  .club-mark img,
  .hb-result-club .club-mark img,
  .hb-week-panel .hb-week-card .club-mark img,
  .club-vs-name .club-mark img{
    background:transparent!important;
    border-radius:10px!important;
  }
}

/* V6.7.23 — Sélecteur de phases et Coupe de France */
.hb-phase-buttons{display:flex;align-items:stretch;flex-wrap:wrap;gap:10px;margin:14px 0 18px!important}
.hb-phase-buttons .hb-phase-btn{
 appearance:none;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;
 gap:3px;min-height:43px;padding:10px 17px;border:1px solid #d4e5ed;border-radius:12px;
 background:#f1f8fc;color:#123b57;font:inherit;font-size:13px;font-weight:750;
 line-height:1.2;cursor:pointer;box-shadow:0 2px 6px rgba(12,55,80,.06);
 transition:background .18s,border-color .18s,box-shadow .18s,transform .18s;
}
.hb-phase-buttons .hb-phase-btn strong{font-weight:800}
.hb-phase-buttons .hb-phase-btn small{font-size:10px;font-weight:600;color:#54778c}
.hb-phase-buttons .hb-phase-btn:hover{border-color:#08bdd2;background:#e9faff;transform:translateY(-1px)}
.hb-phase-buttons .hb-phase-btn.is-active{background:#063957;color:#fff;border-color:#06c4d9;box-shadow:inset 0 -3px 0 #09c9d9,0 4px 12px rgba(0,63,94,.15)}
.hb-phase-buttons .hb-phase-btn.is-active small{color:#d3f7ff}
.hb-phase-buttons .hb-phase-btn.hb-phase-cup{border-color:#efd79a;background:#fff9e9;color:#825700}
.hb-phase-buttons .hb-phase-btn.hb-phase-cup:hover{background:#fff0c4}
.hb-phase-buttons .hb-phase-btn.hb-phase-cup.is-active{background:#966100;color:#fff;border-color:#e5b341;box-shadow:inset 0 -3px 0 #ffd46c,0 4px 12px rgba(120,77,0,.16)}
.hb-phase-buttons .hb-phase-btn:focus-visible{outline:3px solid #00bfd5;outline-offset:3px}
@media(max-width:600px){.hb-phase-buttons{gap:7px}.hb-phase-buttons .hb-phase-btn{min-height:42px;padding:9px 12px;font-size:12px;flex:1 1 auto}}

/* V6.7.24: logos lisibles dans les tableaux et cartes */
.data-table .club-mark,.hb-result-club .club-mark,.club-vs-name .club-mark{display:inline-flex!important;align-items:center!important;justify-content:center!important;vertical-align:middle!important;flex:0 0 auto!important;width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;background:transparent!important;border:0!important;padding:0!important;overflow:visible!important}
.data-table .club-mark img,.hb-result-club .club-mark img,.club-vs-name .club-mark img{display:block!important;width:34px!important;height:34px!important;max-width:34px!important;max-height:34px!important;object-fit:contain!important;background:transparent!important;border:0!important;border-radius:0!important}
@media(max-width:650px){.data-table .club-mark,.data-table .club-mark img{width:27px!important;height:27px!important;min-width:27px!important;min-height:27px!important}}

/* V6.7.27 : équipe HBCHM mise en valeur dans les classements */
.data-table tbody tr.hb-ranking-our-team{background:#eaf8fd!important}
.data-table tbody tr.hb-ranking-our-team td{font-weight:800!important;color:#073d59!important}
.data-table tbody tr.hb-ranking-our-team td:nth-child(2) span:last-child{font-weight:900!important}
.data-table tbody tr.hb-ranking-our-team td:first-child{box-shadow:inset 3px 0 #00bbd0}

/* V6.7.30 : mise en évidence des équipes HBCHM, y compris les ententes */
.data-table tbody tr.hb-ranking-our-team,.data-table tbody tr.hb-ranking-our-team:nth-child(even){background:#e6f7fc!important}
.data-table tbody tr.hb-ranking-our-team td,.data-table tbody tr.hb-ranking-our-team td span{font-weight:800!important;color:#003b5c!important}
.data-table tbody tr.hb-ranking-our-team td:first-child{border-left:4px solid #00bcd4!important}


/* HBCHM V6.7.36 — Sélecteur de phases sobre, calendriers et classements */
.hb-phase-selector.hb-phase-buttons{
 display:flex!important;align-items:center!important;flex-wrap:wrap!important;
 width:fit-content!important;max-width:100%!important;gap:2px!important;
 margin:12px 0 18px!important;padding:4px!important;
 background:#f2f6f9!important;border:1px solid #e0e8ee!important;
 border-radius:10px!important;box-shadow:none!important;
}
.hb-phase-selector.hb-phase-buttons .hb-phase-btn,
.hb-phase-selector.hb-phase-buttons .hb-phase-btn.hb-phase-cup{
 appearance:none!important;min-height:34px!important;padding:7px 12px!important;
 display:inline-flex!important;flex:0 1 auto!important;align-items:center!important;
 justify-content:center!important;gap:0!important;
 background:transparent!important;color:#36516a!important;
 border:1px solid transparent!important;border-radius:7px!important;
 box-shadow:none!important;transform:none!important;
 font-size:12px!important;font-weight:600!important;line-height:1.25!important;
 transition:background .15s,color .15s!important;
}
.hb-phase-selector.hb-phase-buttons .hb-phase-btn strong{font-weight:600!important}
.hb-phase-selector.hb-phase-buttons .hb-phase-btn:hover,
.hb-phase-selector.hb-phase-buttons .hb-phase-btn.hb-phase-cup:hover{
 background:#e7eef4!important;color:#12344d!important;border-color:transparent!important;
 box-shadow:none!important;transform:none!important;
}
.hb-phase-selector.hb-phase-buttons .hb-phase-btn.is-active,
.hb-phase-selector.hb-phase-buttons .hb-phase-btn.hb-phase-cup.is-active{
 background:#fff!important;color:#073b63!important;border-color:#dce7ef!important;
 box-shadow:inset 0 -2px 0 #00b5c9!important;transform:none!important;
}
.hb-phase-selector.hb-phase-buttons .hb-phase-btn:focus-visible{
 outline:2px solid #00b5c9!important;outline-offset:2px!important;
}
@media(max-width:600px){
 .hb-phase-selector.hb-phase-buttons{width:100%!important;gap:1px!important;padding:3px!important}
 .hb-phase-selector.hb-phase-buttons .hb-phase-btn,
 .hb-phase-selector.hb-phase-buttons .hb-phase-btn.hb-phase-cup{
  flex:1 1 auto!important;padding:7px 8px!important;font-size:11px!important;min-height:36px!important;
 }
}
