/* HBCHM : adaptations spécifiques mobile sans impact sur le bureau. */
@media(max-width:767px){
  .hb-mobile-event-position{display:block!important;width:100%;margin-top:22px;margin-bottom:0;}
  .hb-mobile-event-position .heading{gap:8px;flex-wrap:wrap;}
  .hb-mobile-event-position .heading h2{font-size:clamp(16px,4.7vw,21px);}
  .hb-mobile-event-position #events{width:100%;}
  .hb-ranking-page .page-main>.panel{padding:12px 8px;}
  .hb-ranking-page #rankingsList{min-width:0;max-width:100%;}
  .hb-ranking-page #rankingsList .table-scroll{width:100%;max-width:100%;overflow-x:visible;}
  .hb-ranking-page #rankingsList .data-table{width:100%;min-width:0!important;table-layout:fixed;border-collapse:collapse;font-size:10px;}
  .hb-ranking-page #rankingsList .data-table th,
  .hb-ranking-page #rankingsList .data-table td{padding:8px 3px!important;font-size:10px;letter-spacing:0;overflow:hidden;}
  .hb-ranking-page #rankingsList .data-table th:nth-child(1){width:8%;}
  .hb-ranking-page #rankingsList .data-table th:nth-child(2){width:39%;}
  .hb-ranking-page #rankingsList .data-table th:nth-child(3){width:9%;}
  .hb-ranking-page #rankingsList .data-table th:nth-child(4){width:9%;}
  .hb-ranking-page #rankingsList .data-table th:nth-child(5){width:8%;}
  .hb-ranking-page #rankingsList .data-table th:nth-child(6){width:8%;}
  .hb-ranking-page #rankingsList .data-table th:nth-child(7){width:8%;}
  .hb-ranking-page #rankingsList .data-table th:nth-child(8){width:11%;}
  .hb-ranking-page #rankingsList .data-table td:nth-child(2){white-space:nowrap!important;text-overflow:ellipsis;}
  .hb-ranking-page #rankingsList .data-table td:nth-child(2)>.club-mark{width:19px!important;height:19px!important;margin-right:3px!important;vertical-align:middle!important;}
  .hb-ranking-page #rankingsList .data-table td:nth-child(2)>span:not(.club-mark){display:inline-block!important;vertical-align:middle!important;max-width:calc(100% - 26px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
}
@media(max-width:480px){
  /* Les colonnes N et Diff. sont masquées pour afficher le classement sans défilement horizontal. */
  .hb-ranking-page #rankingsList .data-table th:nth-child(6),
  .hb-ranking-page #rankingsList .data-table td:nth-child(6),
  .hb-ranking-page #rankingsList .data-table th:nth-child(8),
  .hb-ranking-page #rankingsList .data-table td:nth-child(8){display:none;}
  .hb-ranking-page #rankingsList .data-table th:nth-child(1){width:9%;}
  .hb-ranking-page #rankingsList .data-table th:nth-child(2){width:48%;}
  .hb-ranking-page #rankingsList .data-table th:nth-child(3){width:11%;}
  .hb-ranking-page #rankingsList .data-table th:nth-child(4){width:11%;}
  .hb-ranking-page #rankingsList .data-table th:nth-child(5){width:10%;}
  .hb-ranking-page #rankingsList .data-table th:nth-child(7){width:11%;}
}
@media(max-width:360px){
  .hb-ranking-page #rankingsList .data-table th,
  .hb-ranking-page #rankingsList .data-table td{font-size:9px;padding:7px 2px!important;}
  .hb-ranking-page #rankingsList .data-table td:nth-child(2)>.club-mark{width:16px!important;height:16px!important;margin-right:2px!important;}
  .hb-ranking-page #rankingsList .data-table td:nth-child(2)>span:not(.club-mark){max-width:calc(100% - 22px);}
}